:root{--bg:#0e0b08;--card:#1a140d;--line:#3a2d1a;--amb:#f2a900;--tx:#f5efe6;--mu:#a89d8c;--ok:#3fb27f;--bad:#e5534b}
*{box-sizing:border-box;margin:0;padding:0}
body{font:16px/1.45 system-ui,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--tx);min-height:100vh}
h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',system-ui,sans-serif;letter-spacing:.2px;line-height:1.1}
h1{font-size:2.4rem}h2{font-size:1.5rem;margin-bottom:.8rem}h3{font-size:1.2rem}
a{color:var(--amb)}
.wrap{max-width:1000px;margin:0 auto;padding:1rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1rem;margin-bottom:1rem}
label{display:block;font-size:.85rem;color:var(--mu);margin:.6rem 0 .2rem}
input,select,textarea{width:100%;padding:.65rem .75rem;background:#100c07;border:1px solid var(--line);border-radius:8px;color:var(--tx);font:inherit}
input[type=checkbox],input[type=radio]{width:auto;margin-right:.4rem}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--amb);outline-offset:1px}
.btn{display:inline-block;padding:.65rem 1.1rem;border:0;border-radius:8px;background:var(--amb);color:#1a1100;font-weight:700;cursor:pointer;text-decoration:none;font-size:.95rem}
.btn.sec{background:transparent;border:1px solid var(--line);color:var(--tx)}
.btn.bad{background:var(--bad);color:#fff}.btn.ok{background:var(--ok);color:#06140d}.btn.sm{padding:.35rem .7rem;font-size:.82rem}
.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.row>*{flex:1 1 140px}
.msg{padding:.7rem 1rem;border-radius:8px;margin-bottom:1rem;background:#12281e;border:1px solid var(--ok)}.msg.err{background:#2b1311;border-color:var(--bad)}
.tag{display:inline-block;padding:.1rem .55rem;border-radius:99px;font-size:.75rem;background:var(--line);color:var(--tx)}
.tag.novo{background:var(--amb);color:#1a1100}.tag.entregue{background:var(--ok);color:#06140d}.tag.cancelado{background:var(--bad)}
table{width:100%;border-collapse:collapse;font-size:.92rem}td,th{padding:.5rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.muted{color:var(--mu);font-size:.88rem}
/* painel */
.nav{display:flex;gap:.4rem;overflow-x:auto;padding:.6rem 1rem;background:#080604;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;align-items:center}
.nav a{white-space:nowrap;padding:.45rem .8rem;border-radius:8px;color:var(--mu);text-decoration:none}
.nav a.on{background:var(--amb);color:#1a1100;font-weight:700}.nav b{color:var(--amb);margin-right:.6rem;font-family:'Barlow Condensed',sans-serif;font-size:1.3rem}
.pedido{border-left:4px solid var(--line)}.pedido.novo{border-left-color:var(--amb)}
/* loja */
.hero{padding:1.4rem 1rem;border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 0,#3a2a0a 0,transparent 55%)}
.hero .wrap{display:flex;gap:1rem;align-items:center}.hero img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--amb)}
.cats{display:flex;gap:.4rem;overflow-x:auto;padding:.6rem 1rem;position:sticky;top:0;background:var(--bg);z-index:4;border-bottom:1px solid var(--line)}
.cats a{white-space:nowrap;padding:.35rem .8rem;border:1px solid var(--line);border-radius:99px;color:var(--tx);text-decoration:none;font-size:.9rem}
.prod{display:flex;gap:.8rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--line)}
.prod img{width:62px;height:62px;border-radius:8px;object-fit:cover}.prod .i{flex:1}
.prod .p s{color:var(--mu);font-size:.8rem;margin-right:.3rem}.prod .p{font-weight:700;color:var(--amb)}
.qty{display:flex;align-items:center;gap:.5rem}.qty button{width:34px;height:34px;border-radius:50%;border:1px solid var(--amb);background:transparent;color:var(--amb);font-size:1.2rem;cursor:pointer}
.bar{position:fixed;left:0;right:0;bottom:0;padding:.7rem 1rem;background:#080604;border-top:1px solid var(--amb);display:none;z-index:6}
.bar .btn{width:100%;display:flex;justify-content:space-between}
dialog{width:min(520px,96vw);max-height:92vh;overflow:auto;background:var(--card);color:var(--tx);border:1px solid var(--amb);border-radius:12px;padding:1rem;margin:auto}
dialog::backdrop{background:#000b}
.aviso{background:#2b2108;border:1px solid var(--amb);padding:.6rem .8rem;border-radius:8px;margin:.8rem 0;font-size:.9rem}
.pix{word-break:break-all;font:.78rem monospace;background:#100c07;padding:.6rem;border-radius:8px;border:1px dashed var(--amb)}
@media(min-width:700px){.wrap{padding:1.4rem}}
@media(prefers-reduced-motion:no-preference){.btn{transition:filter .15s}.btn:hover{filter:brightness(1.1)}}