/* Barcode Generator — the code card (format, value, status, downloads) beside
   the preview card, with appearance and export settings in a docked Options
   sheet. Layout is styles/components/form.css; the preview is a
   styles/components/preview.css paper stage (a checkerboard while the
   background is transparent). Only the value field's face, the status line's
   inline Fix button and the SVG's sizing are the page's own. */

/* input.<class>, not .<class>: common.css styles input[type="text"] at a
   higher specificity than a bare class (see check-consistency group D). */
input.bc-value {
  font-family: var(--mono);
  letter-spacing: 0.02em;
}

/* The status sentence and its one-click "Fix" share a line; the button never
   squeezes the sentence below its own width. */
.bc-status-row {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.bc-status {
  flex: 1 1 auto;
  min-width: 0;
}
.bc-status-row > .btn { flex: none; }

/* JsBarcode sets a pixel width in app.js; the viewBox keeps the aspect ratio
   when the stage is narrower than the code. */
svg.bc-svg {
  height: auto;
}

.bc-empty {
  color: var(--text-muted);
  font-size: 15px;
  letter-spacing: -0.01em;
}

/* Same rule as the QR page: longer ko/ja labels wrap the pair onto two lines
   instead of clipping the label. */
.bc-actions > .btn { min-width: max-content; }