/* BarcodeOn v4 development workbench; inherits v3.1 brand tokens. */
.v4-panel{border:1px solid #b7ded3;background:#f7fbfa;border-radius:18px;padding:clamp(14px,2vw,22px);margin:12px 0 22px;color:#143d42}
.v4-panel h3{font-size:20px;margin:0 0 8px}.v4-panel h4{font-size:16px;margin:20px 0 10px}
.v4-panel p{font-size:13px;line-height:1.6;color:#516a6c;margin:0 0 14px}
.v4-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.v4-columns label{font-size:12px;font-weight:800;display:grid;gap:5px;min-width:0}
.v4-columns input,.v4-columns select{width:100%;height:40px;border:1px solid #bed4d0;background:#fff;color:#153b40;border-radius:9px;padding:7px 9px;min-width:0;font-size:13px}
.v4-columns input[type=file]{padding:7px 4px;font-size:11px}
.v4-check{display:flex;gap:8px;align-items:center;margin:12px 0;font-size:13px}
.v4-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
.v4-actions button{border:1px solid #92c8b9;background:#fff;color:#0b534c;padding:10px 13px;border-radius:9px;cursor:pointer;font-weight:800;font-size:13px}
.v4-actions button:disabled{opacity:.4;cursor:not-allowed}.v4-actions button:hover:not(:disabled){background:#e5f8f1}
.v4-preview{font-size:12px;margin-top:10px}.v4-scroll{overflow-x:auto;max-width:100%}.v4-preview table{border-collapse:collapse;min-width:100%;direction:ltr;text-align:left}
.v4-preview th,.v4-preview td{border:1px solid #d1e6e0;padding:6px 8px;max-width:200px;overflow-wrap:anywhere}
.v4-notice{font-size:12px;line-height:1.5;color:#0c6753;margin-top:12px;min-height:18px;overflow-wrap:anywhere}.v4-error{color:#b32636}
.v4-stats{font-size:13px;margin-top:12px}
@media(max-width:720px){.v4-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.v4-columns{grid-template-columns:1fr}}
@media print{.v4-panel{display:none!important}}

@media print{.print-barcode-name{font:500 11pt sans-serif;overflow-wrap:anywhere;margin:2mm 0 0;text-align:center}}