:root{--bg:#0b0b0a;--panel:#141413;--panel2:#1c1c1a;--panel3:#232321;--line:#262623;--line2:#34332f;--text:#f6f4ef;--muted:#9c9a92;--o:#ff8a27;--o2:#ffb15e;--g:#7fd18b;--r:#ef6a5a;--b:#6fb1ff;--rad:16px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{font-family:Outfit,'DM Sans',sans-serif;margin:0;letter-spacing:-.01em}
a{color:var(--o2)}
.ic{flex:none}
.hide{display:none!important}.muted{color:var(--muted)}.err{color:var(--r);margin:0;font-size:13px;min-height:18px}
::selection{background:#ff8a2755}
.mk,.logo{width:42px;height:42px;border-radius:13px;background:var(--o);color:#171411;display:grid;place-items:center;font:800 24px Outfit;transform:rotate(-4deg);flex:none}
.logo span{color:#fff}
.logo.has-logo{background:transparent;transform:none;overflow:hidden;border-radius:10px}
.logo.has-logo img{width:100%;height:100%;object-fit:contain;display:block}

/* botões e campos */
.btn{background:var(--o);color:#171411;border:0;border-radius:11px;padding:11px 16px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.15s;white-space:nowrap}
.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.ghost{background:var(--panel2);color:var(--text);border:1px solid var(--line2)}.btn.ghost:hover{border-color:#ff8a2788;filter:none}
.btn.sm{padding:8px 12px;font-size:12px;border-radius:10px}.btn.danger{color:var(--r)}
.btn.big{padding:15px 20px;font-size:15px;border-radius:13px;width:100%}
.btn.busy span{opacity:.0}.btn.busy{position:relative}
.btn.busy::after{content:"";position:absolute;width:18px;height:18px;border:2.5px solid #17141155;border-top-color:#171411;border-radius:50%;animation:sp .7s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
label{display:grid;gap:6px;font-size:12px;color:var(--muted);font-weight:600}
input,select,textarea{background:#0f0f0e;border:1px solid var(--line2);border-radius:11px;padding:11px 12px;width:100%;color:var(--text);transition:.15s}
input:hover,select:hover,textarea:hover{border-color:#47453f}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--o);box-shadow:0 0 0 3px #ff8a2726}
.field{display:flex;align-items:center;gap:10px;background:#0f0f0e;border:1px solid var(--line2);border-radius:12px;padding:0 12px;transition:.15s}
.field:focus-within{border-color:var(--o);box-shadow:0 0 0 3px #ff8a2726}
.field .ic{color:var(--muted)}.field input{border:0;background:transparent;box-shadow:none!important;padding:14px 0;font-size:15px}
.eye{background:none;border:0;color:var(--muted);cursor:pointer;display:grid;place-items:center;padding:6px;border-radius:8px}.eye:hover{color:var(--text)}

/* ===== login ===== */
.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.auth-art{position:relative;overflow:hidden;padding:40px clamp(28px,5vw,64px);display:flex;flex-direction:column;justify-content:space-between;gap:30px;
  background:radial-gradient(700px 420px at 15% 0%,#3a2210,transparent 70%),radial-gradient(600px 400px at 100% 100%,#2a1708,transparent 70%),#100e0c;border-right:1px solid var(--line)}
.auth-art::after{content:"";position:absolute;right:-120px;bottom:-120px;width:380px;height:380px;border-radius:50%;border:1px solid #ff8a2730;box-shadow:0 0 0 60px #ff8a2708,0 0 0 120px #ff8a2705}
.auth-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}.auth-brand b{font:800 20px Outfit}
.auth-brand.mobile{display:none}
.auth-pitch{position:relative;z-index:1;max-width:460px}
.auth-pitch h2{font-size:clamp(28px,3.2vw,40px);line-height:1.1;font-weight:800;margin-bottom:26px}
.auth-pitch ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.auth-pitch li{display:flex;gap:12px;align-items:center;color:#d6d3ca;font-size:15px}
.auth-pitch li .ic{width:38px;height:38px;padding:9px;border-radius:11px;background:#2a1d12;color:var(--o2)}
.auth-art small{color:var(--muted);position:relative;z-index:1}
.auth-form{display:grid;place-items:center;padding:28px 20px}
.login{width:100%;max-width:400px;display:grid;gap:16px}
.login h1{font-size:30px;font-weight:800}.login>p{margin:-6px 0 4px}
.back{color:var(--muted);text-decoration:none;font-size:13px;text-align:center}.back:hover{color:var(--text)}

/* escolher loja / sem acesso */
.center{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(800px 460px at 80% -10%,#2a1a0d,transparent),var(--bg)}
.panel-box{width:100%;max-width:460px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:30px;display:grid;gap:14px;justify-items:start;box-shadow:0 30px 80px #0008}
.panel-box.wide{max-width:760px}.panel-box h1{font-size:28px}.panel-box p{margin:0}
.pb-head{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-bottom:6px;flex-wrap:wrap}.pb-r{display:flex;gap:8px}
.ico-big{width:58px;height:58px;border-radius:18px;background:#2a1d12;color:var(--o2);display:grid;place-items:center}
.pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;width:100%;margin-top:6px}
.pick-i{display:flex;align-items:center;gap:12px;background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:12px;text-decoration:none;color:var(--text);transition:.15s}
.pick-i:hover{border-color:var(--o);transform:translateY(-2px)}.pick-i span{flex:1;min-width:0}
.pick-i b{display:block;font:700 15px Outfit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-i small{display:block;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pick-i em{font-style:normal;font-size:11px;font-weight:800;padding:3px 9px;border-radius:99px}.pick-i em.on{background:#15301b;color:var(--g)}.pick-i em.off{background:#3a2a14;color:var(--o2)}

/* ===== layout do painel ===== */
.app{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}
.side{position:sticky;top:0;height:100vh;padding:22px 14px 16px;border-right:1px solid var(--line);background:#0f0f0e;display:flex;flex-direction:column;gap:22px}
.brand{display:flex;align-items:center;gap:12px;padding:6px 8px 14px;border-bottom:1px solid var(--line)}
.brand>div{min-width:0}.brand b{display:block;font:800 15px Outfit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand small{color:var(--muted);font-size:11px}
.nav{display:grid;gap:3px}
.nav button{display:flex;align-items:center;gap:12px;background:none;border:0;border-radius:12px;padding:12px;text-align:left;cursor:pointer;color:var(--muted);font-weight:600;position:relative;transition:.15s}
.nav button:hover{background:var(--panel2);color:var(--text)}
.nav button.on{background:linear-gradient(90deg,#2d1e11,#1f1610);color:var(--o2);box-shadow:inset 3px 0 0 var(--o)}
.badge{margin-left:auto;background:var(--o);color:#171411;border-radius:20px;padding:1px 8px;font:800 11px 'DM Sans';font-style:normal}
.side-foot{margin-top:auto;display:grid;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.me{display:flex;align-items:center;gap:10px;padding:0 6px}.me>span:last-child{min-width:0}.me b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me small{color:var(--muted);font-size:11px}
.av{width:34px;height:34px;border-radius:50%;background:var(--panel3);border:1px solid var(--line2);display:grid;place-items:center;font:800 14px Outfit;color:var(--o2);flex:none}
.side-link{display:flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;font-size:12px;font-weight:600;padding:8px;border-radius:10px}.side-link:hover{background:var(--panel2);color:var(--text)}
.main{padding:26px clamp(16px,3vw,40px) 70px;max-width:1240px;width:100%}
.notice{background:#2a2012;border:1px solid #ff8a2740;color:#ffd9ad;border-radius:12px;padding:12px 14px;margin-bottom:18px;font-size:13px}
.top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.top h1{font-size:30px;font-weight:800}.top-sub{margin:4px 0 0;color:var(--muted);font-size:13px}
.top-r{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.openbtn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line2);background:var(--panel2);border-radius:11px;padding:9px 14px;font-weight:700;font-size:12px;cursor:pointer;transition:.15s}.openbtn:hover{border-color:#ff8a2788}
.openbtn i{width:8px;height:8px;border-radius:50%;background:var(--g);box-shadow:0 0 10px #7fd18b80}
.openbtn.off i{background:var(--r);box-shadow:0 0 10px #ef6a5a80}

/* cartões, números, gráfico */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:14px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:18px}
.stat small{color:var(--muted);font-weight:600;font-size:12px}.stat b{display:block;font:800 27px Outfit;margin-top:8px;letter-spacing:-.02em}
.stat.hl{background:linear-gradient(135deg,#34220f,#1a1410);border-color:#ff8a2755}.stat.hl b{color:var(--o2)}
.cols{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;margin-bottom:14px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:20px}
.card h3{font-size:16px;margin-bottom:14px}
.chart{display:flex;align-items:flex-end;gap:10px;height:190px}
.col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px;min-width:0}
.col i{width:100%;max-width:46px;background:linear-gradient(180deg,var(--o2),var(--o));border-radius:8px 8px 3px 3px;display:block}
.col em{font-style:normal;font-size:10px;color:var(--muted);white-space:nowrap}.col span{font-size:11px;color:var(--muted)}
.rank{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rank li{display:flex;align-items:center;gap:10px}.rank .n{width:26px;height:26px;border-radius:8px;background:var(--panel2);display:grid;place-items:center;font-weight:800;font-size:12px;color:var(--o2)}
.rank span.t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank b{color:var(--muted);font-weight:600}
.mini{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.mini:last-child{border:0}.mini small{color:var(--muted);display:block}
.skel{display:grid;gap:12px}.skel i{display:block;height:92px;border-radius:var(--rad);background:linear-gradient(90deg,var(--panel) 25%,var(--panel2) 50%,var(--panel) 75%);background-size:200% 100%;animation:sk 1.2s infinite}
@keyframes sk{to{background-position:-200% 0}}

/* pedidos */
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.chip{border:1px solid var(--line2);background:var(--panel);border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:700;font-size:12px;color:var(--muted);transition:.15s}.chip:hover{color:var(--text)}
.chip.on{background:var(--o);border-color:var(--o);color:#171411}
.olist{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}
.order{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:18px;display:grid;gap:14px;align-content:start;border-top:3px solid var(--line)}
.order.s-novo{border-top-color:var(--o)}.order.s-preparando{border-top-color:var(--b)}.order.s-saiu_entrega{border-top-color:#c79bff}.order.s-entregue{border-top-color:var(--g)}.order.s-cancelado{border-top-color:var(--r);opacity:.7}
.o-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.o-head small,.o-info small{display:block;color:var(--muted);font-size:11px}
.pill{border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;white-space:nowrap;background:#2a1d12;color:var(--o2)}
.pill.s-preparando{background:#13243a;color:var(--b)}.pill.s-saiu_entrega{background:#2a1d3d;color:#c79bff}.pill.s-entregue{background:#15301b;color:var(--g)}.pill.s-cancelado{background:#3a1f1c;color:var(--r)}
.o-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px}
.o-items{list-style:none;margin:0;padding:12px 0;border-top:1px dashed var(--line2);border-bottom:1px dashed var(--line2);display:grid;gap:7px}
.o-items li{display:flex;justify-content:space-between;gap:10px}.o-items .tot{font-weight:800;font-size:15px;color:var(--o2)}
.o-act{display:flex;gap:8px;flex-wrap:wrap}.o-act .btn:first-child:not(.ghost){flex:1}
.empty{background:var(--panel);border:1px dashed var(--line2);border-radius:var(--rad);padding:46px 20px;text-align:center;color:var(--muted);width:100%}

/* produtos */
.bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.pcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;display:flex;flex-direction:column;transition:.15s}.pcard:hover{border-color:var(--line2)}
.pcard.off{opacity:.55}.pcard img{width:100%;height:150px;object-fit:cover;background:#22201c}
.pb{padding:14px;display:grid;gap:4px}.pb b{font-size:15px}.pb .price{color:var(--o2);font-weight:800}.pb em{font-style:normal;color:var(--r);font-size:11px;font-weight:700}
.pact{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}

/* modal e formulários */
.modal{position:fixed;inset:0;background:#000c;backdrop-filter:blur(4px);z-index:50;display:grid;place-items:center;padding:16px;overflow:auto}
.sheet{background:var(--panel);border:1px solid var(--line2);border-radius:20px;padding:24px;width:100%;max-width:480px;display:grid;gap:14px;box-shadow:0 30px 80px #000a}
.sheet form{display:grid;gap:12px}.mact{display:flex;gap:8px;justify-content:flex-end}
.imgrow{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:start}
.imgrow img{width:92px;height:92px;object-fit:cover;border-radius:12px;background:#22201c;border:1px solid var(--line)}
.imgrow>div{display:grid;gap:8px}.up{cursor:pointer;color:var(--text)}
.form{display:grid;gap:14px;max-width:620px}
.switch{display:flex;align-items:center;gap:12px;background:var(--panel2);border:1px solid var(--line2);border-radius:12px;padding:14px;color:var(--text);cursor:pointer}
.switch input{width:auto;accent-color:var(--o);transform:scale(1.3);flex:none}
.switch .sw-sub{display:block;color:var(--muted);font-weight:500;font-size:12px;margin-top:2px;line-height:1.4}
.linkbox{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0}.linkbox a{word-break:break-all}
.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#f3eee5;color:#171411;padding:12px 18px;border-radius:12px;font-weight:700;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:99;max-width:90vw;box-shadow:0 14px 40px #0008}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* aparência */
.dgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:16px;align-items:start}
.dform{display:grid;gap:14px}.dform .card{display:grid;gap:12px}.dform h3{margin-bottom:2px}
.hint{color:var(--muted);font-size:12px;margin:0}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.g3{display:grid;grid-template-columns:70px 1fr 1fr;gap:10px}
.colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.colors label{gap:8px}
.colors input[type=color]{padding:3px;height:46px;cursor:pointer}
.imgfield{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center}
.imgfield .pv{width:64px;height:64px;border-radius:10px;object-fit:cover;background:var(--panel2);border:1px solid var(--line)}.imgfield .pv.logo-pv{object-fit:contain}
.imgfield .act{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.sub{border-top:1px dashed var(--line2);padding-top:12px;display:grid;gap:10px}.sub>b{font-size:12px;color:var(--o2)}
.preview{position:sticky;top:16px}
.preview iframe{width:100%;height:560px;border:1px solid var(--line);border-radius:14px;background:#000}
.zrow{display:grid;grid-template-columns:1fr 110px 38px;gap:8px;align-items:center}.zrow button{height:42px}

/* ===== celular: menu embaixo ===== */
@media(max-width:900px){
  .auth{grid-template-columns:1fr}.auth-art{display:none}.auth-brand.mobile{display:flex;margin-bottom:6px}
  .app{display:block}
  .side{position:fixed;inset:auto 0 0 0;height:auto;z-index:20;padding:6px 6px calc(6px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);flex-direction:row;gap:0;background:#0f0f0ef2;backdrop-filter:blur(12px)}
  .brand,.side-foot{display:none}.nav{display:flex;width:100%;gap:2px}.nav button{flex:1;flex-direction:column;gap:3px;padding:8px 2px;font-size:10px;text-align:center;align-items:center;justify-content:center;box-shadow:none!important;min-width:0}
  .nav button.on{background:#2a1d12}.nav button span{overflow:hidden;text-overflow:ellipsis;max-width:100%}.badge{position:absolute;top:2px;right:14%;margin:0}
  .main{padding:18px 14px 110px}.top h1{font-size:24px}.hide-sm{display:none}
  .cols,.dgrid{grid-template-columns:1fr}.preview{position:static}.olist{grid-template-columns:1fr}.o-info{grid-template-columns:1fr}.toast{bottom:92px}
}
@media(max-width:520px){.g2,.g3{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat b{font-size:22px}}

/* tags de pedido (entrega/retirada/pagamento) */
.o-tags{display:flex;gap:6px;flex-wrap:wrap}
.tag{display:inline-flex;align-items:center;gap:5px;border-radius:8px;padding:4px 9px;font-size:11px;font-weight:700;background:var(--panel2);border:1px solid var(--line2);color:var(--text)}
.tag.ok{background:#15301b;border-color:#2c5a37;color:var(--g)}
.tag.warn{background:#2a2012;border-color:#ff8a2740;color:var(--o2)}
.tag.pk{background:#13243a;border-color:#2a4a73;color:var(--b)}
.tag b{color:#fff}
/* dispensa */
.plist{display:grid;gap:8px}
.pitem{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:14px 16px}
.pitem.low{border-color:#6b2e28;background:linear-gradient(90deg,#2a1614,var(--panel))}
.pi-main{min-width:0}.pi-main b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pi-qty{text-align:right}.pi-qty b{font:800 24px Outfit;letter-spacing:-.02em}.pi-qty small{display:block;color:var(--muted);font-size:11px}
.pitem.low .pi-qty b{color:var(--r)}
.pi-act{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.mv{display:inline-block;font-size:10px;font-weight:800;border-radius:6px;padding:2px 7px;margin-right:4px;vertical-align:1px}
.mv.in{background:#15301b;color:var(--g)}.mv.out{background:#3a1f1c;color:var(--r)}
.pos{color:var(--g)}.neg{color:var(--r)}
@media(max-width:700px){.pitem{grid-template-columns:1fr auto}.pi-act{grid-column:1/-1;justify-content:flex-start}}

/* ===== tempo real, notificações e cancelamento com motivo ===== */
.live{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--g);padding:0 4px;white-space:nowrap}
.live i{width:8px;height:8px;border-radius:50%;background:var(--g);animation:lv 2s infinite}
.live.off{color:var(--r)}.live.off i{background:var(--r);animation:none}
@keyframes lv{0%{box-shadow:0 0 0 0 #7fd18b99}70%{box-shadow:0 0 0 8px #7fd18b00}100%{box-shadow:0 0 0 0 #7fd18b00}}
.o-reason{background:#3a1f1c;border:1px solid #6b2e28;color:#ffc9c2;border-radius:10px;padding:10px 12px;font-size:13px}
.o-reason b{color:#fff}
.btn.solid-danger{background:var(--r);color:#fff}
.order.fresh{animation:fresh 2.6s ease-out}
@keyframes fresh{0%{box-shadow:0 0 0 2px var(--o),0 0 30px #ff8a2755}100%{box-shadow:0 0 0 2px transparent,0 0 0 #0000}}

/* ===== chat, aviso de cancelamento e celular ===== */
.o-warn{background:#2a2012;border:1px solid #ff8a2760;color:var(--o2);border-radius:10px;padding:10px 12px;font-size:13px}
.o-warn b{color:#fff}.o-warn .cd{font-variant-numeric:tabular-nums;color:var(--o2)}
.btn .badge{margin:0 0 0 2px;position:static}
.chat{display:grid;gap:10px}
.cmsgs{height:min(44vh,340px);overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:10px;background:#0f0f0e;border:1px solid var(--line2);border-radius:12px;-webkit-overflow-scrolling:touch}
.cb{max-width:84%;padding:8px 11px;border-radius:12px;font-size:13px;line-height:1.4;word-break:break-word}
.cb small{display:block;font-size:10px;opacity:.6;margin-top:3px}
.cb.cliente{align-self:flex-start;background:var(--panel3);border-bottom-left-radius:4px}
.cb.loja{align-self:flex-end;background:var(--o);color:#171411;border-bottom-right-radius:4px}
.cb.cancel{background:#3a1f1c;border:1px solid #6b2e28;color:#ffc9c2}
.cform{display:flex;gap:8px}.cform input{flex:1;min-width:0}
.sheet{max-height:calc(100dvh - 32px);overflow-y:auto}
/* sem zoom / sem cortar no celular */
html{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
body{overflow-x:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
img,svg,video{max-width:100%}
@media(max-width:900px){input,select,textarea{font-size:16px!important}.top-r{gap:6px}.live span{display:none}.toast{max-width:92vw}}

/* ===== top clientes ===== */
.stat .sub{display:block;font-style:normal;color:var(--muted);font-size:11px;margin-top:4px}
.chip-gap{flex:1;min-width:8px}
.clist{display:grid;gap:10px}
.cl{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:14px 16px}
.cl.top{border-color:#ff8a2744;background:linear-gradient(135deg,#221810,var(--panel))}
.cl-n{width:38px;height:38px;border-radius:12px;background:var(--panel2);display:grid;place-items:center;font:800 16px Outfit;color:var(--o2)}
.cl-main{min-width:0}.cl-main>b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cl-main small{display:block;color:var(--muted);margin:2px 0 6px}.cl-main small a{color:var(--o2);text-decoration:none}.cl-main small a:hover{text-decoration:underline}
.cl-nums{display:flex;gap:18px;text-align:right}.cl-nums b{display:block;font:800 15px Outfit}.cl-nums small{color:var(--muted);font-size:11px}
@media(max-width:700px){.cl{grid-template-columns:38px minmax(0,1fr)}.cl-nums{grid-column:1/-1;justify-content:space-between;text-align:left;border-top:1px solid var(--line);padding-top:10px}}

/* ===== refinamento profissional (v3.6): neutro, plano, hierarquia clara ===== */
:root{--bg:#101214;--panel:#171a1d;--panel2:#1d2125;--panel3:#252a2f;--line:#262b30;--line2:#343a41;--text:#f1f3f4;--muted:#98a1a9;--o:#ff6a13;--o2:#ff9a5c;--g:#4cc38a;--r:#f0685a;--b:#6aa8ff;--rad:12px}
body{background:var(--bg);font-feature-settings:"tnum" 1}
h1,h2,h3,.stat b,.brand b,.auth-brand b{font-family:'Bricolage Grotesque',Outfit,'DM Sans',sans-serif}
.mk,.logo{transform:none;border-radius:10px;color:#fff;font-weight:800}
.logo.has-logo{border-radius:8px}
.btn{color:#fff;border-radius:9px;font-weight:600}.btn:hover{filter:none;background:#e85d0c}.btn.ghost{background:var(--panel2);color:var(--text)}.btn.ghost:hover{background:var(--panel3);border-color:#4a525a}
.btn.sm{border-radius:8px}.btn.big{border-radius:10px}
.btn.busy::after{border-color:#ffffff55;border-top-color:#fff}
input:focus,select:focus,textarea:focus,.field:focus-within{box-shadow:0 0 0 3px #ff6a1330}
:focus-visible{outline:2px solid var(--b);outline-offset:2px}
input,select,textarea,.field{background:#121416;border-radius:9px}

/* login */
.auth-art{background:#141719;border-right:1px solid var(--line)}
.auth-art::after{display:none}
.auth-pitch h2{font-weight:700}
.auth-pitch li .ic{background:var(--panel3);color:var(--o2);border-radius:9px}
.login h1{font-weight:700}
.center{background:var(--bg)}
.panel-box{border-radius:16px;box-shadow:0 20px 50px #0007}
.ico-big{background:var(--panel3);border-radius:14px}
.pick-i{border-radius:10px}.pick-i:hover{transform:none}
.pick-i em.on{background:#12301f;color:var(--g)}.pick-i em.off{background:var(--panel3);color:var(--muted)}

/* menu lateral */
.side{background:#121416;padding:18px 12px 14px}
.brand{padding:4px 8px 16px}
.nav button{border-radius:9px;padding:10px 12px;font-weight:500}
.nav button.on{background:var(--panel2);color:var(--text);box-shadow:inset 3px 0 0 var(--o)}
.nav button.on .ic{color:var(--o2)}
.badge{color:#fff}
.me small,.brand small{color:var(--muted)}

/* topo */
.top h1{font-size:28px;font-weight:700}
.openbtn{border-radius:9px;font-weight:600}
.live{font-weight:600}

/* cartões e números: sem degradê, destaque só no número principal */
.stat{border-radius:var(--rad);padding:18px 20px}
.stat small{font-weight:500}.stat b{font-weight:700;font-size:26px}
.stat.hl{background:var(--panel);border-color:var(--line);border-left:3px solid var(--o)}.stat.hl b{color:var(--text)}
.card{border-radius:var(--rad)}.card h3{font-weight:700}
.col i{background:var(--o);border-radius:5px 5px 2px 2px;opacity:.9}
.rank .n{background:var(--panel3);color:var(--text);border-radius:7px}

/* pedidos */
.order{border-radius:var(--rad);border-top-width:0;border-left:3px solid var(--line)}
.order.s-novo{border-left-color:var(--o)}.order.s-preparando{border-left-color:var(--b)}.order.s-saiu_entrega{border-left-color:#b58cf5}.order.s-entregue{border-left-color:var(--g)}.order.s-cancelado{border-left-color:var(--r)}
.order.s-novo{border-top-color:transparent}
.pill{background:var(--panel3);color:var(--o2)}
.pill.s-preparando{background:#16273f}.pill.s-entregue{background:#12301f}.pill.s-cancelado{background:#3a1f1c}
.chip{font-weight:600}.chip.on{color:#fff}
.o-warn,.notice{background:#241b12;border-color:#5a3a1c;color:#ffcfa3}
.o-reason{background:#2e1b19}

/* produtos, clientes, dispensa */
.pcard{border-radius:var(--rad)}
.cl.top{background:var(--panel);border-color:var(--line2);border-left:3px solid var(--o)}
.cl-n{background:var(--panel3);color:var(--text);border-radius:9px}
.pitem.low{background:var(--panel);border-left:3px solid var(--r)}
.sheet{border-radius:16px}
.cb.loja{color:#fff}
.sub>b{color:var(--muted)}
.toast{background:#f1f3f4}
@media(max-width:900px){.side{background:#121416f5}.nav button.on{background:var(--panel2)}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}