@font-face{font-family:'Morl';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Morl-Regular.woff2) format('woff2')}
@font-face{font-family:'Morl';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Morl-Bold.woff2) format('woff2')}
@font-face{font-family:'Morl';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Morl-ExtraBold.woff2) format('woff2')}

/* Tre Bimbi · Pedidos na mesa — tablet do cliente, app dos atendentes e painel.
   Turquesa #68AFB1 como cor principal, bege #F5EDDE de apoio, fonte Morl. Alvos de toque grandes (tablet). */
:root{
  --tq:#68AFB1; --tq-deep:#3F8689; --tq-dark:#2F6E70; --beige:#F5EDDE; --paper:#FFFFFF; --ink:#2E4A4B; --muted:#5E7778;
  --line:#DCE7E6; --soft:#FBF8F2; --on-tq:#FFFFFF; --ok:#2F7D4F; --warn:#9A6A12; --bad:#A63D3D;
  --chip-ok:#E3F2E8; --chip-warn:#FBF0D9; --chip-bad:#F7E1E1; --chip-info:#E2F1F1;
  --verde:#2F7D4F; --amarelo:#C98A0B; --vermelho:#C0392B;
  --f:'Morl', system-ui, -apple-system, 'Segoe UI', sans-serif; --r:14px; --shadow:0 6px 24px rgba(46,74,75,.10);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --tq:#7FC3C5; --tq-deep:#9ED3D4; --tq-dark:#2F6E70; --beige:#1F3436; --paper:#162729; --ink:#E6F0EF; --muted:#9DB4B4;
  --line:#2C4446; --soft:#101E1F; --on-tq:#0F1F20; --ok:#7FCB9B; --warn:#E3B860; --bad:#EE9A9A;
  --chip-ok:#1F3A2A; --chip-warn:#3A3020; --chip-bad:#3D2526; --chip-info:#1D3B3C; --shadow:0 6px 24px rgba(0,0,0,.35); color-scheme:dark}}
:root[data-theme="dark"]{
  --tq:#7FC3C5; --tq-deep:#9ED3D4; --tq-dark:#2F6E70; --beige:#1F3436; --paper:#162729; --ink:#E6F0EF; --muted:#9DB4B4;
  --line:#2C4446; --soft:#101E1F; --on-tq:#0F1F20; --ok:#7FCB9B; --warn:#E3B860; --bad:#EE9A9A;
  --chip-ok:#1F3A2A; --chip-warn:#3A3020; --chip-bad:#3D2526; --chip-info:#1D3B3C; --shadow:0 6px 24px rgba(0,0,0,.35); color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--soft);color:var(--ink);font-family:var(--f);font-size:18px;line-height:1.45;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;touch-action:manipulation}
:focus-visible{outline:2px solid var(--tq-deep);outline-offset:2px}
h1,h2,h3{font-family:var(--f);margin:0;text-wrap:balance}
h1{font-size:clamp(28px,4vw,40px);font-weight:800;color:var(--tq-deep);line-height:1.1}
h2{font-size:24px;font-weight:800;color:var(--tq-deep)}
h3{font-size:19px;font-weight:800}
p{margin:0}
.muted{color:var(--muted)}
.small{font-size:15px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;word-break:break-all}
.hide{display:none!important}
.eyebrow{font-weight:700;font-size:13px;letter-spacing:2.4px;text-transform:uppercase;color:var(--tq-deep)}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:14px 24px;font-weight:800;font-size:18px;line-height:1.2;background:var(--tq-deep);color:#fff;text-decoration:none;min-height:52px}
.btn.big{padding:18px 32px;font-size:22px;min-height:64px}
.btn.sec{background:transparent;border:2px solid var(--tq);color:var(--tq-deep)}
.btn.soft{background:var(--chip-info);color:var(--tq-deep)}
.btn.sm{padding:8px 14px;font-size:15px;min-height:40px}
.btn.danger{background:transparent;border:2px solid var(--bad);color:var(--bad)}
.btn.ok{background:var(--ok);color:#fff}
.btn.warn{background:var(--amarelo);color:#fff}
.btn.bad{background:var(--vermelho);color:#fff}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.block{width:100%}
.btn svg,.callbar svg,.chip svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.row.between{justify-content:space-between}
.stack{display:grid;gap:12px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.field{display:grid;gap:6px}
.field label{font-weight:700;font-size:15px;color:var(--muted)}
input[type=text],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=time],select,textarea{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--paper);min-height:50px;font-size:18px}
textarea{min-height:80px;resize:vertical}
.chip{border:2px solid var(--line);background:var(--paper);border-radius:999px;padding:10px 18px;font-size:17px;font-weight:700;color:var(--ink);min-height:48px;display:inline-flex;align-items:center;gap:8px}
.chip[aria-pressed="true"]{border-color:var(--tq-deep);background:var(--chip-info);color:var(--tq-deep)}
.chip.off{opacity:.45;text-decoration:line-through}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.badge{display:inline-block;border-radius:999px;padding:3px 10px;font-size:14px;font-weight:700;background:var(--chip-info);color:var(--tq-deep)}
.badge.ok{background:var(--chip-ok);color:var(--ok)} .badge.warn{background:var(--chip-warn);color:var(--warn)} .badge.bad{background:var(--chip-bad);color:var(--bad)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:14px 22px;border-radius:999px;font-weight:700;z-index:50;box-shadow:var(--shadow);max-width:90vw;text-align:center}
.toast.bad{background:var(--vermelho)} .toast.ok{background:var(--ok)}
.err{color:var(--bad);font-weight:700}
.stripe{height:10px;background:repeating-linear-gradient(90deg,#68AFB1 0 14px,#FFFFFF 14px 22px,#68AFB1 22px 31px,#FFFFFF 31px 41px,#68AFB1 41px 52px,#FFFFFF 52px 58px)}
.qr{width:min(62vw,40vh,360px);height:auto;background:#fff;border-radius:16px;padding:12px;border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;font-size:16px}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}

/* ---------- Tablet da mesa (modo quiosque) ---------- */
.kiosk{min-height:100dvh;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none}
/* Início: mídia em tela cheia com degradê; sem mídia, fundo turquesa liso */
/* ===== Tablet do cliente · desenho "editorial": creme, teal profundo, tipografia grande, vidro fosco ===== */
.home{flex:1;position:relative;overflow:hidden;background:linear-gradient(160deg,#3F8689 0%,#68AFB1 55%,#8CC6C7 100%);color:#fff;display:flex;align-items:flex-end;min-height:100dvh}
.home::before{content:"";position:absolute;right:-18vw;top:-22vh;width:62vw;height:62vw;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.22),rgba(255,255,255,0) 68%);pointer-events:none}
.hm-wrap{position:absolute;inset:0}
.hm{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.6s ease;object-fit:cover;width:100%;height:100%}
.hm.on{opacity:1;animation:kb 18s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.07)}}
.hm-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,44,45,.25) 0%,rgba(24,44,45,.05) 35%,rgba(24,44,45,.78) 100%);opacity:0}
.home.has-media .hm-shade{opacity:1}
.home-in{position:relative;z-index:2;padding:40px 5vw 5vh;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}
.home-brand{display:flex;align-items:center;gap:18px;margin-bottom:6px}
.home-brand img{width:min(14vw,96px);filter:drop-shadow(0 4px 14px rgba(0,0,0,.18))}
.home .brand{font-size:clamp(40px,6.5vw,80px);font-weight:800;line-height:.95;letter-spacing:-.5px;text-shadow:0 2px 18px rgba(0,0,0,.18)}
.home .tag{font-weight:700;letter-spacing:4px;text-transform:uppercase;font-size:13px;opacity:.92;margin-top:6px}
.home .lead{font-size:clamp(18px,2.2vw,26px);max-width:40ch;opacity:.96;line-height:1.35;font-weight:400}
.home .notice{opacity:.92;font-size:16px;background:rgba(255,255,255,.14);padding:8px 14px;border-radius:12px}
.home .mesa-tag{position:absolute;z-index:2;top:20px;left:24px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:8px 18px;font-weight:800;letter-spacing:.5px}
.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;width:100%;margin-top:22px}
.tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;border:1px solid rgba(255,255,255,.38);border-radius:24px;padding:20px 20px 18px;min-height:150px;background:rgba(255,255,255,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;box-shadow:0 10px 30px rgba(20,40,41,.16);transition:transform .18s,background-color .25s}
.tile:active{transform:scale(.97)}
.tile svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:auto}
.tile b{font-size:21px;line-height:1.15;font-weight:800}
.tile span{font-size:14px;opacity:.86;line-height:1.3}
.tile.main{grid-column:span 2;background:#fff;color:var(--tq-dark);border-color:#fff}
.tile.main b{font-size:clamp(24px,2.6vw,32px)}
.tile.main::after{content:"→";position:absolute;right:20px;bottom:16px;font-size:30px;font-weight:800;color:var(--tq)}
.tile.soft{background:rgba(255,255,255,.1)}
.tile.off{background:rgba(0,0,0,.25);opacity:.9}
@media (max-width:760px){.tiles{grid-template-columns:1fr 1fr}.tile.main{grid-column:span 2}}
.topbar{background:rgba(63,134,137,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;display:flex;align-items:center;gap:12px;padding:10px 18px;position:sticky;top:0;z-index:5;box-shadow:0 6px 22px rgba(30,60,61,.14)}
.topbar .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:-.2px}
.topbar .logo img{height:38px}
.topbar .mesa{margin-left:auto;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 14px;font-weight:800;font-size:15px}
.topbar .btn{background:#fff;color:var(--tq-dark);min-height:44px;padding:8px 16px;font-size:16px}
.topbar .btn.ghost{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.5)}
.shop{display:grid;grid-template-columns:208px minmax(0,1fr);flex:1;min-height:0;--c:var(--tq-deep);--t:var(--chip-info);background:var(--soft);transition:background-color .5s ease}
.rail{display:flex;flex-direction:column;gap:6px;padding:16px 12px;border-right:1px solid var(--line);background:var(--paper);position:sticky;top:60px;align-self:start;max-height:calc(100dvh - 60px);overflow-y:auto}
.rail button{display:flex;flex-direction:row;align-items:center;gap:12px;background:transparent;border:0;border-radius:18px;padding:12px 12px;font-weight:800;font-size:15px;color:var(--muted);text-align:left;line-height:1.15;transition:background-color .35s,color .35s,transform .2s}
.rail button[aria-pressed="true"]{background:var(--t);color:var(--c);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) 25%,transparent)}
.rail button:active{transform:scale(.96)}
.rail svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.menu{padding:22px 26px 150px;overflow-y:auto;--dir:1;transition:opacity .16s ease,transform .16s ease}
.menu.leave{opacity:0;transform:translateX(calc(var(--dir) * -24px))}
.menu.enter{opacity:0;transform:translateX(calc(var(--dir) * 28px));transition:none}
.cat-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.cat-h .eyebrow{color:var(--c);transition:color .4s}
.cat-h h2{font-size:clamp(30px,3.6vw,42px);color:var(--ink);letter-spacing:-.6px;line-height:1.05;margin-top:4px}
.cat-h p{color:var(--muted);margin-top:4px;font-size:16px}
.cat-ico{width:64px;height:64px;border-radius:20px;background:var(--t);color:var(--c);display:flex;align-items:center;justify-content:center;flex:none;transition:background-color .4s,color .4s}
.cat-ico svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.prod{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:0;display:flex;flex-direction:column;overflow:hidden;text-align:left;min-height:150px;position:relative;box-shadow:0 2px 10px rgba(46,74,75,.04);transition:transform .15s,box-shadow .2s}
.prod:active{transform:scale(.97)}
.prod .ph{aspect-ratio:5/4;background:var(--t);display:flex;align-items:center;justify-content:center;color:var(--c);overflow:hidden;transition:background-color .4s,color .4s}
.prod .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.prod:active .ph img{transform:scale(1.04)}
.prod .ph svg{width:52px;height:52px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
.prod .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.prod h3{color:var(--ink);font-size:18px;line-height:1.15;letter-spacing:-.2px}
.prod p{color:var(--muted);font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.prod .price{margin-top:auto;padding-top:8px;font-weight:800;font-size:19px;color:var(--c);transition:color .4s;display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.prod .off{position:absolute;inset:0;background:rgba(255,255,255,.72);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--bad)}
.prod .n{position:absolute;top:10px;left:10px;background:var(--c);color:#fff;border-radius:999px;min-width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.fly{position:fixed;z-index:50;pointer-events:none;border-radius:14px;overflow:hidden;background:var(--t);color:var(--c);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px rgba(0,0,0,.22)}
.fly img{width:100%;height:100%;object-fit:cover}
.fly svg{width:48px;height:48px;stroke:currentColor;fill:none;stroke-width:1.5}
/* Loja virtual (encomendas) dentro do tablet */
.loja-wrap{flex:1;min-height:calc(100dvh - 60px);background:var(--soft)}
.loja{display:block;width:100%;height:calc(100dvh - 60px);border:0;background:#fff}
/* Avaliação */
.rate{text-align:center;max-width:520px;margin:10px auto 0;border-radius:22px}
.rate h3{color:var(--tq-deep);font-size:22px}
.stars{display:flex;justify-content:center;gap:6px;margin:12px 0 6px}
.stars button{background:transparent;border:0;padding:6px;color:#D8C9A4;transition:transform .15s,color .2s}
.stars button svg{width:46px;height:46px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linejoin:round}
.stars button[aria-pressed="true"]{color:#D9A42B}
.stars button[aria-pressed="true"] svg{fill:#F2C14E;stroke:#D9A42B}
.stars button:active{transform:scale(1.15)}
.rate-label{font-weight:800;color:var(--ink);margin-bottom:10px}
.rate-q{font-weight:800;color:var(--tq-deep);margin:12px 0 6px;font-size:16px}.rate-q small{font-weight:400;color:var(--muted)}
.chips.center{justify-content:center}
.rate .chip{min-height:42px;padding:6px 14px;font-size:15px}.rate .chip[aria-pressed="true"]{background:var(--chip-info);border-color:var(--tq-deep);color:var(--tq-deep)}
.rate .chip svg{width:18px;height:18px}
.rate textarea{min-height:70px;margin-bottom:10px}
.thanks .rate .btn,.rate .btn{background:var(--tq-deep);color:#fff}
.cartbar{position:fixed;left:0;right:0;bottom:0;padding:12px 20px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-top:1px solid var(--line);display:flex;gap:12px;align-items:center;justify-content:space-between;z-index:6}
:root[data-theme="dark"] .cartbar{background:rgba(22,39,41,.86)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cartbar{background:rgba(22,39,41,.86)}}
.cartbar .tot{font-weight:800;font-size:22px}
.cartbar .tot small{display:block;font-size:14px;font-weight:700;color:var(--muted)}
.cartbar .bag{position:relative;display:inline-flex;margin-right:10px}
.cartbar .bag i{position:absolute;top:-10px;right:-12px;background:#fff;color:var(--tq-dark);border-radius:999px;min-width:22px;height:22px;font-style:normal;font-size:13px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid var(--tq-deep)}
.cartbar .btn.bump{animation:bump .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}
.thumb{width:72px;height:72px;border-radius:14px;object-fit:cover;flex:none}
.thumb.sm{width:52px;height:52px;border-radius:10px;margin-right:12px}
/* Modal (produto, carrinho, pagamento, chamada) */
.modal{position:fixed;inset:0;background:rgba(30,50,51,.45);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;z-index:20;padding:0;animation:fadein .18s ease}
@keyframes fadein{from{opacity:0}to{opacity:1}}
.modal .box{background:var(--paper);border-radius:24px 24px 0 0;width:min(100%,760px);max-height:94dvh;overflow-y:auto;padding:22px 22px 28px;box-shadow:var(--shadow);animation:rise .26s cubic-bezier(.2,.8,.3,1)}
@keyframes rise{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
.modal.closing{opacity:0;transition:opacity .12s}
@media (min-width:900px){.modal{align-items:center;padding:24px}.modal .box{border-radius:24px;max-height:90dvh}}
@media (min-width:900px){.modal.sheet{align-items:stretch;padding:0}.modal.sheet .box{border-radius:28px 0 0 28px;max-height:100dvh}}
.modal .head{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}
.modal.sheet{align-items:stretch;justify-content:flex-end}
.modal.sheet .box{border-radius:28px 0 0 28px;width:min(100%,520px);max-height:100dvh;height:100dvh;padding:0 24px 28px;animation:slidein .28s cubic-bezier(.2,.8,.3,1)}
@keyframes slidein{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.modal.sheet .hero{position:relative;margin:0 -24px 18px;height:min(38vh,300px);background:var(--t);color:var(--c);display:flex;align-items:center;justify-content:center;overflow:hidden}
.modal.sheet .hero img{width:100%;height:100%;object-fit:cover}
.modal.sheet .hero-ico svg{width:84px;height:84px;stroke:currentColor;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;opacity:.7}
.modal.sheet .hero .x{position:absolute;top:14px;right:14px;background:rgba(255,255,255,.9);color:var(--ink)}
.modal.sheet .head h2{font-size:30px;color:var(--ink);letter-spacing:-.4px;line-height:1.05}
.modal.sheet .head .price{font-weight:800;font-size:22px;color:var(--c);margin-top:8px}
.modal.sheet .head .eyebrow{color:var(--c)}
@media (max-width:700px){.modal.sheet{align-items:flex-end}.modal.sheet .box{width:100%;height:auto;max-height:94dvh;border-radius:24px 24px 0 0}}
.modal .head > div{flex:1}
.modal .x{background:var(--chip-info);border:0;border-radius:999px;width:46px;height:46px;font-size:22px;font-weight:800;color:var(--tq-deep);flex:none}
.group{margin-top:16px}
.group h3{font-size:17px;margin-bottom:8px;display:flex;gap:8px;align-items:center}
.group h3 small{font-weight:700;color:var(--muted);font-size:13px}
.opt{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.opt button{text-align:left;display:flex;justify-content:space-between;gap:8px;align-items:center;border:2px solid var(--line);background:var(--paper);border-radius:14px;padding:12px 14px;font-weight:700;font-size:16px;min-height:50px;transition:border-color .15s,background-color .15s}
.opt button[aria-pressed="true"]{border-color:var(--tq-deep);background:var(--chip-info);color:var(--tq-deep)}
.opt button.off{opacity:.4}
.opt button .pr{font-size:14px;color:var(--muted);white-space:nowrap}
.qty{display:inline-flex;align-items:center;gap:0;border:2px solid var(--line);border-radius:999px;overflow:hidden}
.qty button{width:52px;height:52px;border:0;background:var(--paper);font-size:26px;font-weight:800;color:var(--tq-deep)}
.qty span{min-width:48px;text-align:center;font-weight:800;font-size:22px}
.line{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);align-items:center}
.line .nm{font-weight:800}
.line .ex{color:var(--muted);font-size:14px}
.line .rm{background:transparent;border:0;color:var(--bad);font-weight:800;font-size:15px;padding:4px 8px}
.tot-line{display:flex;justify-content:space-between;font-weight:700;padding:6px 0}
.tot-line.big{font-size:24px;font-weight:800;color:var(--tq-deep);border-top:2px solid var(--line);margin-top:6px;padding-top:12px}
.paybox{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.paybox button{border:2px solid var(--line);background:var(--paper);border-radius:18px;padding:16px;font-weight:800;font-size:17px;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:92px;transition:border-color .15s,background-color .15s}
.paybox button[aria-pressed="true"]{border-color:var(--tq-deep);background:var(--chip-info);color:var(--tq-deep)}
.paybox svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.paybox small{font-weight:400;font-size:13px;color:var(--muted)}
.center{text-align:center}
.pay-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}
.pay-screen .big-total{font-size:44px;font-weight:800;color:var(--tq-deep)}
.copia{display:flex;gap:8px;align-items:center;width:min(100%,560px)}
.copia input{font-family:ui-monospace,monospace;font-size:13px}
.status-steps{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:8px}
.status-steps span{border-radius:999px;padding:6px 14px;font-weight:700;font-size:14px;background:var(--chip-info);color:var(--muted)}
.status-steps span.on{background:var(--tq-deep);color:#fff}
.status-steps span.done{background:var(--chip-ok);color:var(--ok)}
.callbar{position:fixed;top:72px;left:50%;transform:translateX(-50%);background:var(--chip-warn);color:var(--warn);border-radius:999px;padding:10px 18px;font-weight:800;z-index:7;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow)}
.callbar.ok{background:var(--chip-ok);color:var(--ok)}
.callbar.onhome{top:auto;bottom:24px}
.parts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;width:min(100%,760px)}
.part{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;border:2px solid var(--line);background:var(--paper);border-radius:16px;padding:14px 16px;min-height:72px}
.part.on{border-color:var(--tq-deep);background:var(--chip-info)}
.part.paid{opacity:.6;border-color:var(--ok)}
.part .nm{font-weight:800;font-size:18px}
.part .ex{color:var(--muted);font-size:13px}
.part .amt{font-weight:800;font-size:20px;color:var(--tq-deep);text-align:right;white-space:nowrap}
.part .amt small{display:block;font-size:12px;font-weight:700;color:var(--muted)}
.part.paid .amt small{color:var(--ok)}
.part-pay{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,760px);margin-top:8px}
.part-pay .paybox{width:100%}
.split-items .line .chips{flex:none}
.split-items .chip{min-width:48px;justify-content:center;padding:8px 12px}
.card-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(100%,520px);text-align:left}
.card-form .full{grid-column:1/-1}
.thanks{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px;text-align:center;background:var(--tq);color:#fff}
.thanks h1{color:#fff;font-size:clamp(34px,6vw,64px)}
.thanks .btn{background:#fff;color:var(--tq-dark)}
.thanks .rate .btn{background:var(--tq-deep);color:#fff}
.modal .box.up{width:min(100%,820px)}
.up-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.up-item{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--paper);display:flex;flex-direction:column}
.up-item .ph{aspect-ratio:16/9;background:var(--t);color:var(--c);display:flex;align-items:center;justify-content:center;overflow:hidden}
.up-item .ph img{width:100%;height:100%;object-fit:cover}
.up-item .ph svg{width:40px;height:40px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
.up-item .body{padding:10px 12px 6px;display:grid;gap:2px}
.up-item .body small{color:var(--muted);font-size:13px}
.up-item .body .price{font-weight:800;color:var(--c)}
.up-item .btn{margin:6px 12px 12px}
.scan{width:min(100%,520px);aspect-ratio:4/3;border-radius:18px;background:#000;object-fit:cover;margin:0 auto;display:block}
.rate.google .g-head{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:6px}
.rate.google .g-logo{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;border:1.5px solid var(--line);font-weight:800;font-size:22px;color:#4285F4;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.rate.google .qr{width:min(42vw,220px);margin:12px auto 6px;display:block;border-radius:14px;background:#fff;padding:8px;border:1px solid var(--line)}
.link-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:30px;text-align:center}
.link-screen input{font-size:34px;letter-spacing:10px;text-align:center;max-width:320px;font-weight:800}

/* ---------- App dos atendentes ---------- */
.top{background:var(--tq);color:#fff}
.top-in{max-width:1200px;margin:0 auto;padding:16px 16px 14px;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.brand img{height:44px}
.brand b{font-size:24px;font-weight:800;line-height:1;display:block}
.brand small{font-weight:700;font-size:12px;letter-spacing:2.4px;text-transform:uppercase;opacity:.92;display:block}
.brand .bt{display:flex;flex-direction:column;gap:2px}
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.tabs button{background:transparent;border:1.5px solid rgba(255,255,255,.6);color:#fff;border-radius:999px;padding:8px 16px;font-weight:700;font-size:16px;position:relative}
.tabs button[aria-pressed="true"]{background:#fff;color:var(--tq-dark);border-color:#fff}
.tabs button .cnt{position:absolute;top:-8px;right:-6px;background:var(--vermelho);color:#fff;border-radius:999px;min-width:22px;height:22px;font-size:13px;display:flex;align-items:center;justify-content:center;padding:0 5px}
main{max-width:1200px;margin:0 auto;padding:18px 16px 80px}
.fila{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.tk{background:var(--paper);border:1px solid var(--line);border-left:8px solid var(--line);border-radius:var(--r);padding:14px 16px;display:grid;gap:8px}
.tk.verde{border-left-color:var(--verde)} .tk.amarelo{border-left-color:var(--amarelo);background:color-mix(in srgb,var(--paper) 88%,var(--amarelo))} .tk.vermelho{border-left-color:var(--vermelho);background:color-mix(in srgb,var(--paper) 86%,var(--vermelho));animation:blink 1.2s ease-in-out infinite}
@keyframes blink{0%,100%{box-shadow:0 0 0 0 rgba(192,57,43,0)}50%{box-shadow:0 0 0 6px rgba(192,57,43,.25)}}
.tk.done{opacity:.55;border-left-color:var(--line);animation:none}
.tk.going{animation:none;outline:2px dashed var(--tq)}
.tk .h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.tk .mesa{font-size:30px;font-weight:800;line-height:1;color:var(--tq-deep)}
.tk .mesa small{font-size:13px;font-weight:700;color:var(--muted);display:block;letter-spacing:1px;text-transform:uppercase}
.timer{font-variant-numeric:tabular-nums;font-weight:800;font-size:26px;padding:4px 12px;border-radius:12px;background:var(--chip-ok);color:var(--verde)}
.timer.amarelo{background:var(--chip-warn);color:var(--amarelo)} .timer.vermelho{background:var(--chip-bad);color:var(--vermelho)}
.tk ul{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.tk li{display:flex;gap:8px;align-items:flex-start;font-size:17px}
.tk li.done{text-decoration:line-through;color:var(--muted)}
.tk li .q{font-weight:800;min-width:32px}
.tk li button.chk{width:32px;height:32px;border-radius:8px;border:2px solid var(--line);background:var(--paper);font-weight:800;color:var(--ok);flex:none}
.tk li button.chk[aria-pressed="true"]{background:var(--chip-ok);border-color:var(--ok)}
.tk .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.tk .acts .btn{flex:1;min-width:120px}
.sec-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px}
.setores{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.empty{color:var(--muted);padding:30px;text-align:center;border:2px dashed var(--line);border-radius:var(--r)}
.login{max-width:460px;margin:40px auto;display:grid;gap:14px;padding:22px}
.login h1{font-size:26px;color:var(--tq-deep)}
.linkbtn{background:transparent;border:0;padding:0;color:var(--tq-deep);font-weight:700;font-size:15px;text-decoration:underline;cursor:pointer;justify-self:start;font-family:inherit}
.login .hint{margin:0}
.soundbtn{position:fixed;right:16px;bottom:16px;z-index:9}
.mesas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.mesa-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:12px;text-align:center}
.mesa-card b{font-size:28px;color:var(--tq-deep);display:block}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.kpi{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.kpi b{font-size:26px;display:block;color:var(--tq-deep)}
.kpi span{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-weight:700}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:860px){.two{grid-template-columns:1fr}}
.dist{display:grid;gap:8px;margin-top:12px}
.dist-row{display:grid;grid-template-columns:44px 1fr 90px;align-items:center;gap:10px;font-size:15px}
.dist-l{font-weight:800;color:var(--muted)}
.dist-bar{height:16px;background:var(--chip-info);border-radius:999px;overflow:hidden}
.dist-bar i{display:block;height:100%;border-radius:999px;transition:width .6s ease}
.dist-n{font-weight:800;text-align:right}.dist-n small{font-weight:400;color:var(--muted)}
.trend{width:100%;height:auto;margin-top:8px}
.trend .gl{stroke:var(--line);stroke-width:1}
.trend .gt{font-size:11px;fill:var(--muted);font-family:var(--f)}
.trend .gp{fill:none;stroke:var(--tq-deep);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.trend .gc{fill:#fff;stroke:var(--tq-deep);stroke-width:2.5}
.stars-s{letter-spacing:1px;font-size:15px}
.cfg-list{display:grid;gap:8px}
.cfg-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.pill-set{display:flex;gap:6px;flex-wrap:wrap}
details{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:10px 14px}
summary{cursor:pointer;font-weight:800;color:var(--tq-deep)}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.fields .full{grid-column:1/-1}
.hint{font-size:14px;color:var(--muted)}