:root{--bg:#f7f5f0;--card:#fff;--tx:#10231a;--mut:#5f6b64;--br:#e6e1d6;--br2:#d5cfc2;--soft:#f2efe8;--ink:#10231a;--acc:#127a47;--ok:#127a47;--bad:#b42318;--r:8px;--mostarda:#f5b301;
  --fonte:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}
body{overflow-wrap:anywhere;margin:0;font:14.5px/1.5 var(--fonte);background:var(--bg);color:var(--tx)}
button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}.ic{display:block;flex:none}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
h1{font-size:22px;line-height:1.25;margin:0;letter-spacing:-.01em}h2{font-size:17px;margin:0}h3{font-size:15px;margin:0}
.muted,.sub{color:var(--mut)}.small{font-size:13px}.sub{margin:2px 0 0;font-size:14px}
.err{color:var(--bad);font-weight:600;min-height:1.4em;margin:8px 0;font-size:14px}.okmsg{color:var(--ok);font-weight:600}
/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--ink);color:#fff;border:1px solid transparent;border-radius:var(--r);padding:8px 14px;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none;white-space:nowrap;min-height:38px}
.btn:hover{background:#21382c}.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.sec,.btn.sec:hover{color:var(--tx)}.btn.sec{background:var(--card);border-color:var(--br2)}.btn.sec:hover{background:var(--soft)}
.btn.acc{background:var(--acc)}.btn.acc:hover{background:#0e6639}.btn.ok{background:var(--ok)}.btn.ok:hover{background:#0e6639}
.btn.bad{background:var(--bad)}.btn.ghost{background:transparent;color:var(--mut);border-color:transparent}.btn.ghost:hover{background:var(--soft);color:var(--tx)}
.btn.sm{padding:5px 10px;font-size:13px;min-height:32px}.btn.lg{width:100%;min-height:44px}
.icb{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;border-radius:6px;cursor:pointer;color:var(--mut)}
.icb:hover{background:var(--soft);color:var(--tx)}.icb:disabled{opacity:.25;cursor:default;background:none}
/* formulários */
label.f{display:block;font-size:13px;font-weight:600;color:var(--tx);margin:16px 0 5px}
input[type=text],input[type=tel],input[type=number],input[type=password],input[type=time],input[type=search],select,textarea{width:100%;padding:8px 11px;border:1px solid var(--br2);border-radius:var(--r);background:var(--card);min-height:38px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px #127a4722}
.hint{font-size:13px;color:var(--mut);margin-top:4px}
.card{background:var(--card);border:1px solid var(--br);border-radius:var(--r);padding:18px}
.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;user-select:none}
.switch input{width:34px;height:20px;appearance:none;background:var(--br2);border-radius:99px;position:relative;cursor:pointer;transition:.15s;flex:none;margin:0}
.switch input::after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.15s;box-shadow:0 1px 2px #0003}
.switch input:checked{background:var(--acc)}.switch input:checked::after{left:16px}
.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:99px;font-size:13px;font-weight:600;background:#e8f3eb;color:var(--ok)}.pill.off{background:#fbeae8;color:var(--bad)}
.warn{background:#fdf6e7;border:1px solid #f1dfb5;color:#6d4c06;border-radius:var(--r);padding:8px 12px;font-size:13px;margin-top:10px}

/* páginas simples (recuperar senha) */
.page{max-width:1180px;margin:0 auto;padding:20px 16px 80px}.page .card{padding:24px}
/* entrar */
.entrar{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.entrar .card{width:100%;max-width:380px;padding:28px}
.entrar .marca{margin-bottom:18px}.marca-lado{margin:2px 4px 0;opacity:.75}.marca-lado:hover{opacity:1}

/* estrutura */
.demobar{background:var(--ink);color:#e7e3dd;padding:8px 16px;font-size:13px;text-align:center;position:sticky;top:0;z-index:12}.demobar b{color:#fff}.demobar a{color:#fff;font-weight:600;margin-left:6px}
.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.demobar{grid-column:1/-1}
.lado{background:var(--card);border-right:1px solid var(--br);padding:16px 12px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh;overflow:auto}
.demobar:not([hidden])~.lado{top:36px;height:calc(100vh - 36px)}
.loja-id{display:flex;align-items:center;gap:10px;padding:0 4px}
.loja-id .lg{width:38px;height:38px;border-radius:8px;background:var(--soft) center/cover;flex:none;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--acc);border:1px solid var(--br)}
.loja-id .nm{min-width:0;flex:1}.loja-id b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mut)}.pt{width:7px;height:7px;border-radius:50%;background:var(--bad);flex:none}.pt.on{background:var(--ok)}
.menu{display:flex;flex-direction:column;gap:2px}
.menu button{display:flex;align-items:center;gap:10px;border:0;background:none;padding:9px 10px;border-radius:6px;cursor:pointer;color:var(--mut);font-weight:500;text-align:left}
.menu button:hover{background:var(--soft);color:var(--tx)}.menu button.on{background:#e7f1eb;color:var(--acc);font-weight:600}
.menu .n{margin-left:auto;background:var(--mostarda);color:var(--ink);border-radius:99px;font-size:12px;font-weight:700;padding:0 7px;min-width:20px;text-align:center}
.link-box{margin-top:auto;border:1px solid var(--br);border-radius:var(--r);padding:12px;font-size:13px}
.link-box span{color:var(--mut);display:block}.link-box b{display:block;overflow-wrap:anywhere;margin:2px 0 8px;font-weight:600}.link-box div{display:flex;gap:6px}
.sair-m{margin-left:auto}
.conteudo{padding:28px 32px 80px;min-width:0}
.conteudo>section{max-width:1180px}
#t-cardapio,#t-funcionamento{max-width:900px}
.cab-pg{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.cab-pg .ops{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
@media(max-width:900px){
  .app{grid-template-columns:1fr;grid-template-rows:auto 1fr}.lado{align-self:start;position:sticky;top:0;height:auto;flex-direction:column;gap:8px;padding:10px 12px 0;border-right:0;border-bottom:1px solid var(--br);z-index:10}
  .demobar:not([hidden])~.lado{top:0;height:auto}.demobar{position:static}
  .menu{flex-direction:row;overflow-x:auto;gap:0;scrollbar-width:none;margin:0 -12px;padding:0 6px}.menu::-webkit-scrollbar{display:none}
  .menu button{padding:10px 10px 12px;border-radius:0;border-bottom:2px solid transparent;white-space:nowrap}.menu button .ic{display:none}
  .menu button.on{background:none;border-color:var(--acc)}.link-box,.marca-lado{display:none!important}.conteudo{padding:18px 14px 80px}
}

/* avisar o cliente no WhatsApp */
.zap-aviso{position:fixed;left:50%;bottom:20px;transform:translate(-50%,160%);background:var(--card);border:1px solid var(--br2);border-radius:12px;box-shadow:0 14px 40px #0003;padding:12px 14px;display:flex;align-items:center;gap:12px;z-index:45;max-width:calc(100% - 24px);transition:transform .25s}
.zap-aviso.on{transform:translate(-50%,0)}.zap-aviso div{display:flex;flex-direction:column;min-width:0}.zap-aviso b{font-size:14px}.zap-aviso span{font-size:12.5px;color:var(--mut)}
.zap-aviso .btn{background:#1fa855;flex:none}.zap-aviso .btn:hover{background:#178a45}
@media(max-width:560px){.zap-aviso{flex-wrap:wrap;bottom:12px}.zap-aviso .btn{flex:1}}
/* receber pedidos */
.modo-atual{display:flex;align-items:center;gap:12px;background:#e7f1eb;border:1px solid #c7e0d0;border-radius:var(--r);padding:12px 14px;margin-bottom:16px;color:var(--acc)}
.modo-atual.wpp{background:#e9f8ee;border-color:#bfe6cb;color:#167a3b}.modo-atual>div{flex:1}.modo-atual b{display:block;color:var(--tx)}.modo-atual span{font-size:13px;color:var(--mut)}
.modos{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.modos{grid-template-columns:1fr}}
.modo{display:flex;flex-direction:column;background:var(--card);border:2px solid var(--br);border-radius:12px;padding:18px;cursor:pointer;position:relative}
.modo:hover{border-color:var(--br2)}.modo.on{border-color:var(--acc);box-shadow:0 0 0 3px #127a4718}
.modo input{position:absolute;opacity:0;pointer-events:none}.modo:has(input:focus-visible){outline:2px solid var(--acc);outline-offset:2px}
.modo-h{display:flex;align-items:center;gap:10px;font-size:17px}.modo-h b{font-family:var(--fx-titulo,inherit)}
.radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--br2);flex:none;position:relative}.modo.on .radio{border-color:var(--acc)}.modo.on .radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--acc)}
.selo-rec{font-size:11.5px;font-weight:700;background:#fdf3d6;color:#6d4c06;border-radius:99px;padding:2px 9px;margin-left:auto}
.modo>p{margin:10px 0 0;color:var(--tx)}.modo ul{margin:10px 0 0;padding:0;list-style:none}.modo li{padding:4px 0 4px 22px;position:relative;font-size:14px;color:#3c4741}
.modo li::before{content:"";position:absolute;left:3px;top:10px;width:9px;height:5px;border-left:2px solid var(--acc);border-bottom:2px solid var(--acc);transform:rotate(-45deg)}
.modo .atencao{font-size:13px;color:#6d4c06;background:#fdf6e3;border-radius:8px;padding:8px 10px;margin-top:12px}
.ex-painel{margin-top:14px;border:1px solid var(--br);border-radius:8px;padding:10px 12px;font-size:13px;background:#fbfaf7}
.ex-h{display:flex;gap:8px;align-items:center;margin-bottom:4px}.ex-h span{font-size:11px;font-weight:700;text-transform:uppercase;background:#eef3fb;color:#1e4f9a;border-radius:4px;padding:1px 6px}.ex-h .ex-hr{margin-left:auto;background:none;color:var(--tx);font-size:13px}
.ex-it{display:flex;justify-content:space-between;color:#3c4741}.ex-tot{font-weight:700;color:var(--tx);border-top:1px dashed var(--br);margin-top:4px;padding-top:4px}.ex-troco{color:var(--mut);font-size:12.5px}
.ex-zap{margin-top:14px;background:#e9e2d6;border-radius:8px;padding:12px;max-height:290px;overflow:auto}
.balao{background:#d9fdd3;border-radius:8px 0 8px 8px;padding:8px 10px;font-size:12.5px;line-height:1.45;color:#111b21;margin-left:auto;max-width:96%;box-shadow:0 1px 1px #0000001a}
.zap-num{margin-top:16px}.zap-num.destaque{border-color:var(--acc)}.zap-num .obr{font-weight:400;color:var(--bad);font-size:12.5px;margin-left:6px}
.zap-linha{display:flex;gap:8px;flex-wrap:wrap}.zap-linha input{flex:1;min-width:200px}
/* o que pedir ao cliente */
.campos-cli{display:grid;gap:0}.cc{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--br)}.cc:first-child{border-top:0}
.cc b{display:block;font-weight:600}.cc span{color:var(--mut);font-size:13px}.cc select{width:150px;flex:none}.cc .switch{flex:none;min-width:150px}
/* pedidos */
.nums{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--br);border-radius:var(--r);background:var(--card);margin-bottom:20px}
.nums div{padding:12px 16px;border-left:1px solid var(--br)}.nums div:first-child{border-left:0}
.nums span{display:block;font-size:12.5px;color:var(--mut)}.nums b{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
@media(max-width:700px){.nums{grid-template-columns:1fr 1fr}.nums div:nth-child(3){border-left:0}.nums div:nth-child(n+3){border-top:1px solid var(--br)}}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:14px;align-items:start}
@media(max-width:1200px){.kanban{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.kanban{grid-template-columns:1fr}}
.col h3{display:flex;align-items:center;gap:8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);margin:0 0 10px}
.col h3 span{background:var(--br);color:var(--tx);border-radius:99px;padding:0 8px;font-size:12px;letter-spacing:0}
.col-vazia{color:var(--mut);font-size:13px;border:1px dashed var(--br2);border-radius:var(--r);padding:14px;text-align:center;margin:0}
.ped{background:var(--card);border:1px solid var(--br);border-radius:var(--r);margin-bottom:10px;font-size:14px}
.ped.novo{border-color:var(--mostarda);box-shadow:0 0 0 3px #f5b30140}.ped.canc{opacity:.6}
.ped>header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--br)}
.ped>header b{font-size:15px}.ped .hr{margin-left:auto;color:var(--mut);font-size:12.5px}
.tp{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:1px 6px;border-radius:4px;background:var(--soft);color:var(--mut)}.tp.entrega{background:#eef3fb;color:#1e4f9a}
.ped .cli{padding:10px 12px 0;display:flex;flex-direction:column;gap:1px}.ped .cli a{color:var(--mut);font-size:13px;text-decoration:none;width:max-content}.ped .cli a:hover{text-decoration:underline;color:var(--ok)}
.ped .cli span{color:var(--mut);font-size:13px}
.ped ul{list-style:none;margin:10px 12px 0;padding:10px 0 0;border-top:1px dashed var(--br)}
.ped li{display:flex;gap:6px;margin-bottom:6px}.ped li .nmi{flex:1;min-width:0}.ped li .vi{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--mut);font-size:13px}.ped li .q{font-weight:700;min-width:22px}.ped li small{display:block;color:var(--mut);font-size:12.5px}.ped li .obs{color:#8a4b08}
.obs-ped{margin:0 12px;background:#fdf6e7;border-radius:6px;padding:6px 8px;font-size:13px;color:#6d4c06}
.ped{cursor:pointer}.ped:hover{border-color:var(--br2)}
.ped .vl{display:flex;flex-direction:column;padding:8px 12px 0;border-top:1px dashed var(--br);margin:8px 12px 0;padding:8px 0 0}.ped .vl>div{display:flex;justify-content:space-between;align-items:baseline}.ped .vl>div span{color:var(--mut);font-size:13px}.ped .vl b{font-size:17px;font-variant-numeric:tabular-nums}.ped .vl>span{color:var(--mut);font-size:13px}.ped .vl>span b{font-size:13px;color:var(--tx)}
.ped .hr b{color:var(--tx);font-size:13px}
.ped footer{flex-wrap:wrap}.ped footer .btn.ok{flex:1 1 100%}.ped footer .btn.sec{flex:1}
.canc-tx{margin:6px 12px 0;color:var(--bad);font-weight:700;font-size:13px}.fim-tx{margin:6px 12px 0;color:var(--ok);font-weight:600;font-size:13px}
.ped footer{display:flex;gap:6px;padding:12px}.ped footer .btn.ok{flex:1 1 100%;min-width:0}.ic-b{padding:0;width:38px;flex:none}
.ic-b.cancelar{color:var(--mut)}.ic-b.cancelar:hover{color:var(--bad);border-color:var(--bad);background:#fbeae8}
.vazio{background:var(--card);border:1px dashed var(--br2);border-radius:var(--r);padding:40px 20px;text-align:center}.vazio p{color:var(--mut);margin:8px 0 14px}

/* cardápio */
.busca-p{width:220px!important}
.cat{margin-bottom:22px}
.cat>header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.cat>header .cnt{color:var(--mut);font-size:13px}.cat-acoes{margin-left:auto;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.tabela{background:var(--card);border:1px solid var(--br);border-radius:var(--r)}
.prod{display:flex;align-items:center;gap:12px;padding:10px 12px;border-top:1px solid var(--br)}.prod:first-child{border-top:0}
.prod.off .info,.prod.off img{opacity:.55}
.prod .ord{display:flex;flex-direction:column}.prod .ord .icb{width:24px;height:20px}
.prod img,.prod .noimg{width:48px;height:48px;border-radius:6px;object-fit:cover;flex:none;background:var(--soft)}
.prod .info{flex:1;min-width:0}.prod .nm{border:0;background:none;padding:0;font-weight:600;cursor:pointer;text-align:left}.prod .nm:hover{text-decoration:underline}
.et{display:inline-block;font-size:12px;color:var(--mut);margin-right:12px}.et.off{color:var(--bad);font-weight:600}.et.promo{color:var(--acc)}
.prod .pr{border:1px solid transparent;background:none;border-radius:6px;padding:4px 8px;font-weight:600;cursor:text;font-variant-numeric:tabular-nums;min-width:88px;text-align:right}
.prod .pr:hover{border-color:var(--br2);background:var(--card)}
.pr-in{width:96px!important;text-align:right;font-weight:600}
.prod .switch{min-width:104px}.prod .acoes{display:flex;align-items:center;gap:4px}
.vazio-cat{color:var(--mut);justify-content:center;padding:18px}
@media(max-width:700px){.prod{flex-wrap:wrap}.prod .info{flex:1 1 calc(100% - 110px)}.prod .pr{margin-left:auto}.busca-p{width:100%!important}.cab-pg .ops{width:100%}}

/* modal do produto e diálogos */
.modal{position:fixed;inset:0;background:#1c1b1a80;display:none;align-items:flex-start;justify-content:center;z-index:20;overflow:auto;padding:28px 12px}
.modal.on{display:flex}.modal .box{background:var(--bg);width:100%;max-width:680px;border-radius:12px;padding:22px}
.dlg{position:fixed;inset:0;background:#1c1b1a80;display:none;align-items:center;justify-content:center;z-index:40;padding:16px}.dlg.on{display:flex}
.dlg-cx{background:var(--card);border-radius:12px;padding:22px;width:100%;max-width:400px;box-shadow:0 20px 50px #0003}
.dlg-cx p{color:var(--mut);margin:6px 0 0}.dlg-cx input{margin-top:14px}.dlg-acoes{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
.toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%) translateY(10px);background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;font-size:14px;z-index:50;opacity:0;transition:.18s;pointer-events:none;max-width:calc(100% - 32px)}
.toast.on{opacity:1;transform:translateX(-50%)}.toast.erro{background:var(--bad)}
.grupo{background:var(--card);border:1px solid var(--br);border-radius:var(--r);padding:12px;margin-top:10px}
.grupo .gh{display:grid;grid-template-columns:1fr 80px 80px auto;gap:8px;align-items:end}
.grupo .gh label{font-size:12px;font-weight:600;color:var(--mut)}
.op{display:grid;grid-template-columns:1fr 110px auto auto;gap:6px;align-items:center;margin-top:6px}
@media(max-width:560px){.grupo .gh{grid-template-columns:1fr 1fr auto}.grupo .gh>div:first-child{grid-column:1/-1}.op{grid-template-columns:1fr 72px auto auto}.modal .box{padding:16px}.grupo{padding:10px}}
.presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;align-items:center}
.imgrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.thumb{width:64px;height:64px;border-radius:8px;border:1px solid var(--br);background:var(--soft) center/cover}.thumb.capa{width:192px}
.acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}@media(max-width:560px){.grid2{grid-template-columns:1fr}}
/* aparência */
.split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start}
@media(max-width:1000px){.split{grid-template-columns:1fr}.preview-wrap{position:static!important}}
.preview-wrap{position:sticky;top:24px}
.sec-t{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);margin:32px 0 0;padding-top:18px;border-top:1px solid var(--br)}
.temas{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.tema{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--br);background:var(--card);border-radius:var(--r);padding:9px 10px;cursor:pointer}
.tema:hover{border-color:var(--br2)}.tema.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.tema .small{display:none}
.sw{display:flex;border-radius:4px;overflow:hidden;flex:none;border:1px solid var(--br)}.sw i{width:12px;height:22px}
.cores{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:560px){.cores{grid-template-columns:repeat(2,1fr)}}
.cor input[type=color]{width:100%;height:38px;border:1px solid var(--br2);border-radius:var(--r);padding:3px;background:var(--card);cursor:pointer}
.cor input[type=text]{margin-top:6px;font:13px ui-monospace,Menlo,monospace}
.opcoes{display:flex;gap:8px;flex-wrap:wrap}.opcoes button{border:1px solid var(--br);background:var(--card);border-radius:var(--r);padding:9px 12px;cursor:pointer;text-align:left;min-width:120px}
.opcoes button.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.opcoes button small{display:block;color:var(--mut);font-size:12px;font-family:var(--fonte);text-transform:none}
.pgs{display:flex;gap:8px;flex-wrap:wrap}.pgs label{display:flex;gap:8px;align-items:center;border:1px solid var(--br);border-radius:var(--r);padding:8px 12px;background:var(--card);cursor:pointer}
.pgs label:has(input:checked){border-color:var(--ink)}
.bar{position:sticky;bottom:0;background:var(--card);border-top:1px solid var(--br);padding:12px 16px;display:flex;gap:10px;justify-content:flex-end;align-items:center;margin:24px -16px 0;z-index:4}
.horas{display:grid;gap:6px}.hora{display:grid;grid-template-columns:120px 1fr 1fr;gap:8px;align-items:center}.hora.off input[type=time]{opacity:.35}
/* prévia da loja no celular */
.pv-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}.seg{display:inline-flex;border:1px solid var(--br2);border-radius:999px;overflow:hidden}.seg button{border:0;background:var(--card);padding:5px 12px;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--mut)}.seg button.on{background:var(--ink);color:#fff}
.pv{border:1px solid var(--br);border-radius:16px;overflow:hidden;background:var(--bg);color:var(--tx);font:13px/1.4 var(--fonte);box-shadow:0 8px 24px #0000001a;
  --soft:color-mix(in srgb,var(--tx) 5%,var(--card));--mut2:color-mix(in srgb,var(--tx) 60%,var(--card));--brp:color-mix(in srgb,var(--tx) 11%,var(--card));--rr:8px}
.pv[data-cantos=reto]{--rr:2px}
.pv .aviso{background:var(--pri);color:var(--on-pri);font-size:11.5px;font-weight:600;padding:6px 10px;text-align:center}
.pv .capa{height:84px;background:color-mix(in srgb,var(--pri) 18%,var(--card)) center/cover;position:relative}
.pv .hd{background:var(--card);padding:0 12px 12px;border-bottom:1px solid var(--brp)}
.pv .lg{width:52px;height:52px;border-radius:var(--rr);border:3px solid var(--card);background:var(--soft) center/cover;margin-top:-26px;position:relative;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:var(--pri)}
.pv h4{margin:6px 0 1px;font-size:16px}.pv .fr{color:var(--mut2);font-size:12px}
.pv[data-fonte=arredondada] h4{font-family:'Nunito'}.pv[data-fonte=classica] h4{font-family:'Playfair Display',serif}.pv[data-fonte=forte] h4{font-family:'Oswald';text-transform:uppercase}
.pv .lst{margin:10px 10px 0;background:var(--card);border:1px solid var(--brp);border-radius:var(--rr);overflow:hidden}
.pv .it{display:flex;gap:10px;padding:10px;border-top:1px solid var(--brp)}.pv .it:first-child{border-top:0}.pv .it>div{flex:1;min-width:0}
.pv .it b{display:block;font-weight:600}.pv .p{font-weight:600;margin-top:3px}.pv .sl{font-size:10.5px;font-weight:700;color:var(--pri)}
.pv .de{text-decoration:line-through;color:var(--mut2);font-weight:400;font-size:11px;margin-left:4px}
.pv .ft{width:54px;height:54px;border-radius:calc(var(--rr) - 2px);background:var(--soft) center/cover;flex:none}
.pv .grd{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--brp)}.pv .grd .it{display:block;padding:0;border:0;background:var(--card)}
.pv .grd .ft{width:100%;height:auto;aspect-ratio:4/3;border-radius:0}.pv .grd .tx2{padding:8px}
.pv .cta{margin:12px 10px 12px;background:var(--pri);color:var(--on-pri);border-radius:var(--rr);padding:10px 12px;font-weight:600;display:flex;justify-content:space-between}
.pv .sup{display:none}
/* comanda (pedido completo) */
.comanda{position:fixed;inset:0;background:#10231a80;display:none;justify-content:flex-end;z-index:30}.comanda.on{display:flex}
.cmd{background:var(--card);width:100%;max-width:560px;height:100%;display:flex;flex-direction:column;outline:none;box-shadow:-20px 0 50px #0003}
.cmd-h{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 12px}.cmd-h>div{flex:1}.cmd-h h2{font-size:26px;margin:6px 0 2px}.cmd-h p{margin:0;color:var(--mut);font-size:14px}
.cmd-st{margin:0 20px;padding:8px 12px;border-radius:8px;font-weight:700;font-size:14px;background:var(--soft)}
.cmd-st.st-recebido{background:#fdf3d6;color:#6d4c06}.cmd-st.st-em_preparo{background:#e7f1eb;color:var(--acc)}.cmd-st.st-saiu_entrega{background:#eef3fb;color:#1e4f9a}.cmd-st.st-cancelado{background:#fbeae8;color:var(--bad)}
.cmd-corpo{flex:1;overflow:auto;padding:4px 20px 20px}
.cmd-corpo section{padding:16px 0;border-bottom:1px solid var(--br)}.cmd-corpo section:last-child{border-bottom:0}
.cmd-corpo h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);margin:0 0 8px}
.cmd-corpo p{margin:2px 0}.cmd-corpo .grande{font-size:17px;font-weight:600}.cmd-corpo a{color:var(--acc);font-weight:600}
.it-c{padding:10px 0;border-top:1px dashed var(--br)}.it-c:first-of-type{border-top:0}
.it-c .l1{display:flex;gap:8px;align-items:baseline;font-size:16px}.it-c .l1 .q{font-weight:800;min-width:30px}.it-c .l1 b{flex:1}.it-c .l1 .v{font-weight:700;font-variant-numeric:tabular-nums}
.it-c .det{margin:6px 0 0 38px;font-size:13.5px;color:var(--mut)}.it-c .det>div{display:flex;justify-content:space-between;gap:12px;padding:2px 0}.it-c .det b{color:var(--tx);font-weight:600}
.it-c .det span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.it-c .sub-it{border-top:1px solid var(--br);margin-top:4px;padding-top:4px!important;color:var(--tx)}
.obs-it{margin:8px 0 0 38px!important;background:#fdf3d6;border-radius:6px;padding:6px 10px;color:#5c4710;font-size:14px}.cmd-corpo section>.obs-it{margin-left:0!important}
.conta>div{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-variant-numeric:tabular-nums}.conta .tot{font-size:19px;font-weight:800;border-top:1px solid var(--br);margin-top:4px;padding-top:8px}
.conta .troco{background:#fdf3d6;border-radius:8px;padding:8px 10px;margin-top:6px;color:#5c4710}.conta .troco b{font-size:18px;color:#3e2f05}
.hist>div{display:flex;gap:14px;font-size:14px;padding:2px 0}.hist>div span:first-child{font-variant-numeric:tabular-nums;color:var(--mut);min-width:44px}
.cmd-f{display:flex;gap:8px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--br);background:var(--card)}.cmd-f .btn.ok{flex:1 1 100%;min-height:46px;font-size:15px}.cmd-f .perigo{color:var(--bad);margin-left:auto}
@media(max-width:600px){.cmd{max-width:none}}
/* cupom */
#ticket{display:none}
@media print{@page{margin:3mm}body>*:not(#ticket){display:none!important}body{background:#fff}
  #ticket{display:block;font:13px/1.35 'Courier New',monospace;width:72mm;color:#000}#ticket hr{border:0;border-top:1px dashed #000;margin:6px 0}
  #ticket .t-c{text-align:center}#ticket .t-num{text-align:center;font-size:24px;font-weight:700;margin:4px 0}
  #ticket .t-l{display:flex;justify-content:space-between;gap:6px}#ticket .t-l>span:last-child{white-space:nowrap;flex:none}#ticket .t-o{padding-left:10px;font-size:12px}#ticket .t-it{margin-bottom:6px}#ticket .t-tot{font-weight:700;font-size:15px}
  #ticket .t-tipo{text-align:center;font-size:18px;font-weight:700;border:2px solid #000;padding:3px;margin:6px 0}#ticket .t-box{border:2px dashed #000;padding:5px 7px;margin-top:6px}#ticket .t-box b{font-size:15px}
  #ticket.cozinha{font-size:15px}#ticket.cozinha .t-nm{font-size:18px}#ticket .t-it{margin-bottom:9px}#ticket .k-obs{font-weight:700;border:2px solid #000;padding:3px 5px;margin-top:4px}}

.hist-seg{list-style:none;margin:0;padding:0}.hist-seg li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--br);font-size:14px}.hist-seg li:first-child{border-top:0}
.hist-seg small{color:var(--mut);white-space:nowrap}.hist-seg li.alerta span{color:var(--bad);font-weight:600}

/* textos longos (nomes sem espaço) quebram a linha em vez de empurrar a tela */
.folha .topo h2,.ident>div,.item .tx,.linha .tx,.grupo-h>div,.op span,.ped .cli,.prod .info,.cmd-h>div,.loja-id .nm{min-width:0}

/* ===== Modo escuro do site e do painel (a loja do cliente tem o dela) ===== */
.tema-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--br2);background:var(--card);border-radius:999px;cursor:pointer;color:var(--tx);flex:none;font-weight:600;font-size:13.5px;box-shadow:0 1px 3px #0002;transition:transform .15s,background .15s}
.tema-btn:hover{background:var(--soft);transform:translateY(-1px)}.tema-btn:active{transform:scale(.96)}
.troca,.troca *{transition:background-color .28s,color .28s,border-color .28s!important}
html[data-modo=escuro]{color-scheme:dark;--bg:#0e1511;--card:#16201a;--tx:#e9f0ea;--mut:#9db0a3;--br:#25322a;--br2:#33443a;--soft:#1c2821;--ink:#2c4a3a;--acc:#4cc58a;--ok:#4cc58a;--bad:#ff8077;
  --fx-tinta:#e9f0ea;--fx-linha:#25322a;--fx-verde:#4cc58a;--fx-verde-esc:#0a2a1c}
[data-modo=escuro] .btn:hover{background:#3a6451}
[data-modo=escuro] .btn.acc,[data-modo=escuro] .btn.ok,[data-modo=escuro] .btn.verde{background:#127a47;color:#fff}
[data-modo=escuro] .btn.acc:hover,[data-modo=escuro] .btn.ok:hover,[data-modo=escuro] .btn.verde:hover{background:#18925a}
[data-modo=escuro] .btn.sec{background:var(--card);color:var(--tx)}[data-modo=escuro] .btn.sec:hover{background:var(--soft)}
[data-modo=escuro] .btn.amarelo{color:#10231a}
[data-modo=escuro] .btn.ghost{color:var(--mut)}
[data-modo=escuro] input:focus,[data-modo=escuro] select:focus,[data-modo=escuro] textarea:focus{box-shadow:0 0 0 3px #4cc58a33!important}
[data-modo=escuro] .pill{background:#173626;color:var(--ok)}[data-modo=escuro] .pill.off{background:#3a1d1b;color:var(--bad)}
[data-modo=escuro] .warn,[data-modo=escuro] .obs-ped,[data-modo=escuro] .modo .atencao,[data-modo=escuro] .selo-rec,[data-modo=escuro] .obs-it,[data-modo=escuro] .conta .troco,[data-modo=escuro] .guarde{background:#2c2512;border-color:#4d4120;color:#f1d98c}
[data-modo=escuro] .conta .troco b,[data-modo=escuro] .guarde b{color:#ffe9a8}
[data-modo=escuro] .menu button.on{background:#173626;color:var(--acc)}
[data-modo=escuro] .modo-atual{background:#173626;border-color:#24523a;color:var(--acc)}
[data-modo=escuro] .modo-atual.wpp{background:#12301f;border-color:#1f5a38;color:#6fe0a0}
[data-modo=escuro] .modo li,[data-modo=escuro] .ex-it,[data-modo=escuro] .lista-cores,[data-modo=escuro] .colunas li{color:var(--tx)}
[data-modo=escuro] .ex-painel{background:var(--soft)}
[data-modo=escuro] .ex-h span,[data-modo=escuro] .tp.entrega{background:#1c2b44;color:#9cc2ff}
[data-modo=escuro] .ic-b.cancelar:hover{background:#3a1d1b}
[data-modo=escuro] .modal,[data-modo=escuro] .dlg{background:#000a}
[data-modo=escuro] .dlg-cx{box-shadow:0 20px 50px #000a}
[data-modo=escuro] .demobar{background:#1b3a2b}
[data-modo=escuro] .toast{background:#2c4a3a}
[data-modo=escuro] .switch input::after{background:#e9f0ea}
[data-modo=escuro] .pv,[data-modo=escuro] .celular .pv{color-scheme:normal}
@media print{[data-modo=escuro] body{background:#fff}}

.marca-lado{margin-right:auto}.tema-lado{width:auto;height:38px;padding:0 14px 0 11px;margin:6px 0 0}.tema-m{display:none;margin-left:auto}.tema-m+.sair-m{margin-left:0}
@media(max-width:900px){.tema-lado{display:none}.tema-m{display:inline-flex}}
[data-modo=escuro] .marca.clara,[data-modo=escuro] .hero-bg{color:#faf7f0}
html[data-modo=escuro] body{background:var(--bg)}
.redef{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:8px}

.zl{display:grid;gap:8px;margin-bottom:10px}.zr{display:grid;grid-template-columns:1fr 96px 80px 36px;gap:8px;align-items:center}
@media(max-width:560px){.zr{grid-template-columns:1fr 80px 64px 34px}}

/* pagamentos */
.pg{display:inline-block;font-size:11.5px;font-weight:700;border-radius:99px;padding:1px 8px;margin-left:4px;background:var(--soft);color:var(--mut)}.pg.ok{background:#e1f3e8;color:var(--ok)}.pg.pend{background:#fdf0cf;color:#7a5200}
html[data-modo=escuro] .pg.ok{background:#173626}html[data-modo=escuro] .pg.pend{background:#3a2f10;color:#f1d98c}
.pg-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}@media(max-width:900px){.pg-cols{grid-template-columns:1fr}}
.pg-cols h3{display:flex;align-items:center;gap:8px;margin:0 0 10px}.pg-cols .cnt{font-size:12px;background:var(--soft);border-radius:99px;padding:1px 9px;color:var(--mut)}
.pgl{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--br);border-radius:var(--r);padding:12px 14px;margin-bottom:8px;flex-wrap:wrap}.pgl.pix{border-color:var(--mostarda);box-shadow:0 0 0 3px #f5b30133}
.pgl-i{flex:1 1 180px;min-width:0}.pgl-i b{display:block}.pgl-i span{font-size:13px;color:var(--mut)}.pgl-v{font-variant-numeric:tabular-nums}
.nums.cinco{grid-template-columns:repeat(5,1fr)}@media(max-width:700px){.nums.cinco{grid-template-columns:1fr 1fr}}

.faixa-aprov{padding:12px 16px;border-radius:var(--r);margin:0 0 14px;font-size:14px;border:1px solid}.faixa-aprov.pendente{background:#fdf6e7;border-color:#f1dfb5;color:#6d4c06}.faixa-aprov.pausada{background:#e8eef9;border-color:#c5d4ee;color:#1e4f9a}.faixa-aprov.bloqueada{background:#fbeae8;border-color:#f0c4be;color:var(--bad)}.faixa-aprov a{color:inherit;font-weight:700}
html[data-modo=escuro] .faixa-aprov.pendente{background:#2c2512;border-color:#4d4120;color:#f1d98c}html[data-modo=escuro] .faixa-aprov.pausada{background:#1c2b44;border-color:#2c4570;color:#9cc2ff}html[data-modo=escuro] .faixa-aprov.bloqueada{background:#3a1d1b;border-color:#6a2f2b}
.tema-btn[data-rotulo]{width:auto;height:38px;padding:0 14px 0 11px;white-space:nowrap}

#fx-fora{position:fixed;top:12px;left:12px;right:12px;max-width:520px;margin:0 auto;background:#0d3b27;color:#faf7f0;border:1px solid #f5b301;border-radius:12px;padding:12px 16px;font-size:14px;box-shadow:0 12px 32px #0005;z-index:90;transform:translateY(-160%);transition:transform .25s}#fx-fora.on{transform:none}#fx-fora b{color:#f5b301}
.invalido{border-color:var(--bad,#b42318)!important;box-shadow:0 0 0 3px #b4231822!important}

.busca-w{position:relative;display:flex;align-items:center;flex:0 1 260px}.busca-w .busca-p{width:100%!important}@media(max-width:700px){.busca-w{flex:1 1 100%}}.busca-w .ic{position:absolute;left:11px;color:var(--mut);pointer-events:none}.busca-w input{padding-left:34px!important;width:100%}
.aviso-busca{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px;color:var(--mut);background:var(--soft);border-radius:var(--r);padding:8px 12px;margin:0 0 12px}

/* editor de produto: o básico na frente, o resto recolhido */
.ed-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.ed-top h2{margin:0}
.ed-base{display:flex;gap:14px;align-items:flex-start}.ed-campos{flex:1;min-width:0}
.ed-foto{width:104px;height:104px;flex:none;border-radius:14px;border:2px dashed var(--br2);background:var(--card) center/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--mut);font-weight:600;font-size:13px;cursor:pointer;position:relative;overflow:hidden}
.ed-foto.tem{border-style:solid}.ed-foto .troca{position:absolute;left:0;right:0;bottom:0;background:#0009;color:#fff;font-size:12px;padding:4px}
.preco-w{display:flex;align-items:center;border:1px solid var(--br2);border-radius:var(--r);background:var(--card)}.preco-w:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px #127a4722}
.preco-w span{padding:0 2px 0 12px;color:var(--mut);font-weight:700;white-space:nowrap;flex:none}.preco-w input{min-width:0}.preco-w input{border:0!important;box-shadow:none!important;font-size:18px;font-weight:700;background:transparent}
details.ed-sec{border:1px solid var(--br);border-radius:var(--r);background:var(--card);margin-top:14px}
details.ed-sec>summary{cursor:pointer;padding:13px 14px;font-weight:700;list-style:none;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}details.ed-sec>summary::-webkit-details-marker{display:none}
details.ed-sec>summary small{font-weight:400;color:var(--mut)}details.ed-sec>summary::after{content:"+";margin-left:auto;font-size:20px;line-height:1;color:var(--acc)}details.ed-sec[open]>summary::after{content:"–"}
details.ed-sec>.corpo{padding:0 14px 14px}
.ed-rod{position:sticky;bottom:-22px;background:var(--bg);display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;padding:14px 0 4px;margin-top:16px;border-top:1px solid var(--br)}
@media(max-width:560px){.modal{padding:0}.modal .box{border-radius:0;min-height:100%;padding:16px 16px 0}.ed-rod{bottom:0;padding-bottom:14px}.ed-rod .btn{flex:1 1 100%;min-height:46px}.ed-foto{width:92px;height:92px}}
/* falta algo para abrir */
.falta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;border-radius:var(--r);margin:0 0 14px;font-size:14px;background:#fbeae8;border:1px solid #f0c9c4;color:#8a2a20}.falta b{margin-right:4px}
html[data-modo=escuro] .falta{background:#3a1d1b;border-color:#6a2f2b;color:#ffb4ab}
.obrig{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--bad);color:#fff;border-radius:99px;padding:2px 8px;margin-left:6px;vertical-align:2px}
.card.falta-x{border-color:var(--bad)}
.pgs input[disabled]{opacity:.7}
/* status dos pedidos */
.st-chips{display:flex;gap:6px;overflow-x:auto;margin:16px 0 4px;padding-bottom:4px;scrollbar-width:none}.st-chips::-webkit-scrollbar{display:none}
.st-chips .chip{flex:none;display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:99px;background:var(--card);border:1px solid var(--br);font-size:13px;font-weight:600;color:var(--tx);text-decoration:none}
.st-chips .chip span{background:var(--soft);border-radius:99px;padding:0 7px;font-size:12px;color:var(--mut)}
.st-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:14px}@media(max-width:1100px){.st-cols{grid-template-columns:1fr 1fr}}@media(max-width:700px){.st-cols{grid-template-columns:1fr}}
.st-col{scroll-margin-top:80px}.st-col h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px}.st-col .cnt{font-size:12px;background:var(--soft);border-radius:99px;padding:1px 9px;color:var(--mut)}
.st-col .pgl{cursor:pointer;padding:10px 12px}.st-col .pgl .pg{font-size:12px}
.nums.dois{grid-template-columns:1fr 1fr;max-width:520px}
.pgl[data-abrir]{cursor:pointer}
/* prévia ao vivo da loja (cardápio) */
.prev-btn{position:fixed;right:16px;bottom:18px;z-index:15;box-shadow:0 6px 20px #0003;border-radius:99px;padding:12px 20px}
.prev-loja{display:none}
.prev-top{display:flex;align-items:center;gap:10px;padding:0 0 10px}.prev-top>div{flex:1}.prev-top b{display:block;font-size:14px}.prev-top span{font-size:12px;color:var(--mut)}
.prev-fone{flex:1;min-height:0;border:1px solid var(--br);border-radius:28px;overflow:hidden;background:var(--card);box-shadow:0 10px 30px #0002}
.prev-fone iframe{width:100%;height:100%;border:0;display:block}
.prev-loja.cheia{display:flex;flex-direction:column;position:fixed;inset:0;z-index:40;background:var(--bg);padding:12px 12px 0}
.prev-loja.cheia .prev-fone{border-radius:16px 16px 0 0;border-bottom:0}
body.sem-rolar{overflow:hidden}
.so-cel{display:inline-flex}
@media(min-width:1200px){
  body.com-previa .prev-loja:not([hidden]){display:flex;flex-direction:column;position:fixed;top:18px;right:20px;bottom:18px;width:360px;z-index:21}
  body.com-previa .prev-loja:not(.cheia) #prev-fechar{display:none}
  body.com-previa:has(#demobar:not([hidden])) .prev-loja:not(.cheia){top:54px}
  body.com-previa .conteudo{padding-right:410px}
  body.com-previa .modal{padding-right:400px}
  .prev-btn,.so-cel{display:none!important}
}
/* aparência: banners, categorias com foto, vitrine e compacto na prévia */
.pv .pcats{display:flex;gap:10px;padding:10px 10px 0;overflow:hidden}.pv .pcats span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;width:48px;text-align:center;line-height:1.2}
.pv .pcats i{width:42px;height:42px;border-radius:50%;background:var(--soft) center/cover;border:2px solid var(--pri)}
.pv .pban{margin:10px 10px 0;aspect-ratio:3/1;border-radius:var(--rr);background:var(--soft) center/cover}
.pv .vit .it{display:block;padding:0}.pv .vit .ft{width:100%;height:auto;aspect-ratio:16/10;border-radius:0}.pv .vit .tx2{padding:10px}
.pv .cmp .it{align-items:baseline;justify-content:space-between;padding:8px 10px}.pv .cmp .it b{font-weight:500}.pv .cmp .p{margin:0}
.bans{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.banrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.banrow select{flex:1 1 160px;width:auto}
.thumb.ban3{width:150px;height:50px}
/* Mercado Pago: conectar */
.mp-card{position:relative;margin:10px 0 12px;padding:18px;border-radius:var(--r);background:linear-gradient(135deg,#e8f3ff,#f4f9ff);border:2px solid #1e88e5;color:#0d2a4a}
.mp-card h3{margin:0 0 4px;font-size:19px}.mp-card p{margin:0 0 10px;color:#2a4a6b}
.mp-card ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:6px}.mp-card li{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.mp-card li .ic{color:#1e88e5}
.mp-selo{position:absolute;top:-11px;left:16px;background:#1e88e5;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:3px 10px}
.mp-btn{width:100%;min-height:50px;font-size:16px;background:#1e88e5;border-color:#1e88e5;color:#fff}.mp-btn:hover{background:#1976d2}
.mp-card small{display:block;text-align:center;margin-top:8px;color:#2a4a6b;font-size:12.5px}
.mp-card.ok{display:flex;align-items:center;gap:12px;background:#e9f6ee;border-color:#2b8a3e;color:#123d22;padding:14px}
.mp-card.ok>div{flex:1}.mp-card.ok b{display:block}.mp-card.ok span{font-size:13px}.mp-ic{width:36px;height:36px;border-radius:50%;background:#2b8a3e;color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.ou-pix{margin:0 0 12px;font-size:13.5px;color:var(--mut)}.ou-pix b{color:var(--tx)}
.mp-dica{display:flex;align-items:center;gap:10px;width:100%;text-align:left;margin:0 0 16px;padding:12px 14px;border-radius:var(--r);border:1px solid #9cc7f2;background:#eef6ff;color:#0d2a4a;cursor:pointer;font:inherit}
.mp-dica b{display:block}.mp-dica span{font-size:13px;color:#2a4a6b;flex:1}.mp-dica .ic{margin-left:auto;color:#1e88e5}
.mp-dica{flex-wrap:wrap}.mp-dica>b{flex:1 1 100%}
html[data-modo=escuro] .mp-card{background:linear-gradient(135deg,#10263d,#0f2134);color:#dcebff}html[data-modo=escuro] .mp-card p,html[data-modo=escuro] .mp-card small{color:#a9c6e6}
html[data-modo=escuro] .mp-card.ok{background:#13301f;color:#cdeed8}html[data-modo=escuro] .mp-dica{background:#10263d;border-color:#28507a;color:#dcebff}html[data-modo=escuro] .mp-dica span{color:#a9c6e6}
/* mesas */
.tp.mesa{background:#f3ecfb;color:#6b3fa0}[data-modo=escuro] .tp.mesa{background:#2c2240;color:#cdb3f2}
.ms-criar{display:flex;gap:8px;justify-content:center;margin-top:12px}.ms-criar input{width:90px;text-align:center;font-size:18px}
.ms-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:16px}
.ms-card{display:grid;grid-template-columns:88px 1fr;gap:10px 12px;align-items:center;background:var(--card);border:1px solid var(--br);border-radius:var(--r);padding:12px}
.ms-card.sel{border-color:var(--acc);box-shadow:0 0 0 2px color-mix(in srgb,var(--acc) 30%,transparent)}.ms-card.off{opacity:.6}
.ms-card img{width:88px;height:88px;border-radius:6px;background:#fff;border:1px solid var(--br)}
.ms-i{display:flex;flex-direction:column;gap:4px;min-width:0}.ms-i b{font-size:16px}.ms-i>span{font-size:12.5px;color:var(--mut);display:flex;align-items:center;gap:5px}
.ms-a{grid-column:1/-1;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ms-a .icb:first-of-type{margin-left:auto}
.ms-peds{margin-top:20px;scroll-margin-top:80px}.ms-peds h3{margin:0 0 10px}
/* pagamentos */
.modelo{display:flex;flex-direction:column;gap:2px;margin:10px 0 14px;padding:12px 14px;border-radius:var(--r);background:var(--soft);border:1px solid var(--br)}.modelo span{font-size:13px;color:var(--mut)}
.modelo.mp{background:#eef6ff;border-color:#9cc7f2}[data-modo=escuro] .modelo.mp{background:#10263d;border-color:#28507a}
.pgl.tr .tr-v{display:block;margin-top:2px;font-size:12.5px}
.pg.bad{background:#fbeae8;color:#8a2a20}[data-modo=escuro] .pg.bad{background:#3a1d1b;color:#ffb4ab}
.mp-card.caiu{background:#fff7e6;border-color:#e0a100;color:#4a3300}.mp-card.caiu .mp-selo{background:#e0a100}.mp-card.caiu p{color:#5c4410}
[data-modo=escuro] .mp-card.caiu{background:#2c2512;color:#f1d98c}[data-modo=escuro] .mp-card.caiu p{color:#e6cf8a}
/* impressão dos QR Codes das mesas (folha A4, 6 por página) */
@media print{#ticket.qrs{width:auto;font:14px/1.3 system-ui,sans-serif;display:grid!important;grid-template-columns:1fr 1fr;gap:8mm}
  #ticket.qrs .qr-f{border:1px dashed #999;border-radius:4mm;padding:6mm;text-align:center;break-inside:avoid;display:flex;flex-direction:column;align-items:center;gap:2mm}
  #ticket.qrs .qr-f img{width:55mm;height:55mm}#ticket.qrs .qr-f strong{font-size:22px}#ticket.qrs .qr-f span{font-size:12px;color:#333}}
.ms-card img.sem{visibility:hidden}