.tyre-barcode-dialog{--scanner-accent:var(--yellow,var(--accent,#f9d416));width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:12px;background:#fff;color:#202326;box-shadow:0 22px 70px rgba(0,0,0,.38);overflow:auto}
.tyre-barcode-dialog::backdrop{background:rgba(10,12,14,.82)}
.tyre-scanner-heading{display:flex;align-items:start;justify-content:space-between;padding:18px 20px 15px;border-top:5px solid var(--scanner-accent);background:#202326;color:#fff}
.tyre-scanner-heading span{display:block;color:var(--scanner-accent);font-size:.62rem;font-weight:800;letter-spacing:.09em}
.tyre-scanner-heading h2{margin:4px 0 0;color:#fff;font-size:1.35rem}
.tyre-scanner-heading>button{padding:0 5px;border:0;background:transparent;color:#fff;font-size:1.8rem;line-height:1}
.tyre-scanner-status{margin:0;padding:12px 18px;background:#fff7d2;color:#403700;font-size:.78rem;font-weight:700;text-align:center}
.tyre-scanner-view{position:relative;min-height:260px;background:#050606;overflow:hidden}
.tyre-scanner-view video{display:block;width:100%;height:min(54dvh,440px);object-fit:cover}
.tyre-scanner-guide{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.tyre-scanner-guide:before{content:"";width:min(86%,500px);height:104px;border:3px solid #ef3340;border-radius:9px;box-shadow:0 0 0 999px rgba(0,0,0,.24)}
.tyre-scanner-guide i{position:absolute;width:min(80%,460px);height:2px;background:#ef3340;box-shadow:0 0 10px #ef3340}
.tyre-scanner-result{display:grid;gap:6px;margin:14px 18px 0;padding:14px;border-left:4px solid #2f825d;background:#e8f5ef}
.tyre-scanner-result span{font-size:.66rem;font-weight:800;text-transform:uppercase}
.tyre-scanner-result strong{font:800 1.4rem ui-monospace,SFMono-Regular,Consolas,monospace}
.tyre-scanner-result p{margin:0;font-size:.72rem}
.tyre-scanner-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:16px 18px}
.tyre-scanner-actions button{min-height:42px;padding:8px 13px;border:1px solid #aeb3b5;border-radius:5px;background:#fff;color:#202326;font-weight:800}
.tyre-scanner-actions .primary{border-color:var(--scanner-accent);background:var(--scanner-accent);color:#111}
.tyre-barcode-dialog [hidden]{display:none!important}
@media(max-width:560px){.tyre-scanner-actions{display:grid;grid-template-columns:1fr 1fr}.tyre-scanner-actions button{width:100%}}