:root{
  /* MandaMais: fundo marinho; a cor de destaque é a da empresa (--empresa), com laranja MandaMais como padrão */
  --page:#14213D; --brass:var(--empresa,#F27A1A); --brass-ink:var(--empresa-ink,#14213D); --gold-dk:#C95F0C;
  --btn:var(--empresa,#F27A1A); --btn-ink:var(--empresa-ink,#14213D);
  --brass-forte:var(--empresa-forte,#9C4508); --brass-claro:var(--empresa-claro,#FDEBDC);
  /* cores de estado (uma de cada; todas com contraste AA sobre branco e sobre o fundo claro de cada aviso) */
  --sucesso:#1E7A46; --perigo:#B42318; --aviso:#9A4A00;
  /* as mesmas, em tom claro, para texto sobre o fundo marinho */
  --sucesso-claro:#7CD69B; --perigo-claro:#FF8B7B; --aviso-claro:#FFB37A;
  --perigo-txt:var(--perigo-claro); /* vermelho de texto/borda em botão transparente: claro sobre o marinho, escuro dentro de caixas brancas */
  --surface:#FFFFFF; --go:var(--sucesso); --go-ink:#FFFFFF; --warn:var(--perigo); --warn-bg:#FBE9E2; --ok-bg:#E3F1E8; --info-bg:#E8EEF6; --info:#2B4C7E; --camp:var(--perigo);
  --walnut:#14213D;
  /* textos sobre o fundo marinho */
  --bg:#F5F6F9; --ink:#F4F6FB; --muted:#A9B3C9; --line:#2A3A5E;
  --display:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --body:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r:14px; color-scheme:light;
}
/* cartões, balões e janelas: brancos, com texto escuro */
.box,.card,.ord,.empty,.modal-box,.atalho,.cli button,.pay,.preview,.resumo,.eq-vagas{--ink:#14213D;--muted:#5D6A85;--line:#D9DEE8;--bg:#F5F6F9;--perigo-txt:var(--perigo);color:var(--ink)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{background:var(--page);overflow-x:hidden;max-width:100vw}
body{margin:0;color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.4;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-top:env(safe-area-inset-top,0px);padding-bottom:calc(130px + env(safe-area-inset-bottom,0px))}
.wrap{max-width:640px;margin:0 auto}
header{padding:16px 0 6px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.brand{font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.35em;padding-left:.35em;text-transform:uppercase;color:var(--brass)}
.hdr-logo{min-height:34px;display:flex;align-items:center;justify-content:center;margin:0 auto 2px}
.hdr-logo img{height:40px;width:auto;max-width:220px;object-fit:contain;display:block}
.emp-nome{font-family:var(--display);font-weight:900;font-size:24px;letter-spacing:-.01em;color:var(--ink)}
.mm-assina{text-align:center;padding:28px 0 8px;opacity:.55}
.mm-assina img{height:16px;width:auto}
header h1::after{content:"";display:block;width:46px;height:2px;background:var(--brass);margin:8px auto 0;border-radius:2px}
h1{font-family:var(--display);font-weight:800;font-size:30px;line-height:1;margin:2px 0 0}
h2{font-family:var(--display);font-weight:800;font-size:26px;line-height:1.05;margin:18px 0 10px}
h3{margin:0;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.who{text-align:center;font-size:14px;color:var(--muted)}
.who b{color:var(--ink);font-size:15px;margin-right:6px}
.who button{border:0;background:transparent;color:var(--muted);text-decoration:underline;font-size:13px;cursor:pointer;padding:0}
.muted{color:var(--muted)} .small{font-size:14px} .right{text-align:right}
.box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;display:grid;gap:12px;margin-bottom:12px}
.msg{border-radius:12px;padding:10px 12px;font-size:15px;font-weight:500}
.msg.warn{background:var(--warn-bg);color:var(--warn)} .msg.ok{background:var(--ok-bg);color:var(--go)} .msg.info{background:var(--info-bg);color:var(--info)}
button,.btn{font:inherit;cursor:pointer}
.big{min-height:54px;border:0;border-radius:14px;padding:0 20px;font-weight:700;font-size:17px;background:var(--btn);color:var(--btn-ink);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}
.big[disabled]{opacity:.45;cursor:not-allowed}
.big.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.big.danger{background:transparent;color:var(--perigo-txt);border:1px solid var(--perigo-txt)}
.sm{min-height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:0 12px;font-weight:600;font-size:14px}
.sm.go{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)} .sm.warn{color:var(--warn);border-color:var(--warn)}
.big.ghost.perigo{color:var(--perigo-txt);border-color:var(--perigo-txt)}
.eq-vagas{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line)} .eq-vagas.cheio{background:var(--warn-bg);color:var(--warn);border-color:var(--warn)}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--brass);outline-offset:2px}
label{display:grid;gap:6px;font-weight:600;font-size:15px}
/* campo obrigatório que ficou vazio (marcado pelo app ao conferir antes de enviar) */
input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"]{border:2px solid var(--warn);box-shadow:0 0 0 3px var(--warn-bg)}
.login-form input[aria-invalid="true"]{border-color:#FF8A6B;box-shadow:0 0 0 3px rgba(255,138,107,.25)}
#loginMsg:empty,#egMsg:empty{display:none}
input,select,textarea{font:inherit;font-size:17px;min-height:50px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:10px 12px;width:100%}
textarea{min-height:70px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.find{position:sticky;top:env(safe-area-inset-top,0px);z-index:4;background:var(--page);padding:8px 0;display:grid;gap:8px}
.search{position:relative}
.search input{padding-left:44px;padding-right:80px;background:var(--surface);color:#14213D;border-color:#FFFFFF;font-size:18px}
.search svg{stroke:#8A8A8A!important}
.search input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;stroke:var(--muted);fill:none;stroke-width:2.2}
.search button{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:40px;border:0;background:transparent;color:var(--muted);font-weight:600;font-size:15px;padding:0 10px}
.chips{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none;margin:0 calc(-1 * max(16px,env(safe-area-inset-left,0px)));padding:0 max(16px,env(safe-area-inset-left,0px))}
.chips::-webkit-scrollbar{display:none}
.chips button{flex:0 0 auto;min-height:42px;border-radius:999px;border:1px solid #3A3A3A;background:transparent;color:var(--ink);padding:0 14px;font-weight:600;font-size:15px;white-space:nowrap}
.chips button[aria-pressed="true"]{background:var(--brass);color:var(--brass-ink);border-color:var(--brass)}
.chips b{opacity:.8;font-weight:600;margin-left:4px;font-variant-numeric:tabular-nums}
.chips button[aria-pressed="true"] b{opacity:1}
.camp-banner{background:var(--camp);color:#fff;border-radius:12px;padding:10px 14px;font-weight:700;margin:6px 0}
.grid{display:grid;gap:12px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:grid;grid-template-columns:130px 1fr}
.card .ph{background:#FFFFFF;aspect-ratio:6/5;display:flex;align-items:center;justify-content:center;border:0;padding:0;cursor:zoom-in;width:100%;position:relative}
.card .ph img{width:100%;height:100%;object-fit:contain;display:block}
.card .ph span{font-size:12px;color:#5E6459;padding:8px;text-align:center}
.card .ph .tag{position:absolute;top:6px;left:6px;background:var(--camp);color:#fff;font-size:12px;font-weight:700;padding:2px 7px;border-radius:999px}
.card .info{padding:10px 12px;display:grid;gap:6px;align-content:space-between;min-width:0}
.card .name{font-weight:700;font-size:15px;line-height:1.2}
.card .sku{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.card .row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.price{font-family:var(--display);font-weight:700;font-size:22px;color:var(--walnut);white-space:nowrap;font-variant-numeric:tabular-nums}
.price small{font-family:var(--body);font-size:12px;font-weight:500;color:var(--muted)} .price s{color:var(--muted);font-size:15px;margin-right:4px}
.step{display:flex;align-items:center;gap:4px}
.step button{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:24px;font-weight:600;line-height:1}
.step button.plus{background:var(--btn);border-color:var(--btn);color:var(--btn-ink)}
.step output{min-width:34px;text-align:center;font-family:var(--display);font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}
.step.tom{gap:2px} .step.tom output{min-width:26px;font-size:20px} .step.tom button{width:38px;height:38px;font-size:20px}
.tomlbl{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.card.has{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass)}
.empty{background:var(--surface);border:1px dashed var(--line);border-radius:var(--r);padding:20px;text-align:center;color:var(--muted)}
.cli{display:grid;gap:8px}
.cli button{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px 14px;display:grid;gap:2px;color:var(--ink)}
.cli button b{font-size:16px} .cli button span{font-size:13px;color:var(--muted)}
.cli button.sel{border-color:var(--go);background:var(--ok-bg)}
.pill{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--info-bg);color:var(--info)}
.pill.ok{background:var(--ok-bg);color:var(--go)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.gray{background:var(--line);color:var(--muted)}
.items{display:grid;gap:10px}
.it{display:grid;grid-template-columns:56px 1fr;gap:8px 12px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line)}
.it:last-child{border-bottom:0;padding-bottom:0}
.it img{width:56px;height:48px;object-fit:contain;background:#FFFFFF;border-radius:8px;border:1px solid var(--line)}
.it .d{min-width:0}.it b{display:block;font-size:15px;line-height:1.2}.it span{font-size:13px;color:var(--muted)}
.it .ctl{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.it em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;font-size:17px}
.it .rm{min-height:44px;border:0;background:transparent;color:var(--warn);font-weight:600;font-size:15px;padding:0 8px}
.it input.obs{min-height:40px;font-size:14px;grid-column:1/-1}
.tot{display:grid;gap:6px;font-variant-numeric:tabular-nums}
.tot div{display:flex;justify-content:space-between;gap:10px}
.tot .grand{font-family:var(--display);font-size:28px;font-weight:700;border-top:1px solid var(--line);padding-top:8px}
.tot .disc{color:var(--go);font-weight:600}
.pay{display:grid;gap:8px}
.pay label{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px;font-weight:600;cursor:pointer;background:var(--bg)}
.pay label.off{opacity:.45;cursor:not-allowed}
.pay input{width:24px;min-height:24px;height:24px;margin:0;accent-color:var(--gold-dk)}
.pay small{display:block;font-weight:500;color:var(--muted);font-size:13px}
.preview{white-space:pre-wrap;font-size:14px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px;max-height:260px;overflow:auto}
.ord{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px 14px;display:grid;gap:6px}
.ord .top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.ord .num{font-family:var(--display);font-weight:700;font-size:20px}
.ord .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
table{width:100%;border-collapse:collapse;font-size:14px}
td,th{padding:6px 4px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.pix{font-family:var(--display);font-size:22px;font-weight:700;user-select:all;word-break:break-all}
.bar{position:fixed;left:0;right:0;bottom:0;background:#0E1830;border-top:1px solid #2A3A5E;z-index:5;
  padding:6px max(10px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))}
.bar .in{max-width:640px;margin:0 auto;display:grid;gap:6px}
.bar .sum{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 6px}
.bar .sum b{font-family:var(--display);font-size:22px;font-variant-numeric:tabular-nums}
.bar .sum span{color:var(--muted);font-size:14px}
.tabs{display:flex;gap:4px}
.tabs button{flex:1;min-height:50px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-weight:600;font-size:13px;display:grid;gap:2px;justify-items:center;padding:4px 2px;position:relative}
.tabs button[aria-current="page"]{background:#161616;color:var(--brass)}
.tabs button i{font-style:normal;font-size:20px;line-height:1}
.tabs button s{text-decoration:none;position:absolute;top:2px;right:calc(50% - 26px);background:var(--brass);color:#14213D;border-radius:999px;font-size:11px;padding:1px 6px;font-weight:700}
.lb{position:fixed;inset:0;background:#000;z-index:20;display:flex;flex-direction:column}
.lb-top{display:flex;justify-content:space-between;align-items:center;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;color:#fff;gap:10px}
.lb-top span{font-weight:600;font-size:15px}
.lb-close{width:52px;height:52px;border-radius:50%;border:0;background:#fff;color:#000;font-size:28px;flex:0 0 auto}
.lb-stage{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;touch-action:pinch-zoom pan-x pan-y;background:#fff}
.lb-stage img{max-width:100%;max-height:100%;object-fit:contain}
.lb-stage.z img{max-width:none;max-height:none;width:200%}
.lb-hint{color:#FFFFFFAA;text-align:center;font-size:13px;margin:8px 0 calc(10px + env(safe-area-inset-bottom,0px))}
.gate{min-height:60vh;display:grid;place-content:center;gap:14px;padding:20px;max-width:420px;margin:0 auto}
.gate p{margin:0}
.admin-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.admin-tabs button{min-height:40px;border-radius:999px;border:1px solid #3A3A3A;background:transparent;color:var(--ink);padding:0 14px;font-weight:600;font-size:14px}
.admin-tabs button[aria-pressed="true"]{background:var(--brass);color:var(--brass-ink);border-color:var(--brass)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.falta{margin-top:10px;padding:10px 12px;border:1px dashed var(--info);border-radius:10px;background:var(--info-bg);color:var(--info);font-size:14px;line-height:1.5}
.falta b{display:block;margin-bottom:2px;text-transform:uppercase;letter-spacing:.04em;font-size:12px}
.falta.big{border-style:solid;border-width:2px;font-size:16px;font-weight:700;margin:0 0 10px}
.falta.big span{display:block;font-weight:500;font-size:13px;opacity:.85}
.slider{position:relative}
.slider .chips{scroll-behavior:smooth;cursor:grab;user-select:none;-webkit-user-select:none;mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 36px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 36px),transparent)}
.slider .chips.grab{cursor:grabbing;scroll-behavior:auto}
.slider .arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:22px;line-height:1;display:none;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.slider .arrow.left{left:-6px}.slider .arrow.right{right:-6px}
.slider .arrow[hidden]{display:none}
@media (hover:hover) and (pointer:fine){.slider .arrow:not([hidden]){display:flex}}
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 10px;border:1px solid #3A3A3A;border-radius:12px;overflow:hidden;background:transparent}
.seg button{min-height:44px;border:0;background:transparent;color:var(--ink);font-weight:700;font-size:15px;border-right:1px solid var(--line)}
.seg button:last-child{border-right:0}
.seg button[aria-pressed="true"]{background:#FFFFFF;color:#14213D}
.seg b{opacity:.8;font-weight:600;margin-left:4px;font-variant-numeric:tabular-nums}
/* tons clara/escura: duas colunas iguais abaixo do produto, nome em cima e botões embaixo */
.card .tons{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 12px 12px;border-top:1px solid var(--line);background:var(--bg)}
.card .tons .step.tom{display:grid;grid-template-columns:auto auto auto;justify-content:center;align-items:center;gap:8px;min-width:0}
.card .tons .step.tom .tomlbl{grid-column:1/-1;text-align:center;margin-bottom:2px}
.card .tons .step.tom button{width:46px;height:46px;font-size:24px}
.card .tons .step.tom output{min-width:34px;font-size:24px}
.slider{overflow:hidden}
/* campos obrigatórios e caixinha "Isento" */
.req{color:var(--perigo-txt);font-weight:700}
label.chk{display:flex;align-items:center;gap:8px;flex-direction:row;cursor:pointer;padding:10px 0}
label.chk input{width:22px;height:22px;margin:0}
input:disabled{opacity:.45}

.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;padding:16px;z-index:1000}
.modal-box{background:var(--surface);color:var(--ink);border-radius:var(--r);padding:18px;max-width:420px;width:100%;display:grid;gap:10px;box-shadow:0 10px 40px rgba(0,0,0,.35)}
.modal-box h3{margin:0}.modal-box p{margin:0 0 6px}

.step output{cursor:pointer;min-width:2.2em;text-align:center;border-bottom:1px dashed currentColor;padding:2px 4px}
.gate-logo{width:200px;max-width:70%;height:auto;margin:0 auto 8px;display:block}
.conta{gap:10px}
.sair-wrap{display:flex;justify-content:center;margin:28px 0 12px}
.sair-wrap .sair{max-width:320px;background:transparent;border:1px solid var(--perigo-claro);color:var(--perigo-claro)}

/* tela de login: marinho, marca da empresa em cima */
body.tela-login{background:var(--page)!important}
body.tela-login .bar,body.tela-login header .hdr-logo,body.tela-login header .brand,body.tela-login header .who{display:none!important}
/* telas sem cabeçalho visível: o título (H1) continua lá para o leitor de tela, só não aparece */
body.tela-login header,body.na-inicio header{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.login{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:28px;padding:56px 24px 24px;max-width:420px;margin:0 auto;color:#fff;box-sizing:border-box}
.login-logo{text-align:center}
.login-logo img{width:230px;max-width:75%;max-height:120px;object-fit:contain;height:auto}
.login-logo .emp-nome{font-size:36px;font-weight:900;line-height:1.1}
/* Rótulo do app, discreto: quem manda na tela é o nome (ou o logo) da empresa do cliente. */
.login-logo p{margin:14px 0 0;color:var(--brass);letter-spacing:.22em;text-transform:uppercase;font-size:13px;line-height:1;font-family:var(--display);font-weight:700;padding-left:.22em}
.login-form{display:grid;gap:16px;align-content:start}
.login-form label{color:#C9D0E0;font-size:15px}
.login-form input{background:#0E1830;border:1px solid #2A3A5E;color:#fff}
.login-form input:focus{border-color:var(--brass);outline:none}
.login .link{background:none;border:0;color:var(--brass);font-size:15px;text-decoration:underline;padding:6px;cursor:pointer}
.login-rodape{text-align:center;color:#8C97B0;font-size:13px;margin:0}
/* início */
.hero{background:#0E1830;border:1px solid #2A3A5E;color:#fff;border-radius:var(--r,16px);padding:18px 20px 16px;text-align:center;margin-bottom:14px}
.hero img{display:none}
.hero h2{margin:0 0 4px;font-size:24px}
.hero p{margin:0;color:#9aa096;font-size:14px}
.resumo{background:#fff;border-radius:var(--r,16px);padding:14px 16px;margin-bottom:14px}
.resumo h3{margin:0 0 10px}
.rs-big{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rs-big div{background:#F5F6F9;border-radius:12px;padding:10px 12px}
.rs-big b{display:block;font-size:22px;line-height:1.1}
.rs-big small{display:block;color:var(--muted);font-size:12.5px;margin-top:3px}
.rs-big .ok b{color:var(--sucesso)}.rs-big .warn b{color:var(--aviso)}
.rs-lin{margin-top:12px;display:grid;gap:7px}
.rs-lin div{display:flex;align-items:center;gap:8px;font-size:14px}
.rs-lin span{flex:1}.rs-lin i{font-style:normal;min-width:26px;text-align:right;font-weight:800}
.rs-lin em{font-style:normal;color:var(--muted);min-width:70px;text-align:right;font-size:13px}
.rs-bar{height:8px;border-radius:4px;background:#E6E2D8;flex:0 0 90px;overflow:hidden}.rs-bar b{display:block;height:100%;background:var(--brass)}
.rs-bar.g b{background:var(--sucesso)}.rs-bar.o b{background:var(--aviso)}
.rs-dica{margin-top:10px;font-size:13px;color:#14213D;background:#FFF1E6;border-left:3px solid var(--brass);border-radius:8px;padding:7px 10px}
.atalhos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.atalho{display:flex;align-items:center;gap:12px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r,16px);padding:16px 14px;color:var(--ink);font:inherit;cursor:pointer;min-height:84px}
.atalho i{font-style:normal;font-size:28px}
.atalho span{display:grid;gap:2px}
.atalho small{color:var(--muted);font-size:13px}
.atalho.destaque{width:100%;margin-bottom:10px;border-color:var(--brass);box-shadow:0 0 0 1px var(--brass);background:var(--surface)}
.atalho.info{cursor:default}
@media (max-width:360px){.atalhos{grid-template-columns:1fr}}

/* ficha rápida do produto */
.ficha{position:relative;max-height:82vh;overflow:auto;gap:8px;padding:16px 16px 18px}
.ficha-x{position:absolute;top:8px;right:8px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:18px;cursor:pointer}
.ficha-top{display:flex;gap:12px;align-items:center;padding-right:44px}
.ficha-top img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:10px}
.ficha-top b{display:block;font-size:17px;line-height:1.25}
.ficha-top small{color:var(--muted)}
.ficha h4:first-of-type{margin-top:4px;padding-right:44px}
.ficha h4{margin:10px 0 4px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dk)}
.ficha-serve{margin:0;font-weight:700;font-size:17px}
.ficha-mod{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ficha-mod li{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-weight:600}
.ficha-info{margin:0;padding-left:18px;display:grid;gap:3px}
.ficha-site{display:block;margin-top:12px;text-align:center;color:var(--gold-dk);font-weight:600}

/* tema preto: elementos claros que ficam direto sobre o fundo */
input,select,textarea{color:#14213D}
.sm{color:#14213D;border-color:#D9DEE8}
.slider .arrow{color:#14213D;border-color:#D9DEE8}
.login-form input{color:#fff}
.mm-feito{color:var(--muted)}
body.tela-login .mm-assina{display:none}
/* produto com variações (tamanho, cor…): uma linha por variação */
.card.var{grid-template-rows:auto auto}
.card.var .vars{grid-column:1/-1;display:grid;padding:0 12px 8px}
.vrow{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.vrow .vlbl{font-weight:600;font-size:15px;min-width:0}
.vrow.has .vlbl{font-weight:800}
.vrow .price{font-size:17px}
/* estoque */
.estq{display:inline-block;font-size:11px;font-weight:800;border-radius:999px;padding:1px 8px;margin-left:6px;background:var(--ok-bg);color:var(--go);vertical-align:1px;font-family:var(--body)}
.estq.pouco{background:#FFF1E3;color:var(--aviso)}
.estq.zero{background:var(--warn-bg);color:var(--warn)}
.tb-lista{display:grid;gap:10px}
.tb{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:8px;background:var(--bg)}
tr.pai td{background:var(--bg)}
/* fotos no Painel → Produtos */
.ft-cel{display:inline-flex;vertical-align:middle;width:44px;height:44px;border-radius:8px;border:1px solid var(--line);background:#fff;margin-right:8px;cursor:pointer;overflow:hidden;align-items:center;justify-content:center;flex:0 0 auto}
.ft-cel img{width:100%;height:100%;object-fit:contain}
.ft-cel span{font-size:10px;color:var(--muted);text-align:center;line-height:1.1}
.ft-prev{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.ft-prev figure{margin:0;width:120px;font-size:12px}
.ft-prev img{width:120px;height:120px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:10px;display:block}
/* Painel no computador: usa a largura da tela */
@media (min-width:900px){
  body.tela-larga .wrap{max-width:1180px}
  body.tela-larga .bar .in{max-width:1180px}
}
/* lista de produtos do Painel */
.pt-barra{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.pt-barra input[type=search]{flex:1 1 240px;min-width:0}
.pt-acoes{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pt-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;--ink:#14213D;--muted:#5D6A85;--line:#D9DEE8;color:var(--ink)}
#prodTab{width:100%;border-collapse:collapse}
#prodTab th{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:10px 8px;text-align:center;white-space:nowrap;position:sticky;top:0;background:var(--surface)}
#prodTab th[align=left]{text-align:left}
#prodTab td{padding:8px;border-top:1px solid var(--line);vertical-align:middle}
#prodTab .pt-c{width:34px;text-align:center}
#prodTab .pt-prod{display:flex;align-items:center;gap:4px;min-width:220px}
#prodTab .pt-n{white-space:nowrap}
#prodTab .pt-min{width:84px;min-height:36px;padding:4px 8px}
#prodTab input[type=checkbox]{width:20px;height:20px;accent-color:var(--btn)}
#prodTab .pt-ok{color:var(--go);font-weight:900;margin-left:4px}
#prodTab tr.pai td{background:var(--bg)}
@media (max-width:700px){#prodTab th{white-space:normal}}
#prodTab th{vertical-align:middle}
.msg-flutua{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:30;box-shadow:0 6px 24px rgba(0,0,0,.25);max-width:min(560px,calc(100vw - 32px))}

/* ===== menu no topo (padrão Bling) ===== */
.topnav{position:sticky;top:0;z-index:20;margin:0 calc(-1 * max(16px,env(safe-area-inset-left,0px))) 6px;background:#FFFFFF;border-bottom:1px solid #D9DEE8;color:#14213D;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.tn-in{max-width:1180px;margin:0 auto;min-height:62px;display:flex;align-items:center;gap:4px;padding:0 16px}
.tn-logo{border:0;background:transparent;padding:4px 6px;margin-right:14px;display:flex;align-items:center;color:#14213D;cursor:pointer}
.tn-logo img{height:34px;width:auto;max-width:170px;object-fit:contain;display:block}
.tn-logo .emp-nome{font-size:18px;color:#14213D;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tn-menus{display:flex;align-items:center;gap:2px;flex:1;min-width:0}
.tn-g{position:relative}
.tn-m{border:0;background:transparent;color:#14213D;font-weight:800;font-size:15px;padding:10px 12px;border-radius:10px;display:flex;align-items:center;gap:6px;white-space:nowrap}
.tn-m:hover,.tn-m[aria-expanded="true"]{background:#F4F5F7}
.tn-m.on{background:var(--brass-claro);color:var(--brass-forte)}
.tn-bdg{background:var(--brass-forte);color:#FFFFFF;font-size:11px;font-weight:900;border-radius:999px;padding:1px 7px;line-height:1.5}
.tn-dd{position:absolute;top:calc(100% + 6px);left:0;min-width:300px;background:#FFFFFF;border:1px solid #D9DEE8;border-radius:14px;box-shadow:0 16px 40px rgba(20,33,61,.18);padding:8px;display:grid;gap:2px;z-index:30}
.tn-dd-dir{left:auto;right:0}
.tn-dd-cfg{top:56px;right:120px;left:auto}
.tn-it{border:0;background:transparent;text-align:left;color:#14213D;padding:10px 12px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;width:100%}
.tn-it:hover{background:#F4F5F7}
.tn-it.on{background:var(--brass-claro)}
.tn-it span{display:grid;gap:1px}
.tn-it b{font-size:15px;font-weight:800}
.tn-it small{font-size:13px;color:#4A5568;font-weight:500}
.tn-dir{display:flex;align-items:center;gap:6px;position:relative}
.tn-novo{border:0;background:var(--brass-forte);color:#FFFFFF;font-weight:800;font-size:14px;padding:10px 14px;border-radius:10px;white-space:nowrap}
.tn-ped{border:1px solid #D9DEE8;background:#FFFFFF;color:#14213D;font-weight:800;font-size:14px;padding:8px 12px;border-radius:10px;display:flex;align-items:center;gap:6px;white-space:nowrap}
.tn-ic{border:0;background:transparent;color:#14213D;width:44px;height:44px;border-radius:10px;display:grid;place-items:center}
.tn-ic:hover,.tn-ic.on,.tn-ic[aria-expanded="true"]{background:#F4F5F7}
.tn-eu{border:0;background:transparent;color:#14213D;display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;font-size:12px}
.tn-eu:hover,.tn-eu[aria-expanded="true"]{background:#F4F5F7}
.tn-av{width:34px;height:34px;border-radius:50%;background:#14213D;color:#FFFFFF;display:grid;place-items:center;font-weight:900;font-size:13px;flex:none}
.tn-quem{display:grid;text-align:left;line-height:1.15}
.tn-quem b{font-size:14px;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tn-quem small{font-size:12px;color:#4A5568}
.tn-so-cel{display:none}
.tn-gaveta{border-top:1px solid #E2E6EE;padding:8px 16px 14px;display:grid;gap:2px;max-height:calc(100vh - 70px);overflow:auto}
.tn-sec{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#4A5568;padding:14px 12px 4px;display:flex;align-items:center;gap:8px}
.tn-top b{font-size:16px}
body.com-menu header .hdr-logo,body.com-menu header .brand,body.com-menu .who{display:none}
body.com-menu header{padding-top:10px}
body.com-menu .admin-tabs{display:none}
.bar .ver-ped{border:0;background:var(--btn);color:var(--btn-ink);font-weight:800;font-size:16px;padding:12px 16px;border-radius:12px;white-space:nowrap}
.bar .sum{padding:4px 6px}
body.tela-login .topnav{display:none!important}
@media (max-width:899px){
  .tn-menus,.tn-so-pc{display:none!important}
  .tn-so-cel{display:grid}
  .tn-in{gap:6px;padding:0 10px}
  .tn-logo{margin-right:auto}
  .tn-logo img{height:30px;max-width:130px}
  .tn-txt{display:none}
  .tn-novo{padding:10px 14px;font-size:18px;line-height:1}
}

/* topo: empresa + saudação à esquerda */
.tn-logo{gap:10px;text-align:left}
.tn-emp{display:grid;line-height:1.15}
.tn-emp b{font-family:var(--display);font-weight:900;font-size:17px;color:#14213D;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tn-emp small{font-size:12.5px;color:#4A5568;font-weight:600;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tn-eu.on{background:var(--brass-claro)}
.tn-dd-dir{max-height:calc(100vh - 90px);overflow:auto}
.tn-dd .tn-sec{padding:10px 12px 2px}
/* página inicial: banner de promoções e lançamentos */
.banner{display:grid;gap:6px;background:var(--brass);color:var(--btn-ink);border-radius:18px;padding:22px 22px 18px;margin:6px 0 14px;text-decoration:none;position:relative;overflow:hidden}
.banner::after{content:"+";position:absolute;right:-6px;top:-28px;font-size:170px;font-weight:900;color:rgba(255,255,255,.18);line-height:1}
.banner-tag{justify-self:start;background:#14213D;color:#FFFFFF;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.banner b{font-family:var(--display);font-size:26px;font-weight:900;line-height:1.1}
.banner-pct{font-size:19px;font-weight:800}
.banner small{font-size:14px;font-weight:600;opacity:.85}
.banner-ir{font-weight:900;font-size:15px;margin-top:4px}
.banner.vazio{background:#1C2B4D;color:#F4F6FB;border:1px dashed #3A4C74}
.banner.vazio .banner-tag{background:var(--brass);color:var(--btn-ink)}
.banner.vazio small{color:#C9D0E0;opacity:1}
/* botão redondo de novo pedido (perto do polegar) */
.fab-novo{position:fixed;right:max(20px,env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));height:58px;padding:0 22px 0 16px;border-radius:20px;border:0;background:var(--btn);color:var(--btn-ink);box-shadow:0 10px 24px rgba(0,0,0,.35);display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:17px;white-space:nowrap;z-index:15;cursor:pointer}
body.fab-acima{padding-bottom:calc(200px + env(safe-area-inset-bottom,0px))}
.fab-novo:hover{background:#E06A0C}
.fab-novo.acima{bottom:calc(104px + env(safe-area-inset-bottom,0px))}
body.tela-login .fab-novo{display:none}
@media (max-width:899px){ .tn-emp b{font-size:15px;max-width:190px} .tn-emp small{max-width:190px} .tn-logo img{height:28px} }


/* ===== computador: conteúdo na mesma largura do cabeçalho, listas em colunas ===== */
@media (min-width:900px){
  body.com-menu .wrap{max-width:1180px}
  body.com-menu header{align-items:flex-start;text-align:left;padding:22px 0 10px}
  body.com-menu header h1{font-size:28px}
  body.com-menu header h1::after{margin:8px 0 0}
  body.com-menu .bar .in{max-width:1180px}
  /* catálogo: cartões menores, várias colunas */
  body.com-menu .grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}
  body.com-menu .card{grid-template-columns:110px 1fr}
  /* clientes em colunas */
  body.com-menu .cli{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
  /* pedidos lado a lado */
  #view[data-tab="pedidos"]{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:12px;align-items:start}
  #view[data-tab="pedidos"] > :not(.ord){grid-column:1/-1}
  #view[data-tab="pedidos"] .ord{margin:0}
  /* pedido em andamento: duas colunas */
  #view[data-tab="pedido"]{columns:2 460px;column-gap:16px}
  #view[data-tab="pedido"] > *{break-inside:avoid}
  /* início: banners lado a lado */
  #view[data-tab="inicio"]{display:grid;grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:16px;align-items:start;padding-top:18px}
  #view[data-tab="inicio"] > :not(.banner){grid-column:1/-1}
  #view[data-tab="inicio"] .banner{margin:0;min-height:200px}
  /* minha conta: caixa estreita, à esquerda */
  #view[data-tab="conta"]{max-width:560px}
  /* campos de busca não precisam ocupar a linha inteira */
  body.com-menu .wrap input[type="search"]{max-width:640px}
}

/* ===== computador: catálogo em lista, um produto embaixo do outro (o celular não muda) ===== */
@media (min-width:900px){
  body.com-menu .cat-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 8px;color:var(--muted);font-size:14px}
  body.com-menu .seg-ord{display:flex;gap:4px;background:#0E1830;border:1px solid var(--line);border-radius:10px;padding:3px}
  body.com-menu .seg-ord button{border:0;background:transparent;color:var(--muted);font-weight:700;font-size:14px;padding:6px 12px;border-radius:8px}
  body.com-menu .seg-ord button[aria-pressed="true"]{background:#FFFFFF;color:#14213D}
  body.com-menu .cat-cab{display:grid;grid-template-columns:64px 1fr 170px 180px;gap:14px;padding:10px 14px;background:#0E1830;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
  body.com-menu .cat-cab span:nth-child(3),body.com-menu .cat-cab span:nth-child(4){text-align:right}
  body.com-menu #cards{grid-template-columns:1fr;gap:0;background:#FFFFFF;border-radius:0 0 12px 12px;overflow:hidden}
  body.com-menu #cards .card{grid-template-columns:64px 1fr;border:0;border-bottom:1px solid #E2E6EE;border-radius:0;align-items:center;padding:6px 14px;gap:14px;box-shadow:none}
  body.com-menu #cards .card:last-child{border-bottom:0}
  body.com-menu #cards .card.has{background:#FFF6EE;box-shadow:inset 4px 0 0 var(--brass)}
  body.com-menu #cards .card .ph{width:64px;height:54px;aspect-ratio:auto;border-radius:8px;border:1px solid #E2E6EE}
  body.com-menu #cards .card .ph span{font-size:10px;padding:2px}
  body.com-menu #cards .card .ph .tag{top:2px;left:2px;font-size:10px;padding:1px 5px}
  body.com-menu #cards .card .info{padding:0;display:grid;grid-template-columns:1fr 364px;align-items:center;gap:14px}
  body.com-menu #cards .card .row{display:grid;grid-template-columns:170px 180px;gap:14px;justify-items:end;align-items:center;flex-wrap:nowrap}
  body.com-menu #cards .card .name{font-size:15px}
  body.com-menu #cards .card .price{font-size:17px;text-align:right}
  body.com-menu #cards .card .step{transform:scale(.88);transform-origin:right center}
  /* produto com variações: a linha do produto e, embaixo, uma linha por variação */
  body.com-menu #cards .card.var{grid-template-columns:64px 1fr;padding-bottom:8px}
  body.com-menu #cards .card.var .vars{grid-column:2;display:grid;gap:2px}
  body.com-menu #cards .card.var .vrow{display:grid;grid-template-columns:1fr 170px 180px;gap:14px;align-items:center;justify-items:end;padding:4px 0;border-top:1px dashed #E2E6EE}
  body.com-menu #cards .card.var .vrow .vlbl{justify-self:start}
  body.com-menu #cards .card.var .vrow .step{grid-column:3;transform:scale(.88);transform-origin:right center}
  body.com-menu #cards .card.var .vrow .price{grid-column:2}
  body.com-menu #cards .card .tons{grid-column:2;justify-self:end}
  body.com-menu #cards > .empty{border:0;border-radius:0}
}

/* ===== Configurações no computador (padrão Bling): página inicial com busca e blocos; seções com lista à esquerda ===== */
.cf{display:grid;gap:18px}
.cf-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.cf-trilha{font-size:14px;color:var(--muted)}
.cf-h{margin:2px 0 0;font-size:30px;font-weight:900}
.cf-busca{display:flex;align-items:center;gap:10px;background:#FFFFFF;color:#4A5568;border:1px solid #C9D0E0;border-radius:12px;padding:0 14px;width:420px;max-width:100%;height:48px}
.cf-busca input{border:0;outline:0;background:transparent;font:inherit;font-size:15px;color:#14213D;flex:1;min-width:0;padding:0;min-height:0}
.cf-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:4px}
.cf-bloco{background:#FFFFFF;color:#14213D;border:1px solid #E2E6EE;border-radius:14px;padding:20px;display:grid;gap:12px;align-content:start}
.cf-dest{border:3px solid var(--brass);padding:18px}
.cf-bt{display:flex;align-items:center;gap:12px}
.cf-bt span:last-child{display:grid;line-height:1.2}
.cf-bt b{font-size:18px;font-weight:900}
.cf-bt small{font-size:13px;color:#4A5568}
.cf-ic{width:42px;height:42px;border-radius:12px;background:#EEF1F6;color:#14213D;display:grid;place-items:center;flex:none}
.cf-dest .cf-ic{background:var(--brass-claro);color:var(--brass-forte)}
.cf-links{display:grid}
.cf-link{border:0;border-top:1px solid #EEF1F6;background:transparent;color:#14213D;text-align:left;font:inherit;font-size:15px;font-weight:700;padding:10px 4px;display:flex;justify-content:space-between;gap:8px;cursor:pointer;border-radius:0}
.cf-link:hover{color:var(--brass-forte);background:#FAFBFC}
.cf-st{font-size:13px;font-weight:800;color:var(--sucesso);white-space:nowrap}
.cf-st.ruim{color:var(--perigo)}
.cf-nada{color:var(--muted);font-size:16px}
.cf-pg{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start}
.cf-lado{background:#FFFFFF;border:1px solid #E2E6EE;border-radius:14px;padding:12px;display:grid;gap:2px;position:sticky;top:84px}
.cf-volta{border:0;background:transparent;color:#4A5568;font:inherit;font-size:13px;text-align:left;padding:4px 10px 10px;cursor:pointer}
.cf-volta:hover{color:var(--brass-forte)}
.cf-lgt{border:0;background:transparent;color:#14213D;font:inherit;font-weight:800;font-size:15px;text-align:left;padding:10px;border-radius:10px;width:100%;cursor:pointer}
.cf-lgt:hover{background:#F4F5F7}
.cf-lis{display:none;gap:2px;padding-bottom:4px}
.cf-lg.on .cf-lgt{color:var(--brass-forte);font-weight:900}
.cf-lg.on .cf-lis{display:grid}
.cf-li{border:0;background:transparent;color:#14213D;font:inherit;font-size:14.5px;text-align:left;padding:8px 10px 8px 22px;border-radius:10px;cursor:pointer}
.cf-li:hover{background:#F4F5F7}
.cf-li.on{background:var(--brass-claro);color:var(--brass-forte);font-weight:800}
.cf-main{display:grid;gap:14px;min-width:0}
.cf-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.cf-cab .big{width:auto;padding:0 28px;flex:none}
.cf-desc{margin:4px 0 0;color:var(--muted);font-size:15px}
.cf-sec{margin:0}
.cf-sec[data-k="fin-relatorio"]{background:transparent;border:0;padding:0}
.cf #tbSalvar{display:none}
.cf-info{display:grid;gap:4px;background:#F4F5F7;border-radius:12px;padding:12px 14px;font-size:15px}
.cf-info span{color:#4A5568}
@media (min-width:900px){body.na-config header{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.na-config .cf{padding-top:18px}}

/* ===== menu do nome (computador): perfil no alto, Minha conta, Painel, rodapé ===== */
.tn-perfil{display:flex;align-items:center;gap:12px;padding:10px 12px 12px;border-bottom:1px solid #EEF1F6;margin-bottom:2px;color:#14213D}
.tn-perfil .tn-av{width:42px;height:42px;font-size:15px}
.tn-perfil>span:last-child{display:grid;line-height:1.25;min-width:0}
.tn-perfil b{font-size:16px;font-weight:900}
.tn-perfil small{font-size:12.5px;color:#4A5568;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.tn-rod{display:flex;justify-content:space-between;border-top:1px solid #EEF1F6;margin-top:4px;padding:6px 4px 0}
.tn-legal{padding:8px 4px 2px;font-size:12.5px;color:#6B7280;text-align:center}
.tn-legal a{color:#6B7280;text-decoration:none;font-weight:700}
.tn-legal a:hover{text-decoration:underline}
.login-form .aceite{color:#C9D0E0}
.login-form .aceite a{color:#fff;font-weight:800;text-decoration:underline}
.login-form .aceite input{accent-color:var(--brass)}
.tn-rod a,.tn-rod button{border:0;background:transparent;font:inherit;font-weight:800;font-size:14px;color:#14213D;padding:8px;border-radius:8px;text-decoration:none;cursor:pointer}
.tn-rod button{color:var(--perigo)}
.tn-rod a:hover,.tn-rod button:hover{background:#F4F5F7}
.tn-dd-dir{min-width:340px}

/* ===== Meus dados (computador) ===== */
@media (min-width:900px){body.na-config.com-menu header{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
.md-topo{padding-top:18px;margin-bottom:14px}
.md-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.md-grade .box{margin:0}
.campo-senha{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:12px;background:var(--bg);overflow:hidden}
.campo-senha input{border:0!important;background:transparent!important;flex:1;min-width:0;margin:0!important;box-shadow:none!important}
.campo-senha:focus-within{outline:2px solid var(--brass);outline-offset:1px}
.olho{border:0;background:transparent;color:#4A5568;width:46px;display:grid;place-items:center;cursor:pointer;flex:none}
.olho:hover,.olho[aria-pressed="true"]{color:var(--brass-forte)}
.md-conf{margin:0;min-height:1.2em}
.md-conf.ok{color:var(--sucesso);font-weight:700}
.md-conf.ruim{color:var(--perigo);font-weight:700}
.md-passo{display:grid;gap:10px;background:#F4F5F7;border-radius:12px;padding:12px}
.md-cod{font-size:24px!important;letter-spacing:6px;text-align:center;font-weight:800}

/* ===== Equipe (computador) ===== */
.eq-topo{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.eq-abas{display:flex;gap:8px;flex:1}
.eq-abas button,.pr-abas button{border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-weight:800;font-size:15px;padding:11px 18px;border-radius:10px;cursor:pointer}
.eq-abas button[aria-selected="true"],.pr-abas button[aria-selected="true"]{background:var(--brass);border-color:var(--brass);color:#14213D}
.eq-novo{border:0;background:#FFFFFF;color:#14213D;font:inherit;font-weight:900;font-size:15px;padding:11px 18px;border-radius:10px;cursor:pointer}
.eq-grade{display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px;align-items:start}
.eq-lista{background:#FFFFFF;border-radius:14px;padding:8px;display:grid;gap:2px;position:sticky;top:84px;max-height:calc(100vh - 110px);overflow:auto}
.eq-lista button{border:0;background:transparent;color:#14213D;font:inherit;text-align:left;padding:10px 12px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer}
.eq-lista button span{display:grid;line-height:1.25}
.eq-lista button b{font-size:15px}
.eq-lista button small{font-size:13px;color:#4A5568}
.eq-lista button:hover{background:#F4F5F7}
.eq-lista button.on{background:var(--brass-claro)}
.eq-lista button.on b{color:var(--brass-forte)}
.eq-cart{margin:0;gap:14px}
.eq-cab{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.eq-nome{margin:0!important;font-size:22px!important;text-transform:none!important;letter-spacing:0!important;color:#14213D!important}
.eq-acoes{display:flex;gap:6px;flex-wrap:wrap}
.eq-busca{display:flex;gap:10px;align-items:center}
.eq-busca input{flex:1}
.eq-mover{display:flex;align-items:center;gap:12px;background:#14213D;color:#FFFFFF;border-radius:12px;padding:10px 14px}
.eq-mover label{display:flex;align-items:center;gap:8px;color:#FFFFFF;font-weight:800;font-size:14px;margin:0}
.eq-mover select{width:auto;min-width:200px;margin:0}
.eq-esp{flex:1}
.eq-btmover{border:0;background:var(--brass);color:var(--btn-ink);font:inherit;font-weight:900;font-size:15px;padding:10px 18px;border-radius:10px;cursor:pointer}
.eq-tab{display:grid;border:1px solid #EEF1F6;border-radius:12px;overflow:hidden}
.eq-lin{display:grid;grid-template-columns:34px minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.1fr);gap:10px;align-items:center;padding:10px 14px;border-top:1px solid #EEF1F6;font-size:15px;margin:0;font-weight:500;cursor:pointer;color:#14213D}
.eq-lin span{display:grid;min-width:0}
.eq-lin small{font-size:12.5px;color:#4A5568;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eq-lin input{width:20px;height:20px;accent-color:var(--brass-forte);margin:0}
.eq-lin.sel{background:var(--brass-claro)}
.eq-th{background:#EEF1F6;border-top:0;font-size:12.5px;font-weight:800;color:#4A5568;cursor:default}

/* ===== Produtos (computador): abas, lado "na tela inicial agora", promoções ===== */
.pr-abas{display:flex;gap:8px;margin-bottom:14px}
.pr-grade{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.pr-main{min-width:0}
.pr-lado{display:grid;gap:14px;position:sticky;top:84px}
.pr-lado .box{margin:0}
.pr-bn{display:grid;gap:3px;border-radius:12px;padding:14px}
.pr-bn span{justify-self:start;font-size:11px;font-weight:900;letter-spacing:.06em;padding:3px 8px;border-radius:999px}
.pr-bn b{font-size:19px;font-weight:900}
.pr-bn small{font-size:13px}
.pr-bn-l{background:#14213D;color:#FFFFFF}.pr-bn-l span{background:var(--brass);color:var(--btn-ink)}.pr-bn-l small{color:#C9D0E0}
.pr-bn-p{background:var(--brass);color:var(--btn-ink)}.pr-bn-p span{background:#14213D;color:#FFFFFF}.pr-bn-p small{font-weight:800}
#ptSoLanc[aria-pressed="true"]{background:var(--brass-claro);border-color:var(--brass);color:var(--brass-forte)}
.pm-form{gap:12px;margin:0}
.pm-l2{display:grid;grid-template-columns:2fr 1fr;gap:12px}
.pm-sub{font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#4A5568;margin-top:4px}
.pm-modos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pm-radio{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #D9DEE8;border-radius:12px;cursor:pointer;margin:0}
.pm-radio.on{border:2px solid var(--brass);padding:11px;background:var(--brass-claro)}
.pm-radio input{width:18px;height:18px;accent-color:var(--brass-forte);margin:2px 0 0}
.pm-radio span{display:grid;line-height:1.25}
.pm-radio b{font-size:15px;color:#14213D}
.pm-radio small{font-size:12.5px;color:#4A5568;font-weight:500}
.pm-cats,.pm-chips{display:flex;flex-wrap:wrap;gap:8px}
.pm-cat{border:1px solid #C9D0E0;background:#FFFFFF;color:#4A5568;font:inherit;font-weight:800;font-size:14px;padding:8px 14px;border-radius:999px;cursor:pointer}
.pm-cat[aria-pressed="true"]{background:var(--brass-claro);border-color:var(--brass);color:var(--brass-forte)}
.pm-chip{display:inline-flex;align-items:center;gap:6px;background:var(--brass-claro);color:var(--brass-forte);font-weight:800;font-size:14px;padding:6px 6px 6px 12px;border-radius:999px}
.pm-chip button{border:0;background:transparent;color:var(--brass-forte);font-weight:900;cursor:pointer;width:26px;height:26px;border-radius:50%}
.pm-chip button:hover{background:#F9D5B5}
.pm-busca{position:relative}
.pm-res{display:grid;gap:2px}
.pm-res:not(:empty){border:1px solid #D9DEE8;border-radius:12px;padding:6px;margin-top:6px;max-height:280px;overflow:auto}
.pm-res button{border:0;background:transparent;text-align:left;font:inherit;color:#14213D;padding:8px 10px;border-radius:8px;display:grid;cursor:pointer}
.pm-res button:hover{background:#F4F5F7}
.pm-res small{font-size:12.5px;color:#4A5568}
.pm-fim{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pm-fim .big{width:auto;padding:0 24px}
.pm-item{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #EEF1F6}
.pm-item:first-of-type{border-top:0}
.pm-item>span:first-child{display:grid;font-size:15px}
.pm-item small{font-size:12.5px;color:#4A5568}
.pm-acs{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
/* banner de lançamentos no Início */
.banner-lanc{background:#FFFFFF;color:#14213D}
.banner-lanc .banner-tag{background:var(--brass);color:var(--btn-ink)}
.banner-lanc::after{content:"★";color:rgba(242,122,26,.16);font-size:150px;top:-14px;right:4px}
@media (min-width:900px){
  .pr-grade{grid-template-columns:minmax(0,1fr) 280px}
  #prMain #prodTab th{font-size:11px;letter-spacing:.02em}
  #prMain .pt-wrap{overflow-x:auto}
  #prMain #prodTab td,#prMain #prodTab th{padding-left:6px;padding-right:6px}
  .tn-dd-dir .tn-it{padding:8px 12px}
}
@media (min-width:900px){#view[data-tab="conta"]{max-width:none}#view[data-tab="conta"] > .msg,#view[data-tab="conta"] > .box:first-child{max-width:none}}
/* criativo (imagem de fundo) nos cartões do Início: sombra escura à esquerda para o texto ficar legível */
.banner.com-cri,.pr-bn.com-cri{background-image:linear-gradient(90deg,rgba(20,33,61,.92) 0%,rgba(20,33,61,.7) 45%,rgba(20,33,61,.2) 100%),var(--cri);background-size:cover;background-position:center;color:#FFFFFF}
.banner.com-cri b,.banner.com-cri small,.banner.com-cri .banner-pct,.banner.com-cri .banner-ir{color:#FFFFFF}
.banner.com-cri::after{display:none}
.banner.com-cri .banner-tag{background:var(--brass);color:var(--btn-ink)}
.pr-bn.com-cri small{color:#E6EAF2}
.pr-bn.com-cri span{background:var(--brass);color:var(--btn-ink)}
.pr-cri,.pm-cri{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pr-cri>span:first-child{color:#4A5568}
.pr-cri-bts{display:flex;gap:6px}
.pr-cri-env{cursor:pointer;display:inline-flex;align-items:center;margin:0}
.pm-cri{justify-content:flex-start}
.pm-cri .small{flex-basis:100%}
.cri-dica{flex-basis:100%;font-size:12.5px;line-height:1.4;color:#4A5568;background:#F4F5F7;border-radius:10px;padding:8px 10px}
.cri-dica b{color:#14213D}
/* computador: botão de novo pedido alinhado com a borda direita dos cartões (largura do conteúdo: 1180px) */
@media (min-width:900px){.fab-novo{right:max(16px,calc((100% - 1180px) / 2));bottom:28px}}
/* dados digitados ficam em MAIÚSCULAS (o servidor grava assim); e-mail, usuário, senha e códigos não */
#novoRazao,#novoFant,#novoEnd,#novoNum,#novoCompl,#novoBairro,#entEnd,#entNum,#entCompl,#entBairro,#entContato,#obs,#espMotivo,#pdMot,input.obs{text-transform:uppercase}
#novoRazao::placeholder,#novoFant::placeholder,#novoEnd::placeholder,#novoNum::placeholder,#novoCompl::placeholder,#novoBairro::placeholder,#novoCidade::placeholder,#entEnd::placeholder,#entNum::placeholder,#entCompl::placeholder,#entBairro::placeholder,#entCidade::placeholder,#entContato::placeholder,#obs::placeholder,#espMotivo::placeholder,#pdMot::placeholder,input.obs::placeholder{text-transform:none}
/* importar vendedores do Bling */
.eq-bling{background:transparent;color:var(--ink);border:1px solid var(--line)}
#eqBlingBox{margin-bottom:14px;gap:12px}
.vb-cab{display:flex;justify-content:space-between;align-items:center;gap:12px}
.vb-emp{display:flex;align-items:center;gap:8px;margin:0}
.vb-emp select{width:auto;margin:0}
.vb-tab{display:grid;border:1px solid #EEF1F6;border-radius:12px;overflow:hidden;max-height:420px;overflow-y:auto}
.vb-lin{display:grid;grid-template-columns:34px minmax(0,1.4fr) 140px minmax(0,1fr) 130px;gap:10px;align-items:center;padding:8px 14px;border-top:1px solid #EEF1F6;margin:0;font-weight:500;color:#14213D;cursor:pointer}
.vb-lin>span:nth-child(2){display:grid}
.vb-lin small{font-size:12px;color:var(--perigo)}
.vb-lin input[type=checkbox]{width:20px;height:20px;accent-color:var(--brass-forte);margin:0}
.vb-lin input:not([type]){margin:0;min-height:40px}
.vb-lin.ja{opacity:.55;cursor:default}
.vb-th{background:#EEF1F6;border-top:0;font-size:12.5px;font-weight:800;color:#4A5568;cursor:default;position:sticky;top:0;z-index:1}
.vb-tag{font-size:12px;font-weight:800;background:#EEF1F6;color:#4A5568;padding:3px 8px;border-radius:999px}
.vb-fim{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.vb-fim .big{width:auto;padding:0 26px}
/* catálogo no computador: quem está sendo atendido, no alto */
.cat-atende{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#FFFFFF;color:#14213D;border-radius:14px;padding:12px 16px;margin:6px 0 12px;border-left:0}
.cat-atende>div{display:grid;line-height:1.25;min-width:0}
.cat-atende small{font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#4A5568}
.cat-atende b{font-size:20px;font-weight:900}
.cat-atende span{font-size:13.5px;color:#4A5568;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cat-atende.alt{background:var(--brass-claro);box-shadow:inset 0 0 0 2px var(--brass)}
.cat-atende.alt small{color:var(--brass-forte)}
.bar-alt{color:var(--brass)}
@media (min-width:900px){#barCli{font-size:14px;color:#C9D0E0}#barCli b{color:#FFFFFF}}
@media (min-width:900px){#barCli b{font-size:14px;font-family:var(--body)}#barCli .bar-alt{color:var(--brass)}#barCli .bar-mais{color:var(--sucesso-claro)}#barCli .bar-menos{color:var(--aviso-claro)}#barCount{color:#C9D0E0;font-size:15px}}

/* limite de caracteres do Bling nos campos do cliente */
.lim{display:block;text-align:right;font-size:12px;color:var(--muted);margin-top:2px;font-weight:600}
.lim.ruim{color:var(--perigo);font-weight:800}
input.campo-ruim{border-color:var(--perigo)!important;box-shadow:0 0 0 2px rgba(180,35,24,.15)}

/* ===== alinhamento (computador): cartões da mesma linha com a mesma altura; botões sempre no pé do cartão ===== */
@media (min-width:900px){
  .md-grade{align-items:stretch}
  .md-grade .box{display:flex;flex-direction:column;gap:12px;height:100%}
  .md-grade .box>h3{margin:0}
  .md-grade .md-pe{margin-top:auto;display:grid;gap:8px}
  .md-em{display:flex;flex-direction:column;gap:12px;flex:1}
  .md-em>label{margin:0}
  .md-grade2{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}
  .md-grade2 .box p{min-height:2.8em}
  /* demais telas: cartões lado a lado com a mesma altura */
  #view[data-tab="inicio"]{align-items:stretch}
  #view[data-tab="pedidos"]{align-items:stretch}
  .cf-grade{align-items:stretch}
  .pm-modos{align-items:stretch}
}
@media (min-width:900px){
  body.com-menu .resumo{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;align-items:start}
  body.com-menu .resumo h3{grid-column:1/-1}
  body.com-menu .resumo .rs-lin{margin-top:0}
  body.com-menu .resumo .rs-dica{grid-column:1/-1}
  body.com-menu .resumo .rs-bar{flex-basis:140px}
  .md-grade .box>label,.md-em>label{margin:0}
  .md-nota{margin:0;min-height:3.9em;line-height:1.3}
  .md-grade input[disabled]{opacity:1;color:#4A5568;background:#EEF1F6;cursor:default}
}
/* celular: faixa do cliente compacta no alto do catálogo; barra com itens e peças */
@media (max-width:899px){
  .cat-atende{padding:10px 12px;gap:10px;margin:4px 0 10px}
  .cat-atende small{font-size:11px}
  .cat-atende b{font-size:16px}
  .cat-atende span{font-size:12px}
  .cat-atende .sm{min-height:36px;padding:0 10px;font-size:13px;white-space:nowrap}
  #barCli .bar-alt{color:var(--brass);font-size:13px}
}
@media (max-width:899px){#barCount{font-size:13px;white-space:nowrap}}

/* tela "pedido confirmado" (cartão verde grande) */
.feito{--ink:#14213D;--muted:#5D6A85;background:var(--ok-bg);border:3px solid var(--go);border-radius:16px;padding:18px;margin-bottom:14px;color:var(--ink)}
.feito-top{display:flex;gap:14px;align-items:center}
.feito-ic{flex:0 0 52px;height:52px;border-radius:50%;background:var(--go);color:#fff;font-size:28px;font-weight:900;display:grid;place-items:center}
.feito-tt{font-size:22px;font-weight:900;color:var(--go)}
.feito-pix{margin:12px 0 6px;font-size:15px}
.feito-emp{background:#fff;border-radius:12px;padding:10px 12px;margin-top:10px}
.aovivo{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.aovivo li{display:grid;grid-template-columns:96px 1fr;gap:8px;font-size:14px}
.aovivo li>span{overflow-wrap:anywhere;min-width:0}
.aovivo li>span:first-child{color:var(--muted);font-weight:700}
.feito-link{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.btnlink{display:inline-flex;align-items:center;text-decoration:none;background:var(--go);color:#fff;border-radius:8px;padding:6px 10px;font-weight:700}

/* faixa do teste grátis (acabando / terminado) */
.faixa{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:10px 14px;border-radius:12px;font-size:15px;font-weight:600;background:var(--info-bg);color:var(--info)}
.faixa.urgente{background:var(--warn-bg);color:var(--warn)}
.faixa a{display:inline-block;padding:7px 12px;border-radius:9px;background:#fff;color:inherit;text-decoration:none;font-weight:800;border:1px solid currentColor;white-space:nowrap}

/* Primeiros passos (Início do administrador) */
.passos{margin-bottom:12px}
.passos-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.passos-top h3{margin:0}
.passos-barra{height:8px;border-radius:6px;background:#E8EEF6;margin:8px 0 12px;overflow:hidden}
.passos-barra div{height:100%;border-radius:6px;background:var(--brass)}
.passos ol{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.passo{display:flex;gap:10px;align-items:flex-start}
.passo.ok{opacity:1;color:var(--muted)}.passo.ok > div b{color:var(--muted)}
.passo-b{width:22px;height:22px;border-radius:50%;border:2px solid #D9DEE8;flex:none;display:grid;place-content:center;font-size:13px;font-weight:800;color:#fff}
.passo.ok .passo-b{background:var(--sucesso);border-color:var(--sucesso)}
.passo:not(.ok) ~ .passo:not(.ok) .passo-b{border-color:#D9DEE8}
.passos ol .passo:not(.ok) .passo-b{border-color:var(--brass)}
.passos ol .passo:not(.ok) ~ .passo:not(.ok) .passo-b{border-color:#D9DEE8}
.passo .link{padding:0;font-weight:800}
.passos-pe{margin:10px 0 0}
.passos button.link{background:none;border:0;padding:0;margin:0;font:inherit;font-weight:800;color:var(--laranja-forte,var(--brass-forte));text-decoration:underline;cursor:pointer;min-height:0;width:auto}
.passos a{color:var(--laranja-forte,var(--brass-forte));font-weight:700}
.passos-pe button.link{font-weight:600;color:inherit}
.faixa button.link{display:inline-block;padding:7px 12px;border-radius:9px;background:#fff;color:inherit;font:inherit;font-weight:800;border:1px solid currentColor;cursor:pointer;white-space:nowrap}

/* Pix no Bling (conferência automática) */
.pix-bloco{border:1px solid var(--linha,#E2E6EE);border-radius:14px;padding:12px 14px;margin:0 0 12px;background:var(--fundo,#F4F5F7)}
.pix-cab{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pix-res .msg{margin-top:8px}
.pix-res .sm{margin:4px 6px 0 0}
li.passo .pix-res{margin-top:6px}

/* Painel → Configurações → Logo, nome e cor */
.cor-campo,.logo-campo{display:grid;gap:8px;margin:14px 0}
.cor-tit{font-weight:800}
.cor-pal{display:flex;flex-wrap:wrap;gap:10px}
.cor-sw{display:grid;justify-items:center;gap:4px;border:0;background:transparent;padding:0;cursor:pointer;color:var(--muted);font:inherit;width:62px}
.cor-sw>span{width:44px;height:44px;border-radius:50%;background:var(--sw);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--line);display:grid;place-items:center;color:#fff;font-size:24px;font-weight:900}
.cor-sw small{font-size:12px;line-height:1.1;text-align:center}
.cor-sw.on>span{box-shadow:0 0 0 3px #fff,0 0 0 5px #14213D}
.cor-sw.on small{color:var(--ink);font-weight:800}
.cor-outra{position:relative}
.cor-outra>span{background:var(--sw,conic-gradient(#E53935,#E8A600,#2EA35F,#12A5A5,#2F80ED,#8E5CD9,#E0457B,#E53935))}
.cor-outra input{position:absolute;inset:0;width:100%;height:44px;opacity:0;cursor:pointer;border:0;padding:0}
.cor-prev{border-radius:12px;overflow:hidden;border:1px solid var(--line);max-width:420px}
.cor-prev-topo{background:#14213D;color:#F4F6FB;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.cor-prev-tag{color:var(--pc);font-size:12px;font-weight:800;letter-spacing:.25em;text-transform:uppercase}
.cor-prev-cart{background:#fff;color:#14213D;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}
.cor-prev-cart button{background:var(--pc);color:var(--pc-ink);border:0;border-radius:10px;padding:9px 14px;font-weight:800;pointer-events:none;width:auto;min-height:0}
.logo-linha{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.logo-prev{width:220px;height:90px;border:1px dashed var(--line);border-radius:12px;background:#fff;display:grid;place-items:center;padding:10px;color:var(--muted);font-size:13px}
.logo-prev img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.logo-acoes{display:flex;gap:8px;align-items:center}
.btn-arq{display:inline-flex;align-items:center;background:var(--btn);color:var(--btn-ink);border-radius:10px;padding:10px 16px;font-weight:800;cursor:pointer}
.btn-arq input{display:none}
.logo-dica{font-size:13px;line-height:1.5;background:var(--info-bg);color:var(--info);border-radius:10px;padding:10px 12px}
/* logo da empresa na tela de entrada: fundo branco para não sumir no marinho */
.login-logo img:not([src^="/mm/"]){background:#fff;border-radius:14px;padding:10px 16px}

/* editor de faixas do desconto à vista */
.fx-lista{display:flex;flex-direction:column;gap:8px;margin:8px 0}
.fx-linha{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px}
.fx-campo{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:700}
.fx-campo input{width:110px;margin:0}
.fx-linha .fx-campo:nth-of-type(2) input{width:70px}
.fx-linha .sm.warn{margin-left:auto}
.fx-resumo{margin-top:10px}
.fx-ajuda{margin:0 0 4px}

/* avisos depois de cada ação: faixa fixa no alto (vindo do app da MBT) */
#avisos{position:fixed;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top,0px) + 12px);z-index:1100;display:grid;gap:8px;width:min(560px,calc(100% - 32px));pointer-events:none}
/* com o menu de cima na tela, o aviso aparece logo abaixo dele (não cobre o menu) */
body:not(.tela-login):not(.no-trilho):has(#topnav:not([hidden])) #avisos{top:calc(env(safe-area-inset-top,0px) + 74px)}
#avisos .msg{pointer-events:auto;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.28);animation:avisoEntra .18s ease-out;font-weight:600}
#avisos .msg.ok{border:1px solid #9FD1B0}
#avisos .msg.warn{border:1px solid #EDB7A3}
@keyframes avisoEntra{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* ===== trilho do pedido (passos 1-2-3), menus da MBT, Rascunhos e Lixeira ===== */
.trilho{background:#FFFFFF;color:#14213D;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;border-left:6px solid var(--brass)}
.trilho.alt{background:var(--perigo);color:#fff;border-left-color:#7A1810}
.trilho .tr-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.08em;color:#5D6A85}
.trilho.alt .tr-top{color:#fff}
.trilho .tr-acts{display:flex;gap:16px;flex:0 0 auto}
.trilho .tr-bt{background:transparent;border:0;color:inherit;text-decoration:underline;font-size:14px;padding:6px 0;min-height:0;letter-spacing:0;font-weight:700;cursor:pointer}
.trilho:not(.alt) .tr-bt{color:#14213D}
.trilho .tr-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.trilho .tr-bar i{height:6px;border-radius:3px;background:#D9DEE8;display:block}
.trilho .tr-bar i.on{background:var(--brass)}
.trilho.alt .tr-bar i{background:rgba(255,255,255,.3)}.trilho.alt .tr-bar i.on{background:#fff}
.trilho b{font-size:19px}
.trilho small{font-size:13px;opacity:.9}
body.no-trilho #topnav,body.no-trilho #fabNovo{display:none!important}
.tn-sep{height:1px;background:var(--line);margin:4px 8px}
.tn-n{margin-left:auto;font-size:12px;font-weight:700;opacity:.6;font-variant-numeric:tabular-nums}
.aba-desc{color:var(--muted);margin:-4px 0 14px;font-size:14px}
.box.rasc{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.box.rasc .acts{display:flex;gap:8px;flex-wrap:wrap}
.sec-tit{font-size:15px;font-weight:800;margin:18px 0 8px;letter-spacing:.2px}
.msg.consulta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.modal-box .big.perigo{color:var(--warn);border-color:var(--warn)}
/* caixa não cresce além da tela por causa de tabela larga dentro (Configurações no celular estourava a largura) */
.box{grid-template-columns:minmax(0,1fr)}
/* recurso fora do plano (aparece travado, com o plano a partir do qual existe) */
/* recurso fora do plano */
.msg.trava{background:#FFF7E6;border:1px solid #F5C26B;color:var(--aviso)}
.msg.trava a{color:var(--aviso);font-weight:700;text-decoration:underline;margin-left:4px}
fieldset.travado{border:0;padding:0;margin:0;min-width:0;opacity:.5}

/* tela de boas-vindas: destaca o quadro do Bling ao chegar nas configurações pelo celular */
.destaque-bv{outline:3px solid var(--emp,#F07B1D);outline-offset:2px}

/* ===== acessibilidade (leitor de tela e teclado) ===== */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.pular{position:absolute;left:16px;top:-80px;z-index:2000;background:var(--btn);color:var(--btn-ink);font-weight:800;padding:12px 18px;border-radius:12px;text-decoration:none}
.pular:focus{top:calc(env(safe-area-inset-top,0px) + 10px);outline:3px solid #FFFFFF;outline-offset:2px}
#view:focus{outline:none}