:root{--brown:#732B00;--espresso:#2A1306;--cream:#F7F0E2;--sand:#EADBC0;--green:#2BEA00;--gold:#F2A21B;--terra:#D9531E;--red:#B3261E;--olive:#6E7B2F;--ink:#2A1306;--mut:#7a6552;--line:rgba(115,43,0,.16);--card:#FFFBF2;--th:56px;
--d:'Londrina Solid','Arial Rounded MT Bold',system-ui,sans-serif;--b:'Barlow',system-ui,-apple-system,sans-serif;--c:'Barlow Condensed','Arial Narrow',sans-serif;
--paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .3 0 0 0 0 .15 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
--lace:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M12 2 22 12 12 22 2 12Z' fill='none' stroke='%23732B00' stroke-opacity='.2' stroke-width='1'/%3E%3C/svg%3E");
--lace-l:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M12 2 22 12 12 22 2 12Z' fill='none' stroke='%23F7F0E2' stroke-opacity='.1' stroke-width='1'/%3E%3C/svg%3E");
--flags:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='14'%3E%3Cpath d='M0 0h28l-14 13z' fill='%23F2A21B'/%3E%3Cpath d='M28 0h28L42 13z' fill='%23D9531E'/%3E%3Cpath d='M56 0h28L70 13z' fill='%236E7B2F'/%3E%3C/svg%3E")}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:500 16px/1.45 var(--b);color:var(--ink);background:var(--cream) var(--paper);min-height:100dvh;-webkit-font-smoothing:antialiased}
body[data-env=cozinha]{background:#1a0c04;color:#f3e6d0}
body.lock{overflow:hidden}
img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;touch-action:manipulation;padding:0}
a{color:inherit;text-decoration:none}input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--d);font-weight:400;line-height:1.05}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
[hidden]{display:none!important}
.btn{min-height:46px;padding:0 20px;border-radius:12px;background:var(--brown);color:#fff;font:700 15px var(--b);display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:background .15s,transform .1s;text-align:center}
.btn:active{transform:translateY(1px)}.btn.ghost{background:transparent;color:var(--brown);box-shadow:inset 0 0 0 2px var(--line)}
.btn.gold{background:var(--gold);color:var(--espresso)}.btn.danger{background:var(--red);color:#fff}.btn.sm{min-height:38px;padding:0 14px;font-size:14px}.btn.block{width:100%}.btn[disabled]{opacity:.45;pointer-events:none}.btn.big{min-height:54px;padding:0 28px;font-size:17px;border-radius:14px}
.ib{width:44px;height:44px;border-radius:12px;display:inline-grid;place-items:center}
@media(hover:hover){.btn:hover{background:#8d3600}.btn.ghost:hover{background:rgba(115,43,0,.07)}.btn.gold:hover{background:#ffb637}.btn.danger:hover{background:#cf3128}.ib:hover{background:rgba(115,43,0,.09)}}
/* top bar */
.top{position:sticky;top:0;z-index:40;background:var(--espresso) var(--lace-l);color:var(--cream);display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"l r r" "e e e";align-items:center;gap:6px 10px;padding:8px 12px;border-bottom:3px solid var(--gold)}
.t-logo{grid-area:l;display:flex;align-items:center}.t-logo img{height:34px;width:auto}
.t-r{grid-area:r;display:flex;align-items:center;justify-content:flex-end;gap:6px}
.t-chip{display:none;font:600 12px var(--c);letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:99px;background:rgba(242,162,27,.16);color:var(--gold)}
.tb{min-height:40px;padding:0 12px;border-radius:10px;background:var(--gold);color:var(--espresso);font:700 14px var(--b);display:inline-flex;align-items:center;gap:6px}
.top .ib{color:var(--cream);width:40px;height:40px}
.t-env{grid-area:e;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.t-env::-webkit-scrollbar{display:none}
.t-env a{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border-radius:10px;font:600 15px var(--b);white-space:nowrap;color:rgba(247,240,226,.78);background:rgba(247,240,226,.06)}
.t-env a.on{background:var(--cream);color:var(--brown)}
.bdg{min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--terra);color:#fff;font:700 12px/20px var(--b);text-align:center}.t-env a.on .bdg{background:var(--terra)}
@media(min-width:900px){.top{grid-template-columns:auto 1fr auto;grid-template-areas:"l e r";padding:8px 20px}.t-chip{display:inline-block}.t-env{justify-content:center}.t-logo img{height:38px}}
/* view */
#view{min-height:calc(100dvh - var(--th))}
#view[data-env=site]{display:flex;flex-direction:column;height:calc(100dvh - var(--th));min-height:0}
.site-frame{flex:1;width:100%;border:0;background:#fff}
/* launcher */
.launch{min-height:100dvh;background:linear-gradient(180deg,rgba(26,12,4,.88),rgba(42,19,6,.94)),url(assets/fotos/ambiente-1.jpg) center/cover fixed;color:var(--cream);position:relative;padding:0 0 40px}
.launch::before{content:"";display:block;height:14px;background:var(--flags) repeat-x;background-size:84px 14px}
.l-in{max-width:1060px;margin:0 auto;padding:28px 18px 0}
.l-logo{height:84px;width:auto;margin-bottom:18px}
.l-tag{display:inline-block;font:600 13px var(--c);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);padding:5px 12px;border:1.5px solid rgba(242,162,27,.55);border-radius:99px}
.launch h1{font-size:clamp(34px,7vw,64px);margin:14px 0 10px;max-width:15em;color:#fff}
.l-sub{max-width:36em;color:rgba(247,240,226,.82);font-size:17px}
.l-cards{display:grid;gap:12px;margin:26px 0;grid-template-columns:1fr}
.lc{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px;border-radius:16px;background:rgba(247,240,226,.07);box-shadow:inset 0 0 0 1.5px rgba(247,240,226,.16);transition:.18s}
.lc .ico{width:52px;height:52px;border-radius:14px;background:var(--gold);color:var(--espresso);display:grid;place-items:center}.lc .ico .ic{width:26px;height:26px}
.lc small{font:600 12px var(--c);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.lc h3{font-size:25px;margin:2px 0 3px;color:#fff}.lc p{font-size:14.5px;color:rgba(247,240,226,.75);line-height:1.35}
.lc .go{color:var(--gold)}
@media(hover:hover){.lc:hover{background:rgba(247,240,226,.13);transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px var(--gold)}}
.l-flow{display:grid;gap:10px;margin:0 0 28px;counter-reset:s}
.l-flow li{counter-increment:s;display:flex;gap:12px;align-items:center;font-size:15px;color:rgba(247,240,226,.9)}
.l-flow li::before{content:counter(s);flex:none;width:30px;height:30px;border-radius:50%;background:var(--cream);color:var(--brown);font:700 15px/30px var(--d);text-align:center}
.l-h{font:600 13px var(--c);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.l-note{margin-top:22px;font-size:13.5px;color:rgba(247,240,226,.6)}
@media(min-width:760px){.l-cards{grid-template-columns:1fr 1fr;gap:16px}.l-flow{grid-template-columns:repeat(5,1fr);gap:14px}.l-flow li{flex-direction:column;align-items:flex-start;gap:8px;font-size:14.5px;padding-right:6px}}
/* generic panels */
.card{background:var(--card);border-radius:16px;box-shadow:0 0 0 1.5px var(--line),0 6px 18px -12px rgba(42,19,6,.35)}
.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0}.chips::-webkit-scrollbar{display:none}
.chip{flex:none;min-height:40px;padding:0 15px;border-radius:99px;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);font:600 14.5px var(--b);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.chip.on{background:var(--brown);color:#fff;box-shadow:none}.chip small{opacity:.7;font-weight:700}
.pill{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:99px;font:700 12px var(--c);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.pill.novo{background:#fbe4b2;color:#7a4b00}.pill.preparando{background:#f9d3bd;color:#9a3407}.pill.pronto{background:#c9f5bd;color:#17600a}.pill.entregue{background:var(--sand);color:#6b5a45}.pill.cancelado{background:#f6c9c5;color:var(--red)}.pill.warn{background:#fbe4b2;color:#7a4b00}
.ph{background:var(--sand) var(--lace);display:grid;place-items:center;color:rgba(115,43,0,.45)}.ph .ic{width:34px;height:34px}
.empty{padding:28px 16px;text-align:center;color:var(--mut)}.empty .ic{width:34px;height:34px;opacity:.5;margin:0 auto 8px}
.fld{display:grid;gap:5px;margin-bottom:12px}.fld label{font:600 13px var(--c);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.fld input,.fld select,.fld textarea,.inp{width:100%;min-height:46px;padding:10px 13px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-size:16px}
.fld textarea{min-height:76px;resize:vertical}
.srch{position:relative;flex:1;min-width:0}.srch .ic{position:absolute;left:13px;top:13px;color:var(--mut)}.srch input{width:100%;min-height:46px;padding:0 14px 0 42px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-size:16px}
/* modal + toast */
#modal .mo{position:fixed;inset:0;z-index:100;background:rgba(26,12,4,.6);display:flex;align-items:flex-end;justify-content:center;animation:fd .18s}
#modal .md{width:100%;max-width:560px;max-height:92dvh;display:flex;flex-direction:column;background:var(--cream) var(--paper);border-radius:20px 20px 0 0;animation:up .22s}
.md-h{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 10px;border-bottom:1.5px solid var(--line)}.md-h h3{font-size:26px;color:var(--brown)}
.md-b{padding:16px 18px;overflow-y:auto}.md-f{display:flex;gap:10px;padding:12px 18px calc(14px + env(safe-area-inset-bottom));border-top:1.5px solid var(--line);flex-wrap:wrap}.md-f .btn{flex:1}
@media(min-width:640px){#modal .mo{align-items:center}#modal .md{border-radius:20px}}
@keyframes fd{from{opacity:0}}@keyframes up{from{transform:translateY(30px);opacity:.4}}
#toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%,30px);z-index:120;width:max-content;max-width:calc(100vw - 24px);display:flex;gap:14px;align-items:center;padding:12px 16px;border-radius:14px;background:var(--espresso);color:var(--cream);box-shadow:0 14px 34px -10px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:.25s;font-weight:600}
#toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}#toast a{color:var(--gold);font-weight:700;white-space:nowrap;text-decoration:underline}
body.has-bar #toast{bottom:calc(84px + env(safe-area-inset-bottom))}
@media(min-width:1100px){body.has-bar #toast{bottom:20px}}
/* admin */
.adm{display:block}.side{position:sticky;top:var(--th);z-index:30;background:var(--espresso);color:var(--cream)}
.side nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:6px 10px}.side nav::-webkit-scrollbar{display:none}
.side a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 13px;border-radius:10px;font:600 14.5px var(--b);white-space:nowrap;color:rgba(247,240,226,.72)}
.side a.on{background:var(--gold);color:var(--espresso)}.side-foot{display:none}
.adm-main{padding:18px 14px 60px;max-width:1240px;margin:0 auto}
.pg-h{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.pg-h h2{font-size:clamp(30px,5vw,42px);color:var(--brown)}.pg-h p{color:var(--mut)}
.pg-h .acts{display:flex;gap:8px;flex-wrap:wrap}
@media(min-width:900px){.adm{display:grid;grid-template-columns:230px 1fr}.side{top:var(--th);height:calc(100dvh - var(--th));align-self:start;padding:20px 12px;display:flex;flex-direction:column;background:var(--espresso) var(--lace-l)}.side nav{flex-direction:column;overflow:visible;padding:0}.side a{min-height:46px}.side-foot{display:block;margin-top:auto;padding:12px;border-top:1px solid rgba(247,240,226,.14);font-size:14px;color:rgba(247,240,226,.7)}.side-foot b{display:block;color:var(--cream)}.adm-main{padding:26px 28px 60px;width:100%}}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.kpi{padding:14px;position:relative;overflow:hidden}.kpi small{font:600 12.5px var(--c);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}.kpi b{display:block;font:400 clamp(24px,5vw,34px) var(--d);color:var(--brown);margin-top:4px}.kpi span{font-size:13px;color:var(--olive);font-weight:600}.kpi.hi{background:var(--brown) var(--lace-l);color:#fff}.kpi.hi small,.kpi.hi b,.kpi.hi span{color:#fff}.kpi.hi small{opacity:.8}
@media(min-width:900px){.kpis{grid-template-columns:repeat(4,1fr);gap:14px}}
.grid2{display:grid;gap:14px;margin-bottom:14px}@media(min-width:1000px){.grid2{grid-template-columns:3fr 2fr}.grid2.eq{grid-template-columns:1fr 1fr}}
.box{padding:16px}.box h3{font-size:23px;color:var(--brown);margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.box h3 a{font:600 14px var(--b);color:var(--terra)}
.alertbox{background:#fff4d6;box-shadow:0 0 0 1.5px var(--gold);padding:14px;border-radius:16px;margin-bottom:16px}.alertbox h3{font-size:21px;color:#7a4b00;margin-bottom:8px;display:flex;gap:8px;align-items:center}
.crow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px dashed rgba(122,75,0,.3)}.crow:first-of-type{border-top:0}.crow p{flex:1 1 220px;font-size:15px}.crow .a{display:flex;gap:8px}
.orow{display:grid;grid-template-columns:auto 1fr auto;gap:4px 12px;align-items:center;width:100%;text-align:left;padding:12px 4px;border-top:1px solid var(--line)}.orow:first-child{border-top:0}
.orow b.id{font:400 20px var(--d);color:var(--brown)}.orow .m{min-width:0}.orow .m strong{display:block;font-size:15.5px}.orow .m span{display:block;font-size:13.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orow .r{text-align:right;display:grid;gap:3px;justify-items:end}.orow .r b{font-size:15px}
@media(hover:hover){button.orow:hover{background:rgba(115,43,0,.05)}}
/* charts */
.bc{position:relative;height:250px;padding-bottom:26px;margin-top:6px}.bc-y{position:absolute;inset:0 0 26px 0}.bc-y i{position:absolute;left:0;right:0;border-top:1px dashed var(--line)}.bc-y b{position:absolute;top:-9px;left:0;background:var(--card);padding-right:6px;font:600 11.5px var(--b);color:var(--mut)}
.bc-c{position:absolute;left:44px;right:0;top:0;bottom:26px;display:flex;gap:6px;align-items:stretch}.bc-col{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.bc-bar{width:62%;max-width:46px;background:var(--sand);border-radius:8px 8px 0 0;transition:height .4s}.bc-col.hi .bc-bar{background:var(--brown)}.bc-v{font:700 11.5px var(--b);color:var(--mut);margin-bottom:4px;white-space:nowrap}.bc-col.hi .bc-v{color:var(--brown)}.bc-col em{position:absolute;bottom:-24px;font:600 12.5px var(--b);font-style:normal;color:var(--mut);white-space:nowrap}
.ac{position:relative;padding-bottom:24px}.ac svg{width:100%;height:190px;display:block;background:repeating-linear-gradient(to bottom,transparent 0 46px,var(--line) 46px 47px)}.ac-a{fill:rgba(217,83,30,.18)}.ac-l{fill:none;stroke:var(--terra);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}.ac-x{display:flex;justify-content:space-between;font:600 12px var(--b);color:var(--mut);margin-top:6px}
.dn{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.dn svg{width:170px;height:170px;flex:none;transform:rotate(0deg)}.dn-t{font:400 5px var(--d);fill:var(--brown)}.dn ul{flex:1;min-width:150px;display:grid;gap:7px;font-size:14.5px}.dn li{display:flex;align-items:center;gap:8px}.dn li i{width:12px;height:12px;border-radius:4px;flex:none}.dn li b{margin-left:auto}
.hb{display:grid;gap:11px}.hb-r{display:grid;grid-template-columns:minmax(90px,1.2fr) 2fr auto;gap:10px;align-items:center;font-size:14.5px}.hb-r span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-t{height:12px;border-radius:99px;background:var(--sand);overflow:hidden}.hb-t i{display:block;height:100%;background:var(--terra);border-radius:99px}
/* products / staff / tables / stock */
.cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.pcard{overflow:hidden;display:flex;flex-direction:column}.pcard .pic{height:150px;width:100%;object-fit:cover}.pcard .pb{padding:12px 14px 14px;display:grid;gap:6px;flex:1}.pcard h4{font-size:21px;color:var(--brown)}.pcard .row{display:flex;justify-content:space-between;align-items:center;gap:8px}.pcard .pr{font:400 22px var(--d)}.pcard .cat{font:600 12px var(--c);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.pcard.off{opacity:.62}
.sw{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;min-height:40px}.sw i{width:42px;height:24px;border-radius:99px;background:#c8b9a2;position:relative;transition:.2s}.sw i::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.sw.on i{background:var(--olive)}.sw.on i::after{left:21px}
.staff{padding:16px;display:grid;gap:10px}.staff .av{width:52px;height:52px;border-radius:50%;background:var(--brown);color:var(--cream);display:grid;place-items:center;font:400 22px var(--d)}.staff .top2{display:flex;gap:12px;align-items:center}.staff h4{font-size:21px;color:var(--brown)}.staff p{font-size:14px;color:var(--mut)}
.tgrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.tcard{padding:14px;display:grid;gap:8px;border-top:6px solid var(--olive)}.tcard.ocupada{border-top-color:var(--terra)}.tcard.reservada{border-top-color:var(--gold)}.tcard .n{font:400 44px/1 var(--d);color:var(--brown)}.tcard .row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.step{display:inline-flex;align-items:center;gap:4px}.step button{width:38px;height:38px;border-radius:10px;box-shadow:inset 0 0 0 1.5px var(--line);display:grid;place-items:center;background:#fff}.step b{min-width:28px;text-align:center}
.stk{display:grid;gap:0}.srow{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:13px 0;border-top:1px solid var(--line);align-items:center}.srow:first-child{border-top:0}.srow .nm{font-weight:700}.srow .nm small{display:block;font-weight:500;color:var(--mut);font-size:13.5px}.bar{grid-column:1/-1;height:10px;border-radius:99px;background:var(--sand);position:relative;overflow:visible}.bar i{display:block;height:100%;border-radius:99px;background:var(--olive)}.bar.low i{background:var(--gold)}.bar.crit i{background:var(--red)}.bar u{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--espresso);opacity:.6}
.hist{width:100%;border-collapse:collapse;font-size:15px}.hist th{text-align:left;font:600 12.5px var(--c);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);padding:8px 10px;border-bottom:2px solid var(--line)}.hist td{padding:11px 10px;border-bottom:1px solid var(--line)}.tw{overflow-x:auto}
/* attendant */
.att-wrap{max-width:1500px;margin:0 auto;padding:12px 12px 100px}
.atabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:12px;padding-bottom:2px}.atabs::-webkit-scrollbar{display:none}
.atabs a{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border-radius:12px;font:700 15px var(--b);background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line)}.atabs a.on{background:var(--brown);color:#fff;box-shadow:none}
.at-grid{display:grid;gap:14px}@media(min-width:1100px){.at-grid{grid-template-columns:1fr 370px;align-items:start}.att-wrap{padding:18px 22px 40px}}
.tpick{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 10px}.tpick::-webkit-scrollbar{display:none}
.tp{flex:none;width:72px;min-height:68px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);display:grid;place-items:center;align-content:center;gap:1px;position:relative}.tp b{font:400 26px/1 var(--d);color:var(--brown)}.tp small{font:600 11.5px var(--c);letter-spacing:.06em;text-transform:uppercase;color:var(--olive)}.tp.st-ocupada small{color:var(--terra)}.tp.st-reservada small{color:#a06c00}.tp.on{background:var(--brown);box-shadow:none}.tp.on b,.tp.on small{color:#fff}.tp b .ic{width:26px;height:26px;display:block}
.at-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.at-h h2{font-size:30px;color:var(--brown)}.at-h p{font-size:14px;color:var(--mut)}
.pgrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:12px}
.pc{position:relative;text-align:left;border-radius:14px;overflow:hidden;background:var(--card);box-shadow:0 0 0 1.5px var(--line);display:flex;flex-direction:column;min-height:196px;transition:.15s}.pc:active{transform:scale(.98)}.pc .pic{height:98px;width:100%;object-fit:cover}.pc .ph{height:98px}.pc .pb{padding:9px 10px 11px;display:grid;gap:3px;align-content:start;flex:1}.pc strong{font-size:15px;line-height:1.2}.pc .pr{font:400 19px var(--d);color:var(--brown)}.pc small{font:600 11.5px var(--c);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.pc .qb{position:absolute;top:8px;right:8px;min-width:30px;height:30px;border-radius:99px;background:var(--gold);color:var(--espresso);font:700 15px/30px var(--b);text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.3)}.pc[disabled]{opacity:.5;pointer-events:none}
@media(hover:hover){.pc:hover{box-shadow:0 0 0 2px var(--brown),0 10px 20px -12px rgba(42,19,6,.5)}}
.sum{position:fixed;left:0;right:0;bottom:0;z-index:60;max-height:86dvh;display:flex;flex-direction:column;background:var(--cream) var(--paper);border-radius:22px 22px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.35);transform:translateY(105%);transition:transform .25s}.sum.open{transform:none}
.sum-h{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 8px}.sum-h small{font:600 12px var(--c);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}.sum-h h3{font-size:28px;color:var(--brown)}
.sum-n{margin:0 16px 8px;padding:9px 12px;border-radius:10px;background:var(--sand);font-size:14px}
.sum-l{overflow-y:auto;padding:0 16px;flex:1;min-height:80px}.sl{padding:11px 0;border-top:1px solid var(--line);display:grid;gap:8px}.sl:first-child{border-top:0}.sl .t{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.sl .t strong{font-size:15.5px;line-height:1.2}.sl .t b{white-space:nowrap}.sl .c{display:flex;justify-content:space-between;align-items:center;gap:8px}.sl input{width:100%;min-height:40px;padding:0 11px;border-radius:10px;border:1.5px solid var(--line);background:#fff;font-size:15px}
.sum-f{padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-top:1.5px solid var(--line);display:grid;gap:8px}.sum-f .tot{display:flex;justify-content:space-between;align-items:baseline}.sum-f .tot b{font:400 30px var(--d);color:var(--brown)}.sum-f .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sumbar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:50;min-height:58px;border-radius:16px;background:var(--espresso);color:var(--cream);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px 0 16px;box-shadow:0 10px 26px -6px rgba(0,0,0,.5)}.sumbar .btn{min-height:42px}.sumbar b{font:400 22px var(--d);color:var(--gold)}
.sheet-bg{position:fixed;inset:0;background:rgba(26,12,4,.55);z-index:55}
@media(min-width:1100px){.sum{position:sticky;top:calc(var(--th) + 14px);max-height:calc(100dvh - var(--th) - 28px);transform:none;border-radius:18px;box-shadow:0 0 0 1.5px var(--line),0 10px 30px -18px rgba(42,19,6,.5);z-index:1}.sumbar,.sheet-bg,.sum-x{display:none!important}}
.otrack{padding:14px;display:grid;gap:10px}.otrack .h{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.otrack .h h4{font-size:26px;color:var(--brown)}.otrack .h small{color:var(--mut);font-size:13.5px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.steps i{font-style:normal;display:grid;gap:5px;font:600 11.5px var(--c);letter-spacing:.06em;text-transform:uppercase;color:var(--mut);text-align:center}.steps i::before{content:"";height:6px;border-radius:99px;background:var(--sand)}.steps i.on{color:var(--brown)}.steps i.on::before{background:var(--olive)}
.oitems li{display:flex;gap:8px;font-size:15px;padding:2px 0}.oitems li b{min-width:28px;color:var(--brown)}.oitems li em{display:block;font-size:13.5px;color:var(--terra);font-style:normal}
.ogrid{display:grid;gap:12px}@media(min-width:900px){.ogrid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}
.acts-row{display:flex;gap:8px;flex-wrap:wrap}.acts-row .btn{flex:1 1 150px}
.contas{display:grid;gap:14px}@media(min-width:900px){.contas{grid-template-columns:300px 1fr;align-items:start}}
.alist{display:grid;gap:8px}.al{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);text-align:left;width:100%}.al.on{box-shadow:inset 0 0 0 2.5px var(--brown);background:#fff}.al b{font-size:16px}.al small{display:block;color:var(--mut);font-size:13px}.al .v{font:400 20px var(--d);color:var(--brown)}
.bill{padding:16px;display:grid;gap:14px}.bill h3{font-size:30px;color:var(--brown)}.bl{display:flex;justify-content:space-between;gap:10px;font-size:15.5px;padding:3px 0}.bl.t{font:400 28px var(--d);color:var(--brown);border-top:2px solid var(--line);padding-top:10px}.bl.g{color:var(--olive);font-weight:700}
.meth{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:560px){.meth{grid-template-columns:repeat(4,1fr)}}.meth button{min-height:48px;border-radius:12px;box-shadow:inset 0 0 0 1.5px var(--line);background:#fff;font-weight:700;display:flex;gap:8px;align-items:center;justify-content:center}.meth button.on{background:var(--brown);color:#fff;box-shadow:none}
.shr{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;background:var(--sand)}
.rs{display:block;width:100%;text-align:left;padding:12px 14px;border-radius:12px;box-shadow:inset 0 0 0 1.5px var(--line);background:#fff;margin-bottom:8px;font-weight:600}.rs.on{box-shadow:inset 0 0 0 2.5px var(--brown);background:#fff7ea}
/* kitchen */
.kit{max-width:1600px;margin:0 auto;padding:14px 12px 40px}
.kh{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin-bottom:12px}.kh h2{font-size:clamp(30px,5vw,44px);color:var(--gold)}.kh .cnt{display:flex;gap:8px}.kh .cnt span{padding:6px 12px;border-radius:12px;background:rgba(247,240,226,.08);font:600 13px var(--c);letter-spacing:.08em;text-transform:uppercase}.kh .cnt b{font:400 22px var(--d);margin-right:6px;color:#fff}#clock{font:400 34px var(--d);color:var(--cream)}
.kit .chip{background:rgba(247,240,226,.07);box-shadow:inset 0 0 0 1.5px rgba(247,240,226,.18);color:var(--cream)}.kit .chip.on{background:var(--gold);color:var(--espresso)}
.kb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-radius:14px;background:var(--gold);color:var(--espresso);margin:12px 0;animation:bl 1.2s infinite alternate}.kb .ic{width:26px;height:26px}.kb span{flex:1 1 200px;font-weight:700}.kb .btn{background:var(--espresso);color:var(--gold)}
@keyframes bl{from{box-shadow:0 0 0 0 rgba(242,162,27,.7)}to{box-shadow:0 0 0 10px rgba(242,162,27,0)}}
.kcols{display:grid;gap:14px;margin-top:12px}@media(min-width:900px){.kcols.three{grid-template-columns:repeat(3,1fr);align-items:start}.kcols.one{grid-template-columns:1fr}.kcols.one .kl{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;align-items:start}}
.kcol h3{font:600 15px var(--c);letter-spacing:.12em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;padding:0 4px 10px;color:rgba(247,240,226,.75);border-bottom:3px solid var(--gold);margin-bottom:12px}.kcol.preparando h3{border-color:var(--terra)}.kcol.pronto h3{border-color:var(--green)}.kcol h3 b{font:400 24px var(--d);color:#fff}
.kl{display:grid;gap:12px}.kcol .none{padding:26px 10px;text-align:center;color:rgba(247,240,226,.4);border:2px dashed rgba(247,240,226,.15);border-radius:14px}
.kc{background:#2f1809 var(--lace-l);border-radius:16px;padding:14px;box-shadow:inset 0 0 0 1.5px rgba(247,240,226,.12);display:grid;gap:10px;position:relative;border-left:6px solid var(--gold)}.kc.st-preparando{border-left-color:var(--terra)}.kc.st-pronto{border-left-color:var(--green)}
.kc header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.kc-t{display:flex;align-items:center;gap:12px}.kc-n{min-width:60px;padding:4px 10px;border-radius:12px;background:var(--cream);color:var(--brown);text-align:center;display:grid}.kc-n small{font:600 11px var(--c);letter-spacing:.14em;text-transform:uppercase;line-height:1}.kc-n b{font:400 34px/1 var(--d)}.kc-n.w b{font-size:21px;padding:6px 0}
.kc-i{font-size:13.5px;color:rgba(247,240,226,.65)}.kc-i strong{display:block;font-size:16px;color:#fff}
.el{font:400 24px var(--d);color:var(--cream);white-space:nowrap}.kc.lv1 .el{color:var(--gold)}.kc.lv2 .el{color:#ff7a6b}.kc.lv2{box-shadow:inset 0 0 0 2px #ff7a6b}
.kc ul{display:grid;gap:5px}.kc li{display:flex;gap:10px;font-size:17px;font-weight:600}.kc li b{min-width:34px;color:var(--gold);font:400 22px/1.1 var(--d)}.kc li em{display:block;margin-top:3px;font-style:normal;font-size:14.5px;font-weight:700;color:var(--espresso);background:var(--gold);padding:2px 9px;border-radius:8px;width:fit-content}
.kc-w{display:flex;gap:8px;align-items:center;padding:9px 11px;border-radius:10px;background:rgba(217,83,30,.25);color:#ffc8ad;font-weight:600;font-size:14px}
.kc footer{display:flex;gap:8px}.kc footer .btn{flex:1;min-height:50px;font-size:16px}.kc footer .btn.ghost{flex:none;width:50px;padding:0;color:var(--cream);box-shadow:inset 0 0 0 1.5px rgba(247,240,226,.25)}
.kc .btn{background:var(--gold);color:var(--espresso)}.kc.st-preparando .btn:not(.ghost){background:var(--terra);color:#fff}.kc.st-pronto .btn:not(.ghost){background:var(--green);color:#0b2a00}
.kc.is-new{animation:nw 1.4s infinite alternate}.kc.is-new::after{content:"NOVO";position:absolute;top:-9px;right:14px;background:var(--gold);color:var(--espresso);font:700 12px var(--c);letter-spacing:.14em;padding:2px 10px;border-radius:99px}
@keyframes nw{from{box-shadow:inset 0 0 0 1.5px rgba(247,240,226,.12),0 0 0 0 rgba(242,162,27,.8)}to{box-shadow:inset 0 0 0 2px var(--gold),0 0 0 9px rgba(242,162,27,0)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}