.tnb-barcode-display{width:100%;text-align:center;display:grid;gap:12px;padding:4px 0}.tnb-barcode-display h3,.tnb-barcode-display p{margin:0}.tnb-barcode-live{font-size:11px;font-weight:800;letter-spacing:.08em;color:#276a3b}.tnb-barcode-clock{display:block;font:800 32px/1.25 ui-monospace,monospace;font-variant-numeric:tabular-nums;color:#171717;white-space:nowrap}.tnb-barcode-paper{background:#fff;padding:12px 0;border-radius:8px;overflow:visible;isolation:isolate}.tnb-barcode-svg{display:block;width:100%;height:auto;max-height:210px;min-height:110px;background:#fff;animation:none!important;transform:none!important;filter:none!important}.tnb-barcode-display .button{min-height:48px}.tnb-barcode-display [role=alert]{color:#ad1725;font-weight:600}
.tnb-barcode-countdown{font-variant-numeric:tabular-nums;font-size:14px;color:#555}
.tnb-scan-next-box{display:grid;gap:10px;margin:6px 4px;padding:16px;border:3px solid #d24c16;border-radius:16px;background:#fff1d6;color:#542507;box-shadow:0 0 0 4px #f3a73544;animation:tnb-pending-code 1.25s ease-in-out infinite}
.tnb-scan-next-box>strong{font-size:20px;line-height:1.2}.tnb-scan-next-box>p{font-size:14px;line-height:1.45}.tnb-scan-next-box .button{background:#bc3d0c;color:#fff;border-color:#bc3d0c;font-weight:800}.tnb-scan-next-box .button:focus-visible{outline:3px solid #111;outline-offset:3px}.tnb-barcode-display>.button:disabled{opacity:.45;cursor:not-allowed}
@keyframes tnb-pending-code{0%,100%{background:#fff1d6;box-shadow:0 0 0 2px #ee952c44}50%{background:#ffdda2;box-shadow:0 0 0 7px #ee952c66}}
@media(prefers-reduced-motion:reduce){.tnb-scan-next-box{animation:none;box-shadow:0 0 0 4px #f3a73544}}