:root{--bg:#f9fafb;--surface:#fff;--text:#111827;--muted:#6b7280;--border:#d1d5db;--primary:#1f2937;--primary-text:#fff;--danger:#b91c1c;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}h1{margin:0 0 .5rem;font-size:1.5rem}h2{margin:0 0 .75rem;font-size:1.25rem}button,input{font:inherit;color:inherit}.app{flex-direction:column;min-height:100dvh;display:flex}.screen{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));width:100%;max-width:640px;margin:0 auto}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;display:flex}.muted{color:var(--muted)}.error{color:var(--danger);font-weight:600}.row{align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.topbar{padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--primary);color:var(--primary-text);justify-content:space-between;align-items:center;display:flex}.tabs{background:var(--surface);border-bottom:1px solid var(--border);display:flex;overflow-x:auto}.tab{text-align:center;color:var(--muted);white-space:nowrap;flex:1;padding:12px 8px;text-decoration:none}.tab.active{color:var(--text);border-bottom:3px solid var(--primary);font-weight:700}.btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;min-height:48px;padding:0 16px}.btn.big{min-height:60px;font-size:1.15rem;font-weight:600}.btn.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.btn.link{min-height:36px;color:inherit;background:0 0;border:none;text-decoration:underline}.btn:disabled{opacity:.5}.pin-dots{gap:16px;margin:8px 0 4px;display:flex}.dot{border:2px solid var(--primary);border-radius:50%;width:18px;height:18px}.dot.filled{background:var(--primary)}.keypad{grid-template-columns:repeat(3,76px);gap:14px;margin-top:12px;display:grid}.key{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:50%;height:76px;font-size:1.6rem}.key.small{background:0 0;border:none;font-size:.85rem}.key:active{background:#e5e7eb}.cards{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px}.card.inactive{opacity:.55}.card-btn{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;display:flex}.form{flex-direction:column;gap:16px;display:flex}.form label{flex-direction:column;gap:6px;font-weight:600;display:flex}.form input:not([type=checkbox]){border:1px solid var(--border);background:var(--surface);border-radius:10px;min-height:48px;padding:0 12px;font-weight:400}.form label.check{flex-direction:row;align-items:center;font-weight:400}.form label.check input{width:22px;height:22px}fieldset{border:none;margin:0;padding:0}legend{margin-bottom:6px;font-weight:600}.segmented{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.seg{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;min-height:44px}.seg.active{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.form .row .btn{flex:1}.form select{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-height:48px;padding:0 12px;font-weight:400}.segmented.two{grid-template-columns:1fr 1fr}.btn.link.danger{color:var(--danger)}.small{font-size:.85rem}.chips{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 12px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:18px;min-height:36px;padding:0 14px}.chip.active{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.menu-group{margin-bottom:20px}.menu-group h3{margin:8px 0;font-size:1.05rem}.product-row{flex-direction:column;display:flex}.product-main{align-items:center;gap:8px;padding-right:10px;display:flex}.flavors{flex-wrap:wrap;gap:6px;padding:0 14px 12px;display:flex}.flavor{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:17px;min-height:34px;padding:0 10px;font-size:.85rem}.flavor.out{border-color:var(--danger);color:var(--danger);background:#fef2f2;text-decoration:line-through}.product-info{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:2px;min-width:0;padding:12px 14px;display:flex}.product-row.sold-out{background:#fef2f2;border-color:#fecaca}.product-row.sold-out strong{text-decoration:line-through}.toggle{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;flex-shrink:0;width:104px;min-height:40px;font-size:.9rem}.toggle.on{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:700}.form textarea{border:1px solid var(--border);background:var(--surface);resize:vertical;border-radius:10px;padding:10px 12px;font-weight:400}.section-gap{margin-top:24px}.table-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.table-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:84px;display:flex}.table-btn strong{font-size:1.6rem}.table-btn.busy{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.note{color:#92400e;font-size:.9rem;font-style:italic;display:block}.item-row{align-items:center;gap:8px;padding:12px 14px;display:flex}.item-info{flex-direction:column;flex:1;gap:2px;display:flex}.status-cancelado strong,.ticket-items .status-cancelado{opacity:.5;text-decoration:line-through}.total{text-align:right;font-size:1.2rem;font-weight:700}.btn.full{width:100%}.btn.grow{flex:1}.btn.danger-outline{border-color:var(--danger);color:var(--danger)}.composer{padding-bottom:120px}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.pick{text-align:left;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;flex-direction:column;gap:2px;min-height:64px;padding:10px 12px;display:flex;position:relative}.pick:disabled{opacity:.45}.badge{background:var(--primary);min-width:24px;height:24px;color:var(--primary-text);border-radius:12px;justify-content:center;align-items:center;padding:0 6px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.send-bar{padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);position:fixed;bottom:0;left:0;right:0}.send-bar>*{max-width:608px;margin-left:auto;margin-right:auto}.cart h3{margin-top:0}.cart .card-btn span:first-child{flex-direction:column;display:flex}.flavors.picker{padding:0}.flavors.picker .flavor{min-height:42px;font-size:.95rem}.flavor.chosen{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.stepper{align-items:center;gap:16px;display:flex}.small-key{width:52px;height:52px;font-size:1.4rem}.qty{text-align:center;min-width:32px;font-size:1.5rem;font-weight:700}.empty{text-align:center;margin-top:40px;font-size:1.1rem}.tickets{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.ticket{background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:12px 14px}.ticket-head{justify-content:space-between;align-items:baseline;font-size:1.15rem;display:flex}.ticket-items{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.ticket-items li{gap:8px;font-size:1.05rem;display:flex}.qty-tag{min-width:30px;font-weight:800}.sound-banner,.ready-banner{cursor:pointer;border:1px solid;border-radius:10px;width:100%;min-height:44px;margin-bottom:12px;font-weight:600;display:block}.sound-banner{color:#92400e;background:#fffbeb;border-color:#f59e0b}.ready-banner{color:#fff;background:#15803d;border-color:#15803d}.grow{flex:1}.state-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;flex-shrink:0;min-width:84px;min-height:40px;font-weight:600}.state-btn.state-preparando{color:#fff;background:#f59e0b;border-color:#f59e0b}.state-btn.state-listo{color:#15803d;background:#dcfce7;border-color:#15803d}.ticket-items li{align-items:center}.ticket-items .status-listo .grow{color:#15803d}.ticket.in-progress{background:#fffbeb;border-color:#f59e0b}.ticket.late{border-color:#dc2626}.ticket.done{opacity:.8}.ticket-all{margin-top:12px}.recent{margin-top:24px}.recent summary{cursor:pointer;padding:8px 0;font-weight:600}.table-btn.has-ready{background:#15803d;border-color:#15803d}.ready-section{margin-bottom:20px}.ready-card{background:#f0fdf4;border-color:#15803d;align-items:center;gap:10px;padding-right:12px;display:flex}.ready-card.mine{border-width:2px}.ready-info{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:2px;padding:12px 14px;display:flex}.stack{flex-direction:column;gap:10px;display:flex}.center-text{text-align:center}.paid-tag{color:#15803d;background:#dcfce7;border-radius:10px;padding:10px 14px;font-weight:700}.segmented.three{grid-template-columns:repeat(3,1fr)}.bill{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%}.bill td{vertical-align:top;border-bottom:1px solid #eef0f3;padding:10px 12px}.bill-qty{width:40px;font-weight:700}.bill-amount{text-align:right;white-space:nowrap}.bill tfoot td{border-bottom:none;font-size:1.2rem;font-weight:800}.change{color:#15803d;font-size:1.3rem;font-weight:800}.date-pick{align-items:center;gap:12px;margin-bottom:4px;display:flex}.date-pick input{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-height:44px;padding:0 10px}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.stat strong{font-size:1.15rem}.warn{color:#92400e;background:#fffbeb;border:1px solid #f59e0b;border-radius:10px;padding:10px 12px}section>h3{margin:20px 0 8px}.mode-switch{margin-bottom:12px}.search{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex:1;min-height:48px;padding:0 12px}.supply-row{align-items:center;padding-right:8px;display:flex}.supply-main{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:12px;padding:12px 14px;display:flex}.supply-check{text-align:center;width:24px;font-size:1.1rem}.supply-row.low{background:#fffbeb;border-color:#f59e0b}.low-tag{color:#b45309;font-weight:600}.supply-row.bought{opacity:.6}.supply-row.bought strong{text-decoration:line-through}.offline-bar{background:var(--danger);color:#fff;text-align:center;padding:8px 16px;font-size:.9rem;font-weight:600}.outbox{margin-bottom:20px}.outbox-row{background:#fffbeb;border-color:#f59e0b;align-items:flex-start;gap:8px;padding:12px 14px;display:flex}.outbox-row.failed{border-color:var(--danger);background:#fef2f2}.block{display:block}.table-btn.queued{background:#fffbeb;border:2px dashed #f59e0b}