:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#292d31;background:#f5f5f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.48;cursor:not-allowed}input,select{border:1px solid #d5d7da;border-radius:11px;padding:12px;background:white;color:#292d31;width:100%;min-width:0}input:focus,select:focus{outline:2px solid #2785c2}label{display:block;font-size:.88rem;font-weight:650;margin:15px 0 5px}h1{font-size:clamp(1.7rem,3vw,2.35rem);margin:.18em 0 .8em;letter-spacing:-.04em}h2{font-size:1.12rem;margin:0 0 20px}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.15em;color:#ae452e}.brand-mark{background:#ffffff;color:#d3391f;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;font-size:2rem;font-weight:900}.brand-mark.small{width:38px;height:38px;font-size:1.4rem;border-radius:12px}.login{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 10% 10%,#f36b43,#c83d24 55%);padding:18px}.login-card{background:white;border-radius:26px;padding:34px;width:min(440px,100%);box-shadow:0 20px 70px #63231350}.login-card .eyebrow{margin-top:24px}.login-card p{color:#646b70}.primary{background:#c83d24;color:white;font-weight:750;border-radius:12px;padding:13px 18px}.primary:hover{background:#ad301d}.login-card .primary{width:100%;margin-top:18px}.ghost{background:#fff0e9;color:#a83723;border-radius:11px;padding:10px 13px;font-weight:700}.error{color:#ae322c;margin-top:12px;min-height:1.2em}header{background:#c83d24;color:white;padding:12px max(20px,calc((100vw - 1480px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px}.identity,.top-right{display:flex;align-items:center;gap:12px}.identity span{display:block;font-size:.78rem;color:#fff3ed}.top-right{font-size:.85rem}.top-right .ghost{background:#bf361f;color:white}nav{background:white;border-bottom:1px solid #e2e3e5;padding:8px max(18px,calc((100vw - 1480px)/2));display:flex;gap:4px;overflow:auto}nav button{background:transparent;padding:11px 15px;border-radius:10px;white-space:nowrap;color:#525960;font-weight:750}nav button.selected{background:#e4f1fc;color:#1265a1}.page{max-width:1520px;margin:auto;padding:27px 20px 60px}.tab[hidden],#app[hidden],#login[hidden],[hidden]{display:none!important}.title-row,.card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.status{font-size:.85rem;background:#fff0cd;padding:10px 13px;border-radius:10px;color:#714b10;font-weight:750}.status.open{background:#dcf5e5;color:#246944}.register-controls{margin-bottom:18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.register-controls input{width:130px}.pos-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:18px;align-items:start}.card{background:white;border:1px solid #e6e6e7;border-radius:20px;padding:22px;box-shadow:0 6px 25px #1d252610}.card-heading input{max-width:240px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:11px;min-height:120px}.product-tile{text-align:left;background:#fafafa;border:1px solid #e2e4e6;border-radius:15px;padding:17px;min-height:116px;display:flex;flex-direction:column;justify-content:space-between;color:#292d31}.product-tile:hover{background:#fff1ec;border-color:#e49b83}.product-tile strong{line-height:1.2}.product-tile span{font-size:1.15rem;color:#c23b24;font-weight:800}.product-tile small{color:#697076}.cart{position:sticky;top:12px}.cart-lines{min-height:95px;max-height:260px;overflow:auto}.empty{color:#81878d;padding:16px 0}.cart-item,.list-item{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #ededee}.cart-item small,.list-item small{display:block;color:#70767c;margin-top:3px}.qty{display:flex;align-items:center;gap:7px}.qty button{background:#e8f2fa;border-radius:8px;width:27px;height:27px}.divider{border-top:1px solid #e1e2e4;margin:17px 0}.total-row{display:flex;justify-content:space-between;align-items:center;font-weight:700}.total-row strong{font-size:1.8rem;color:#c23b24}.field{margin:20px 0 0}.inline{display:flex;gap:5px}.inline button{white-space:nowrap}.customer-info{font-size:.85rem;margin-top:6px;color:#a83b24}.big{margin-top:18px;width:100%;font-size:1.15rem;padding:17px}.notice{margin-top:11px;font-weight:700;min-height:1.2em;color:#236a4b}.stats{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;margin:20px 0}.stat{background:white;padding:18px;border-radius:15px;border:1px solid #e4e5e6}.stat small{display:block;color:#6d7478;margin-bottom:10px}.stat strong{font-size:1.35rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #ececed;padding:12px 9px;white-space:nowrap}th{color:#6d7478;font-size:.76rem;text-transform:uppercase}.two-cols{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:18px;align-items:start}.form-card .primary{margin-top:15px}.form-card .ghost{margin-left:5px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.spaced{margin-top:18px}.hint{font-size:.8rem;color:#697076}.list-item .ghost{align-self:center}.muted{color:#71777c;font-size:.85rem}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#333b42;color:white;border-radius:12px;padding:12px 17px;box-shadow:0 10px 30px #0003;display:none;z-index:5;max-width:min(440px,90vw)}#toast.show{display:block}#offline{position:sticky;top:0;text-align:center;background:#a43728;color:white;padding:11px;z-index:10;font-weight:700}dialog{border:0;border-radius:18px;max-width:95vw;width:430px;padding:18px;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#1d1d20ac}.scan-head{display:flex;justify-content:space-between;align-items:center}video{width:100%;margin-top:14px;background:#1b1e20;border-radius:10px}dialog p{font-size:.83rem;color:#687078}@media(max-width:850px){.pos-grid,.two-cols{grid-template-columns:1fr}.cart{position:static}.stats{grid-template-columns:repeat(2,1fr)}.page{padding:20px 12px}.card{padding:17px}.card-heading{align-items:flex-start;flex-direction:column}.card-heading input{max-width:none}}@media(max-width:480px){.top-right #username{display:none}.inline{flex-wrap:wrap}.inline input{flex:1 1 100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{gap:7px}.stat{padding:12px}.stat strong{font-size:1.05rem}}

.bank-qr-wrap{margin-top:15px;padding:16px;background:#fff6f2;border:1px solid #f4cebf;border-radius:14px;text-align:center}.bank-qr-wrap img,.qr-preview img{display:block;max-width:min(100%,250px);max-height:250px;margin:12px auto;background:white;padding:8px;border-radius:8px}.bank-qr-wrap .check{text-align:left}.bank-qr-wrap .hint{text-align:left}.qr-preview{text-align:center}.qr-preview strong,.qr-preview span{display:block}

/* Paleta del mostrador: naranja para cobro y azul para selección. */
.product-tile.in-cart{background:#e4f1fc;border-color:#2380bd;box-shadow:inset 0 0 0 1px #2380bd}.product-tile.in-cart:after{content:"En cuenta";font-size:.7rem;color:#1265a1;font-weight:800}.cart-item{border-left:3px solid #2785c2;padding-left:10px}.primary:focus-visible,.ghost:focus-visible,nav button:focus-visible,.product-tile:focus-visible{outline:3px solid #1976b6;outline-offset:2px}
.product-photo{display:block;width:100%;height:110px;object-fit:cover;background:#f1f3f5;border-radius:10px;margin-bottom:10px}.product-photo.preview{width:150px;height:120px;margin-top:12px}.photo-placeholder{display:grid;place-items:center;height:60px;font-size:1.7rem;color:#a8afb5}.list-item>.product-photo{width:58px;height:58px;margin:0;flex:none}.list-item>div{flex:1}.stock-warning{background:#fff1dc;color:#8b4d00;border:1px solid #efcc91;border-radius:10px;padding:11px;margin-bottom:12px;font-weight:700;font-size:.85rem}.low-stock{display:block;color:#a44600!important;font-weight:800}#business-picker-wrap{display:flex;align-items:center;gap:6px;margin:0;color:white;white-space:nowrap}#business-picker{width:clamp(125px,20vw,260px);padding:7px;font-size:.83rem}#business-list .list-item{align-items:center}@media(max-width:550px){header{align-items:flex-start}.top-right{flex-wrap:wrap;justify-content:flex-end}#business-picker-wrap{order:3;width:100%}#business-picker{width:100%}.identity{align-items:flex-start}}