:root{--tom:#e24a3a;--tom2:#c73a2b;--bg:#fff6f3;--card:#fff;--soft:#ffe3dd;--txt:#3a2522;--muted:#8a6f6a;--ok:#2f8f4e;--err:#c62828}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--txt);font:18px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-tap-highlight-color:transparent}
.top{position:sticky;top:0;z-index:5;display:flex;gap:12px;align-items:center;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:var(--tom);color:#fff}
.top img{width:44px;height:44px;border-radius:12px;background:#fff}
.top small{display:block;opacity:.9;font-size:14px}
main{max-width:560px;margin:0 auto;padding:16px 16px 140px}
h2{margin:8px 0 12px;font-size:22px}
.card{background:var(--card);border-radius:18px;padding:16px;margin-bottom:14px;box-shadow:0 2px 8px rgba(120,40,30,.08)}
label{display:block;font-weight:600;margin:12px 0 6px}
label small{font-weight:400;color:var(--muted)}
input,textarea{width:100%;font-size:20px;padding:14px;border:2px solid #f0c9c2;border-radius:14px;background:#fff;color:var(--txt)}
input:focus,textarea:focus{outline:none;border-color:var(--tom)}
textarea{min-height:90px;resize:vertical}
.money{position:relative}.money span{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--muted)}.money input{padding-left:52px;font-size:26px;font-weight:700}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:62px;border:0;border-radius:16px;font-size:20px;font-weight:700;cursor:pointer;margin:10px 0;padding:12px 16px}
.btn:active{transform:scale(.98)}
.btn.primary{background:var(--tom);color:#fff}.btn.primary:disabled{background:#e9a59c}
.btn.soft{background:var(--soft);color:var(--tom2)}
.btn.ghost{background:transparent;color:var(--tom2);border:2px solid var(--soft)}
.btn.ok{background:var(--ok);color:#fff}
.btn.rec{background:#fff;color:var(--tom2);border:3px dashed var(--tom)}
.btn.rec.on{background:var(--tom);color:#fff;border-style:solid;animation:pulse 1.2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(226,74,58,.2)}}
.row{display:flex;gap:10px}.row>*{flex:1}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}
.thumb{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#eee}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb button{position:absolute;top:4px;right:4px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;font-size:20px;line-height:36px;padding:0}
.qty{display:flex;align-items:center;gap:10px}.qty button{width:62px;height:62px;border-radius:16px;border:0;background:var(--soft);color:var(--tom2);font-size:30px;font-weight:700}.qty input{text-align:center;font-weight:700}
.piece{display:flex;gap:12px;align-items:center}
.piece img{width:76px;height:76px;object-fit:cover;border-radius:12px;background:#eee;flex:none}
.piece .info{flex:1;min-width:0}.piece .info b{font-size:20px}.piece .info div{color:var(--muted);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.piece .acts{display:flex;flex-direction:column;gap:6px}.piece .acts button{border:0;background:var(--soft);color:var(--tom2);border-radius:10px;padding:8px 10px;font-size:15px;font-weight:600}
.bottom{position:fixed;left:0;right:0;bottom:0;z-index:5;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 25%);pointer-events:none}
.bottom .btn{pointer-events:auto}
.bottom .btn{max-width:528px;margin:0 auto}
.muted{color:var(--muted)}.center{text-align:center}
.big{font-size:56px;text-align:center;margin:8px 0}
.err{background:#fdecea;color:var(--err);border-radius:12px;padding:12px;margin:10px 0;font-weight:600}
.okbox{background:#e8f5ec;color:var(--ok);border-radius:12px;padding:12px;margin:10px 0;font-weight:600}
.bar{height:16px;background:var(--soft);border-radius:8px;overflow:hidden}.bar div{height:100%;background:var(--tom);transition:width .3s}
.audio{background:var(--soft);border-radius:14px;padding:10px;margin:8px 0}.audio audio{width:100%}
.timer{font-variant-numeric:tabular-nums}
.toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);background:#3a2522;color:#fff;padding:12px 18px;border-radius:12px;z-index:20;max-width:90%;font-size:16px}
.hidden{display:none}
.pin input{text-align:center;font-size:34px;letter-spacing:10px;font-weight:700}
.list li{margin:6px 0}
body.com-abas main{padding-bottom:210px}
body.com-abas .bottom{bottom:68px}
.tabs{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;background:#fff;border-top:1px solid #f0d5cf;padding-bottom:env(safe-area-inset-bottom)}
.tabs button{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:none;padding:8px 0 10px;font-size:24px;color:var(--muted)}
.tabs button span{font-size:14px;font-weight:600}
.tabs button.on{color:var(--tom)}.tabs button.on span{color:var(--tom)}
.badge{position:absolute;top:4px;left:calc(50% + 10px);min-width:22px;height:22px;border-radius:11px;background:var(--tom);color:#fff;font-size:13px;line-height:22px;padding:0 6px}
.chip{font-size:13px;font-weight:700;padding:4px 10px;border-radius:20px;background:#eee;white-space:nowrap}
.chip.s0{background:#ffe3dd;color:var(--tom2)}.chip.s1{background:#fff1cc;color:#8a6200}.chip.s2{background:#e3ecff;color:#2a4fa0}.chip.s3{background:#efe3ff;color:#6a2fa0}.chip.s4{background:#e8f5ec;color:var(--ok)}
.pedido{cursor:pointer}.phead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}
.itens{margin:10px 0}.item{display:flex;gap:10px;align-items:center;margin:6px 0;font-size:16px}
.item img,.semfoto{width:56px;height:56px;border-radius:10px;object-fit:cover;flex:none;background:var(--soft);display:flex;align-items:center;justify-content:center;font-size:26px}
.pfoot{display:flex;justify-content:space-between;border-top:1px dashed #f0c9c2;padding-top:8px}
.voltar{border:0;background:none;color:var(--tom2);font-size:18px;font-weight:700;padding:6px 0 10px}
.passo .ptit{display:flex;gap:10px;align-items:center;font-size:19px;margin-bottom:6px}
.passo .num{width:34px;height:34px;border-radius:50%;background:var(--soft);color:var(--tom2);display:flex;align-items:center;justify-content:center;font-weight:800;flex:none}
.passo.feito .num{background:var(--ok);color:#fff}.passo.feito{box-shadow:0 0 0 2px #cfe9d7}
.chk{display:flex;align-items:center;gap:12px;font-weight:500;margin:10px 0;font-size:18px}
.chk input{width:28px;height:28px;accent-color:var(--tom);flex:none}
.chk.big2{background:var(--soft);padding:12px;border-radius:12px}
.aviso{background:#fff4e0;color:#8a5a00;border-radius:12px;padding:14px;font-weight:600;text-align:center}
#rast{font-size:24px;letter-spacing:2px;text-transform:uppercase;font-weight:700;text-align:center}
.okt{color:var(--ok);font-weight:600}.errt{color:var(--err);font-weight:600}
.scanov{position:fixed;inset:0;z-index:30;background:#000;display:flex;flex-direction:column;justify-content:center;padding:16px;color:#fff;text-align:center}
.scanov video{width:100%;border-radius:12px}
.btn:disabled{opacity:.6}

.pecali{cursor:pointer}.dfotos{display:flex;gap:6px;overflow-x:auto}.dfoto{height:110px;border-radius:8px}.texto-venda .md{line-height:1.45}.texto-venda .md h3{margin:.6em 0 .3em}.texto-venda .md ul,.texto-venda .md ol{padding-left:1.2em}.small{font-size:.85em}

.tabs button span{white-space:nowrap}.aviso-precos{cursor:pointer;background:#fff4e5;border:1px solid #f5c98a}.pc-h{margin:4px 4px 10px}.pc-top{display:flex;gap:12px;align-items:flex-start}.pc-foto{width:84px;height:84px;object-fit:cover;border-radius:10px;background:#f3e3df;flex:none}.pc-sug{display:flex;justify-content:space-between;align-items:center;background:#fdeae6;border-radius:12px;padding:10px 14px;margin:12px 0 6px}.pc-sug strong{font-size:28px;color:var(--tom)}.pc-refs a{color:var(--tom);word-break:break-word}.pc-just{background:#faf6f5;border-radius:8px;padding:8px}.pc-acoes{display:flex;flex-direction:column;gap:8px;margin-top:10px}.pc-form{display:flex;flex-direction:column;gap:6px;margin-top:10px}.pc-form input,.pc-form textarea{font-size:17px;padding:10px;border:1px solid #e5cfc9;border-radius:10px;width:100%;box-sizing:border-box}
.pc-form.hidden,.aviso-precos.hidden{display:none}

.tabs button{font-size:22px}.tabs button span{font-size:12px}.arte-img{display:block;width:100%;border-radius:10px;background:#f3e3df;cursor:zoom-in}.arte-img.story{aspect-ratio:9/16;object-fit:cover;max-height:70vh;width:auto;margin:0 auto}.arte-leg{background:#faf6f5;border-radius:8px;padding:10px;margin:8px 0;white-space:normal;word-break:break-word}.arte-full{position:fixed;inset:0;z-index:20;background:#000e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px}.arte-full img{max-width:100%;max-height:85vh;object-fit:contain}.arte-full img.story{aspect-ratio:9/16;height:85vh;width:auto;max-width:100%}.arte-full .btn{max-width:200px}

.tabs button{font-size:20px}.tabs button span{font-size:11px}.selos{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.selo{font-size:11px;padding:2px 7px;border-radius:10px;background:#eee;color:#555;white-space:nowrap}.selo.vd{background:#e3f5e8;color:#1d6b35}.selo.am{background:#fff1d6;color:#8a5a00}.selo.vm{background:#fde2de;color:#a8291b}.cat-card{display:flex;gap:12px;cursor:pointer;align-items:flex-start}.cat-capa{width:96px;height:120px;object-fit:cover;border-radius:10px;background:#f3e3df;flex:none}.cat-info{min-width:0;flex:1}.cat-info b{display:block;line-height:1.25}.cat-preco{margin:4px 0;font-weight:700;color:var(--tom);font-size:18px}.cat-barra{display:flex;flex-wrap:wrap;gap:8px;margin:0 2px 10px}.cat-barra input,.cat-barra select{font-size:16px;padding:10px;border:1px solid #e5cfc9;border-radius:10px;background:#fff}.cat-barra input{flex:1 1 100%;box-sizing:border-box}.cat-barra select{flex:1}.cat-barra p{flex:1 1 100%;margin:0}.dfoto{cursor:zoom-in}

.hist-card{display:flex;gap:12px;align-items:flex-start}.hist-min{width:64px;height:64px;object-fit:cover;border-radius:8px;background:#f3e3df;flex:none;cursor:zoom-in}.hist-info{min-width:0;flex:1}.hist-info p{margin:2px 0}.hist-linha{margin:6px 0 0;padding-left:1.1em;color:#6b5a57}.hist-linha li{margin:2px 0}
.btn.reprovar{background:#fff;color:var(--err);border:2px solid var(--err)}.btn.reprovar:active{background:var(--err);color:#fff}.btn.reprovar.mini{width:auto;min-height:40px;font-size:15px;padding:6px 14px;margin:8px 0 0;border-radius:12px}