/* Barcode generator. Shared parts: css/_print-kit.css and css/_label-sheet.css. Borders: 1px hairline. */
#visu-tools.vt-barcode-generator .vt-bc-top { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 16px; align-items: end; }
#visu-tools.vt-barcode-generator .vt-bc-top .vt-link-btn { min-height: 46px; }
#visu-tools.vt-barcode-generator .vt-bc-modes { margin-top: 16px; }
#visu-tools.vt-barcode-generator .vt-bc-one, #visu-tools.vt-barcode-generator .vt-bc-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; margin-top: 16px; }
#visu-tools.vt-barcode-generator .vt-bc-one[hidden], #visu-tools.vt-barcode-generator .vt-bc-list[hidden] { display: none; }
#visu-tools.vt-barcode-generator #vt-bc-value { font-size: 18px !important; letter-spacing: .04em; font-variant-numeric: tabular-nums; }
#visu-tools.vt-barcode-generator .vt-bc-check { margin: 0; padding: 8px 12px; border-radius: 10px; background: var(--vt-tint); color: var(--vt-text); font-size: 14px; }
#visu-tools.vt-barcode-generator .vt-bc-check[data-kind="ok"] { color: #0f5132; background: #e8f5ee; }
#visu-tools.vt-barcode-generator .vt-bc-check[data-kind="error"] { color: #8a1c13; background: #fdecea; }
#visu-tools.vt-barcode-generator .vt-bc-list textarea { min-height: 160px; line-height: 1.5; font-size: 15px !important; white-space: pre; overflow-x: auto; }
#visu-tools.vt-barcode-generator .vt-bc-list :is(.vt-hint, .vt-bc-sum) { margin: 0 !important; }
#visu-tools.vt-barcode-generator .vt-bc-file { display: grid; gap: 6px; }
#visu-tools.vt-barcode-generator .vt-bc-file input[type=file] { font-size: 14px; max-width: 100%; }
#visu-tools.vt-barcode-generator .vt-bc-sum { padding: 8px 12px; border-radius: 10px; background: var(--vt-tint); color: var(--vt-ink); font-size: 14px; font-weight: 600; }
#visu-tools.vt-barcode-generator .vt-bc-errors { margin: 0; padding: 8px 12px 8px 28px; border: 1px solid #f3c7c2; border-radius: 10px; color: #8a1c13; font-size: 14px; display: grid; gap: 2px; }
#visu-tools.vt-barcode-generator .vt-bc-errors[hidden] { display: none; }
#visu-tools.vt-barcode-generator > .vt-app .vt-in > .vt-field, #visu-tools.vt-barcode-generator .vt-in > label.vt-field { margin-top: 16px; }
#visu-tools.vt-barcode-generator .vt-bc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; margin-top: 18px; align-items: end; }
#visu-tools.vt-barcode-generator .vt-bc-hrt .vt-check { min-height: 46px; }
#visu-tools.vt-barcode-generator .vt-bc-gs1 { margin-top: 18px; padding: 12px 14px; border: 1px solid var(--vt-line-2); border-left: 3px solid #b45309; border-radius: 10px; background: #fffbeb; font-size: 14px; line-height: 1.5; color: var(--vt-text); }
#visu-tools.vt-barcode-generator .vt-bc-gs1 strong { color: var(--vt-ink); }
#visu-tools.vt-barcode-generator .vt-bc-privacy { margin-top: 16px !important; }
#visu-tools.vt-barcode-generator .vt-out { position: sticky; top: 16px; }
#visu-tools.vt-barcode-generator .vt-out .vt-pk-stage { min-height: 200px; }
@media (max-width: 900px) {
  #visu-tools.vt-barcode-generator .vt-out { position: static; }
}
@media (max-width: 600px) {
  #visu-tools.vt-barcode-generator .vt-bc-top { grid-template-columns: minmax(0, 1fr); }
  #visu-tools.vt-barcode-generator .vt-bc-top .vt-link-btn { min-height: 0; justify-self: start; }
  #visu-tools.vt-barcode-generator .vt-seg-items { flex-wrap: wrap; overflow-x: visible; margin: 0; padding: 0; }
  #visu-tools.vt-barcode-generator .vt-bc-grid { grid-template-columns: minmax(0, 1fr); }
}