:root {
  --card-radius: 1rem;
}

body {
  min-height: 100vh;
}

.card {
  border-radius: var(--card-radius);
}

.preview-wrap {
  min-height: 360px;
}

#barcodeCanvas {
  max-width: 100%;
  height: auto;
}

#batchResults img {
  width: 100%;
  object-fit: contain;
  max-height: 160px;
}

#historyList {
  max-height: 250px;
  overflow: auto;
}

#status {
  min-height: 1.25rem;
}

#status.success {
  color: var(--bs-success-text-emphasis);
}

#status.error {
  color: var(--bs-danger-text-emphasis);
}

#typeHint {
  min-height: 1.25rem;
}

@media (max-width: 575.98px) {
  .preview-wrap {
    min-height: 280px;
  }
}