:root{--cor:#1d6fe8;--cor-forte:#1257c4;--sobre-cor:#fff;--fundo:#f4f6f9;--cartao:#fff;--texto:#141a24;--suave:#5b6573;--linha:#e3e7ee;
  --ok:#0b8a3e;--ok-fundo:#e5f5eb;--erro:#c9302c;--erro-fundo:#fdebea;--aviso:#9a6700;--aviso-fundo:#fff5d6;
  --s1:#2a78d6;--s2:#eb6834;--grade:#e8ebf0;--raio:12px;color-scheme:light;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--texto);background:var(--fundo)}
:root[data-tema="escuro"]{--fundo:#0f131a;--cartao:#171c25;--texto:#e9edf3;--suave:#9aa5b4;--linha:#262d39;
  --ok:#3fbf6f;--ok-fundo:#14301f;--erro:#ef6b66;--erro-fundo:#3a1a1a;--aviso:#e0b24a;--aviso-fundo:#352a10;--s1:#3987e5;--s2:#d95926;--grade:#232a35;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--fundo);color:var(--texto);line-height:1.45}
a{color:var(--cor)}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer;border:0;border-radius:10px;padding:.6em 1em;background:var(--linha);font-weight:600}
button.primario{background:var(--cor);color:var(--sobre-cor)}button.primario:hover{background:var(--cor-forte)}
button.fantasma{background:transparent;border:1px solid var(--linha)}
button.perigo{background:transparent;color:var(--erro);border:1px solid var(--linha)}
button:disabled{opacity:.55;cursor:default}
input,select{width:100%;padding:.6em .7em;border:1px solid var(--linha);border-radius:10px;background:var(--cartao)}
input:focus,select:focus,button:focus-visible{outline:2px solid var(--cor);outline-offset:1px}
label{display:block;font-size:.85em;color:var(--suave);margin:.7em 0 .25em}
.cartao{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio);padding:1em 1.1em}
.suave{color:var(--suave)}
.oculto,[hidden]{display:none!important}
.linha{display:flex;gap:.6em;align-items:center;flex-wrap:wrap}
.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.positivo{color:var(--ok)}.negativo{color:var(--erro)}
.aviso{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:var(--texto);color:var(--fundo);padding:.7em 1.1em;border-radius:12px;z-index:50;max-width:calc(100vw - 32px);box-shadow:0 10px 30px #0004}
.aviso.erro{background:var(--erro);color:#fff}
/* entrar */
.marca{display:flex;align-items:center;gap:.6em;font-weight:800;font-size:1.3em;letter-spacing:-.01em}
.marca img{width:36px;height:36px}
/* app */
.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}
.lateral{background:var(--cartao);border-right:1px solid var(--linha);padding:1em .8em;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:1em}
.menu{display:flex;flex-direction:column;gap:2px}
.menu button{display:flex;align-items:center;gap:.6em;background:none;text-align:left;font-weight:500;padding:.6em .7em;color:var(--suave)}
.menu button:hover{background:var(--fundo);color:var(--texto)}
.menu button.ativa{background:color-mix(in srgb,var(--cor) 12%,transparent);color:var(--cor);font-weight:700}
.menu .contador{margin-left:auto;background:var(--erro);color:#fff;border-radius:99px;font-size:.75em;padding:0 .5em}
.rodape-menu{margin-top:auto;font-size:.85em}
.principal{min-width:0;padding:1.2em 1.4em 3em}
.topo{display:flex;align-items:center;gap:.8em;flex-wrap:wrap;margin-bottom:1em}
.topo h1{margin:0;font-size:1.4em;flex:1;min-width:8em}
.filtros{display:flex;gap:.5em;flex-wrap:wrap;align-items:center}
.escolhas{display:inline-flex;background:var(--cartao);border:1px solid var(--linha);border-radius:10px;padding:3px;gap:2px;flex-wrap:wrap}
.escolhas button{background:none;padding:.4em .75em;font-weight:500;color:var(--suave)}
.escolhas button.ativa{background:var(--cor);color:#fff}
.filtros input[type=date],.filtros select{width:auto;padding:.45em .6em}
.abre-menu{display:none}
/* indicadores */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.7em;margin-bottom:1em}
.kpi .rot{font-size:.82em;color:var(--suave)}
.kpi .val{font-size:1.55em;font-weight:800;letter-spacing:-.02em;margin-top:.15em}
.kpi .sub{font-size:.8em;color:var(--suave);margin-top:.15em}
.kpi.destaque{border-color:color-mix(in srgb,var(--cor) 40%,var(--linha))}
.alerta{display:flex;gap:.7em;align-items:flex-start;border-radius:var(--raio);padding:.8em 1em;margin-bottom:1em;border:1px solid}
.alerta.amarelo{background:var(--aviso-fundo);border-color:color-mix(in srgb,var(--aviso) 35%,transparent)}
.alerta.vermelho{background:var(--erro-fundo);border-color:color-mix(in srgb,var(--erro) 35%,transparent)}
.alerta button{margin-left:auto;flex:none}
.grade-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1em}
h2{font-size:1.05em;margin:0 0 .7em}
/* gráfico */
.grafico{position:relative}
.legenda{display:flex;gap:1em;font-size:.85em;color:var(--suave);margin-bottom:.5em}
.legenda i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:.35em;vertical-align:-1px}
.barras{display:flex;align-items:stretch;height:200px;gap:2px;border-bottom:1px solid var(--linha);position:relative}
.barras .zero{position:absolute;left:0;right:0;border-top:1px solid var(--suave);opacity:.5}
.barras .dia{flex:1;position:relative;min-width:0;display:flex;gap:2px;justify-content:center}
.barras .dia:hover{background:var(--grade)}
.barras .b{position:absolute;width:42%;max-width:14px;border-radius:4px 4px 0 0}
.barras .b.f{background:var(--s1);right:50%;margin-right:1px}
.barras .b.l{background:var(--s2);left:50%;margin-left:1px}
.barras .b.neg{border-radius:0 0 4px 4px}
.eixo{display:flex;justify-content:space-between;font-size:.75em;color:var(--suave);margin-top:.3em}
.dica{position:absolute;pointer-events:none;background:var(--texto);color:var(--fundo);font-size:.82em;padding:.5em .7em;border-radius:8px;white-space:nowrap;z-index:5;transform:translate(-50%,-110%)}
/* tabelas */
.tabela{width:100%;border-collapse:collapse;font-size:.92em}
.tabela th{text-align:left;font-weight:600;color:var(--suave);font-size:.85em;border-bottom:1px solid var(--linha);padding:.5em .5em}
.tabela td{border-bottom:1px solid var(--linha);padding:.55em .5em;vertical-align:middle}
.tabela td.num,.tabela th.num{text-align:right}
.tabela tr:last-child td{border-bottom:0}
.rolavel{overflow-x:auto}
.prod{display:flex;align-items:center;gap:.6em;min-width:220px}
.prod img,.prod .sem-img{width:38px;height:38px;border-radius:8px;object-fit:cover;flex:none;background:var(--fundo)}
.prod small{display:block;color:var(--suave)}
.selo{display:inline-block;font-size:.75em;font-weight:700;padding:.15em .55em;border-radius:99px;white-space:nowrap}
.selo.lucro{background:var(--ok-fundo);color:var(--ok)}.selo.prejuizo{background:var(--erro-fundo);color:var(--erro)}
.selo.sem_custo{background:var(--aviso-fundo);color:var(--aviso)}.selo.cancelado{background:var(--linha);color:var(--suave)}
.selo.estimado{background:var(--linha);color:var(--suave)}
.vazio{text-align:center;padding:2.5em 1em;color:var(--suave)}
.pedido-det{background:var(--fundo);border-radius:10px;padding:.7em .9em;margin:.3em 0 .6em;font-size:.88em}
.linha-tempo{display:flex;flex-wrap:wrap;gap:.3em .8em;font-size:.92em;margin-bottom:.3em}
.pedido-det .linha-det{display:flex;justify-content:space-between;gap:1em;padding:.15em 0}
/* custos */
.custo-form{display:grid;grid-template-columns:2fr 1fr 1fr repeat(4,1fr) .8fr auto;gap:.4em;align-items:end}
.custo-form input{padding:.45em .5em}
.dinheiro{text-align:right}
.lojas{display:grid;gap:.7em}
.loja{display:flex;align-items:center;gap:1em;flex-wrap:wrap}
.loja .info{flex:1;min-width:200px}
@media (max-width:860px){
  .app{grid-template-columns:1fr}
  .lateral{position:fixed;inset:0 auto 0 0;width:260px;z-index:40;transform:translateX(-105%);transition:transform .2s ease}
  .app.menu-aberto .lateral{transform:none;box-shadow:0 0 40px #0005}
  .app.menu-aberto::after{content:'';position:fixed;inset:0;background:#0b142666;z-index:39}
  .abre-menu{display:inline-flex}
  .principal{padding:1em 12px 3em}
  .custo-form{grid-template-columns:1fr 1fr}
  .custo-form .largo{grid-column:1/-1}
  .barras{height:160px}
}
@media (prefers-reduced-motion:reduce){.lateral{transition:none}}
.aviso-txt{color:var(--aviso);font-weight:600}
/* ---------- visual do painel (menu escuro, cartões coloridos) ---------- */
:root{--menu:#0d1a33;--menu-texto:#c6d0e0;--fundo:#f3f6fb;--azul:#2a78d6;--verde:#14a85a;--roxo:#7b4ce0;--laranja:#f47a1f}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.lateral{background:var(--menu);border-right:0;color:var(--menu-texto);padding:1.2em .8em}
.lateral .marca{color:#fff;font-size:1.25em}
.lateral .marca small{display:block;font-size:.55em;font-weight:500;color:var(--menu-texto);letter-spacing:0}
.menu{gap:4px;margin-top:.6em}
.menu button{color:var(--menu-texto);padding:.7em .8em;border-radius:10px;font-weight:500}
.menu button:hover{background:#ffffff12;color:#fff}
.menu button.ativa{background:linear-gradient(90deg,#2f6ff0,#4c8dff);color:#fff;font-weight:700;box-shadow:0 6px 18px #2f6ff055}
.cartao-sync{margin-top:auto;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;padding:.9em;font-size:.85em}
.cartao-sync strong{color:#fff;display:flex;align-items:center;gap:.5em}
.cartao-sync .ponto{width:10px;height:10px;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 4px #2ecc7133;flex:none}
.cartao-sync .ponto.carregando{background:#f5b301;box-shadow:0 0 0 4px #f5b30133}
.cartao-sync .ponto.erro{background:#ef5350;box-shadow:0 0 0 4px #ef535033}
.cartao-sync button{width:100%;margin-top:.7em;background:transparent;border:1px solid #ffffff33;color:#fff}
.cartao-sync .verde{color:#4ade80}
.topo{align-items:flex-start}
.titulo-bloco{flex:1;min-width:14em}
.saudacao{font-weight:600;color:var(--suave)}
.topo h1{font-size:1.7em;letter-spacing:-.02em}
.topo .suave{margin:.15em 0 0}
.aviso-sem-custo{display:flex;align-items:center;gap:.8em;background:#fff6dd;border:1px solid #f6d77a;border-radius:14px;padding:.7em .9em;color:#5b4300}
.aviso-sem-custo .bola{width:34px;height:34px;border-radius:50%;background:#f5b301;color:#fff;display:grid;place-items:center;font-weight:900;flex:none}
.aviso-sem-custo button{background:#f5b301;color:#3a2a00;white-space:nowrap}
.kpis4{display:grid;grid-template-columns:repeat(4,1fr);gap:1em;margin:1em 0}
.kpi2{display:flex;align-items:center;gap:1em;background:var(--cartao);border:1px solid var(--linha);border-radius:16px;padding:1.1em;box-shadow:0 2px 10px #0f1b3308}
.kpi2 .ico{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;color:#fff;flex:none}
.kpi2 .ico .ic{width:28px;height:28px}
.ico.azul{background:linear-gradient(135deg,#3d8bff,#1d5fe0)}.ico.verde{background:linear-gradient(135deg,#27c26b,#0e8f4a)}
.ico.roxo{background:linear-gradient(135deg,#9b6bff,#6a3dd6)}.ico.laranja{background:linear-gradient(135deg,#ff9a3c,#f0661b)}
.kpi2 .rot{font-size:.9em;color:var(--suave)}
.kpi2 .val{font-size:1.55em;font-weight:800;letter-spacing:-.02em;color:#0d2a5c}
.kpi2 .val.positivo{color:var(--verde)}.kpi2 .val.negativo{color:var(--erro)}
.var{display:inline-block;font-size:.78em;font-weight:700;border-radius:6px;padding:.05em .45em;margin-right:.35em}
.var.sobe{background:#e3f6ea;color:#0e7a3c}.var.desce{background:#fde8e7;color:#b3261e}.var.igual{background:var(--linha);color:var(--suave)}
.kpi2 .comp{font-size:.8em;color:var(--suave);margin-top:.15em}
.linha-painel{display:grid;grid-template-columns:1.7fr 1.15fr 1fr;gap:1em;margin-bottom:1em}
.linha-painel3{display:grid;grid-template-columns:repeat(3,1fr);gap:1em}
.cartao h2{font-size:1.1em}
.cartao .sub-h{margin:-.5em 0 .8em;color:var(--suave);font-size:.88em}
.vivo{display:inline-flex;align-items:center;gap:.35em;font-size:.75em;color:#0e7a3c;background:#e3f6ea;border-radius:99px;padding:.2em .6em;font-weight:600}
.vivo i{width:7px;height:7px;border-radius:50%;background:#14a85a}
.mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.6em;margin-bottom:.8em}
.mini-kpis div{border:1px solid var(--linha);border-radius:12px;padding:.55em .7em;font-size:.8em;color:var(--suave)}
.mini-kpis strong{display:block;font-size:1.25em;color:var(--texto)}
.area svg{width:100%;height:240px;display:block;overflow:visible}
.area .grade line{stroke:var(--grade);stroke-width:1}
.area text{fill:var(--suave);font-size:11px}
.ultimos{display:grid;gap:.5em}
.ult{display:flex;gap:.7em;align-items:center;border:1px solid var(--linha);border-radius:12px;padding:.55em .65em}
.ult img,.ult .sem-img{width:48px;height:48px;border-radius:8px;object-fit:cover;flex:none;background:var(--fundo)}
.ult .meio{flex:1;min-width:0;font-size:.85em}
.ult .meio .sn{color:var(--suave);font-size:.85em}
.ult .meio .nome{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ult .dir{text-align:right;font-size:.8em;color:var(--suave);flex:none}
.pilula{display:inline-block;border-radius:8px;padding:.2em .55em;font-size:.82em;font-weight:700;margin-bottom:.25em}
.pilula.a_enviar{background:#e3f6ea;color:#0e7a3c}.pilula.aguardando_pagamento{background:#e8f0fe;color:#1d5fe0}
.pilula.enviado{background:#fff1e0;color:#b25b00}.pilula.concluido{background:#eef0f4;color:#45526a}
.pilula.cancelado,.pilula.devolucao,.pilula.cancelando{background:#fde8e7;color:#b3261e}
.cartoes-dir{display:grid;gap:1em;align-content:start}
.rent-topo{display:grid;grid-template-columns:1fr 1fr;gap:.6em;margin-bottom:.7em}
.rent-topo>div{border-radius:12px;padding:.7em .8em;display:flex;gap:.6em;align-items:center}
.rent-topo .verde-claro{background:#e9f8ef}.rent-topo .roxo-claro{background:#f0ebff}
.rent-topo small{display:block;font-size:.72em;color:var(--suave);text-transform:uppercase;letter-spacing:.03em}
.rent-topo strong{font-size:1.15em;color:#0d2a5c}
.rent-dias{display:grid;grid-template-columns:1fr 1fr;gap:.35em .6em;font-size:.82em}
.rent-dias div{display:flex;gap:.5em;align-items:center;border:1px solid var(--linha);border-radius:8px;padding:.35em .5em}
.rent-dias .p{color:var(--suave);flex:1}
.barra-meta{height:8px;background:var(--linha);border-radius:99px;overflow:hidden;margin-top:.35em}
.barra-meta span{display:block;height:100%;background:linear-gradient(90deg,#9b6bff,#6a3dd6);transition:width 1.2s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}
.barra-meta span::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-100%);animation:meta-brilho 2.4s 1.2s ease-in-out infinite}
@keyframes meta-brilho{to{transform:translateX(100%)}}
.meta-txt{display:flex;align-items:baseline;gap:.25em;font-size:.8em;margin-top:.3em;flex-wrap:wrap}
.meta-pct{margin-left:auto;color:#6a3dd6}
.meta-batida .barra-meta span{background:linear-gradient(90deg,#22c55e,#14a85a)}
.meta-batida .meta-pct{color:#14a85a}
@media (prefers-reduced-motion:reduce){.barra-meta span{transition:none}.barra-meta span::after{animation:none}}
.top-cab{display:flex;align-items:center;gap:.7em;margin-bottom:.6em}
.top-cab .ico{width:38px;height:38px;border-radius:10px}
.top-cab .ico .ic{width:20px;height:20px}
.top-cab .ico.vermelho{background:linear-gradient(135deg,#ff6b6b,#d63031)}
.top-cab h2{margin:0}.top-cab p{margin:0;font-size:.8em;color:var(--suave)}
.top-cab button{margin-left:auto;font-size:.82em;background:transparent;border:1px solid var(--linha)}
.top5{width:100%;border-collapse:collapse;font-size:.88em}
.top5 td{padding:.42em .3em;border-bottom:1px solid var(--linha)}
.top5 td:first-child{width:1.6em;color:var(--suave)}
.top5 td.num{text-align:right;font-weight:700}
.vazio-bom{background:#fff1f1;border-radius:12px;text-align:center;padding:2em 1em;color:#4a2a2a}
:root[data-tema="escuro"]{--fundo:#0f131a}
:root[data-tema="escuro"] .kpi2 .val,:root[data-tema="escuro"] .rent-topo strong{color:var(--texto)}
:root[data-tema="escuro"] .aviso-sem-custo{background:#352a10;border-color:#5a4612;color:#f3dfa8}
:root[data-tema="escuro"] .rent-topo .verde-claro{background:#14301f}:root[data-tema="escuro"] .rent-topo .roxo-claro{background:#251c3d}:root[data-tema="escuro"] .vazio-bom{background:#3a1a1a;color:#f3caca}
@media (max-width:1250px){.linha-painel{grid-template-columns:1fr 1fr}.linha-painel>.cartoes-dir{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media (max-width:1000px){.kpis4{grid-template-columns:1fr 1fr}.linha-painel3{grid-template-columns:1fr}}
@media (max-width:760px){.linha-painel{grid-template-columns:1fr}.linha-painel>.cartoes-dir{grid-template-columns:1fr}.mini-kpis{grid-template-columns:1fr 1fr}
  .kpi2{padding:.8em}.kpi2 .ico{width:44px;height:44px}.kpi2 .val{font-size:1.25em}.topo h1{font-size:1.35em}}
@media (max-width:480px){.kpis4{grid-template-columns:1fr}}
.mini-kpis strong{font-size:1.05em;white-space:nowrap}
.top-cab button,.rent-dias div{white-space:nowrap}
.rent-dias{font-size:.78em}
@media (max-width:1400px){.mini-kpis{grid-template-columns:1fr 1fr}}
.linha-painel>*,.linha-painel3>*,.kpis4>*,.cartoes-dir>*{min-width:0}
@media (max-width:760px){.aviso-sem-custo{flex-wrap:wrap}.aviso-sem-custo button{width:100%}.ult .dir{font-size:.75em}}
@media (max-width:760px){.rent-dias{grid-template-columns:1fr}}
.rent-dias{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.rent-topo{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.principal{overflow-x:hidden}
.ultimos{grid-template-columns:minmax(0,1fr)}
.ult{min-width:0}
/* janela (ficha técnica) */
.janela{position:fixed;inset:0;background:#0b142680;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px}
.janela>div{background:var(--cartao);border-radius:18px;padding:1.3em 1.4em;max-height:94vh;overflow:auto;width:100%;max-width:560px;box-shadow:0 30px 80px #0005}
.janela>.janela-larga{max-width:1180px}
.janela .fechar{float:right;background:none;font-size:1.6em;line-height:1;padding:0 .2em;color:var(--suave)}
.grade-ficha{display:grid;grid-template-columns:1.4fr 1fr;gap:1.4em}
.grade-ficha>*{min-width:0}
.linha-comp{display:grid;grid-template-columns:2.2fr .9fr 1.5fr auto auto;gap:.4em;align-items:center}
.linha-comp select,.linha-comp input{padding:.45em .5em}
label.mini{display:flex;align-items:center;gap:.3em;margin:0;white-space:nowrap}
label.mini input{width:4.5em}
.check-linha{display:flex;align-items:center;gap:.5em;color:var(--texto);font-size:.9em;margin-top:.9em}
.check-linha input{width:auto}
.lista-anuncios{display:grid;gap:.4em;max-height:62vh;overflow:auto;margin-top:.5em;padding-right:.2em}
.anuncio-op{display:flex;align-items:center;gap:.6em;border:1px solid var(--linha);border-radius:10px;padding:.45em .6em;margin:0;cursor:pointer;color:var(--texto);font-size:.88em}
.anuncio-op input{width:auto;flex:none}
.anuncio-op.marcado{border-color:var(--cor);background:color-mix(in srgb,var(--cor) 7%,transparent)}
.anuncio-op .prod{min-width:0}.anuncio-op .prod span{min-width:0}
@media (max-width:900px){.grade-ficha{grid-template-columns:1fr}.linha-comp{grid-template-columns:1fr 1fr}.linha-comp>input{grid-column:1/-1}}
.aplicar{display:flex;flex-wrap:wrap;gap:.5em 1em;align-items:center;background:var(--fundo);border-radius:12px;padding:.6em .8em;margin:.4em 0 .8em}
.aplicar-item{display:inline-flex;align-items:center;gap:.35em;font-size:.88em}
.aplicar-item input{padding:.35em .4em}
.aplicar select{width:auto;padding:.4em}
.tabela-montagem tr.marcada td{background:color-mix(in srgb,var(--cor) 7%,transparent)}
.tabela-montagem input[type=checkbox]{width:auto}
.tabela-montagem th .tira{background:none;padding:0 .2em;color:var(--suave);font-size:1em}
.tabela-montagem thead th{position:sticky;top:0;background:var(--cartao);z-index:1}
.passos-montagem{margin:.8em 0 .2em;padding-left:1.3em;color:var(--suave);font-size:.9em}
.aplicar-item{background:var(--cartao);border:1px solid var(--linha);border-radius:10px;padding:.3em .4em .3em .7em}
.aplicar-item button{padding:.35em .7em}
.aplicar-item .tira-item{background:none;color:var(--erro);border:1px solid color-mix(in srgb,var(--erro) 35%,transparent)}
.tabela-montagem th .tira{color:var(--erro);font-weight:800;font-size:1.1em}
.aplicar-tudo{padding:.55em 1.1em}
.botao-som{font-size:1.2em;padding:.35em .6em;flex:none}
.avisos-pedidos{position:fixed;right:18px;bottom:18px;z-index:70;display:grid;gap:.6em;width:min(360px,calc(100vw - 32px))}
.aviso-pedido{display:flex;gap:.7em;align-items:center;background:var(--cartao);border:1px solid var(--linha);border-left:5px solid #14a85a;border-radius:14px;padding:.7em .8em;box-shadow:0 14px 40px #0b142640;cursor:pointer;animation:entra-aviso .35s ease;transition:opacity .5s,transform .5s}
.aviso-pedido.saindo{opacity:0;transform:translateX(30px)}
.aviso-pedido img,.aviso-pedido .sem-img{width:52px;height:52px;border-radius:10px;object-fit:cover;flex:none;background:var(--fundo)}
.aviso-pedido .meio{flex:1;min-width:0;font-size:.88em}
.aviso-pedido .nome{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aviso-pedido .fecha-aviso{background:none;color:var(--suave);font-size:1.3em;padding:0 .2em;align-self:flex-start}
@keyframes entra-aviso{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.aviso-pedido{animation:none;transition:none}}
.avisos-pedidos{grid-template-columns:minmax(0,1fr)}
.aviso-pedido{min-width:0}
.palavras-busca{display:flex;flex-wrap:wrap;gap:.35em;align-items:center;margin:-.2em 0 .6em}
.palavras-busca:empty{display:none}
.palavra{font-size:.85em;padding:.15em .6em;border-radius:999px;border:1px solid}
.palavra.acha{color:#0f7a43;background:#e8f7ee;border-color:#9fd9b6}
.palavra.nao-acha{color:#b42318;background:#fdecea;border-color:#f4a9a1;font-weight:600}
.mini-kpis .mini{display:flex;align-items:center;gap:.6em;border-radius:12px;padding:.6em .7em;border:1px solid transparent;color:var(--suave);min-width:0}
.mini-kpis .mini>div{min-width:0}.mini-kpis .mini span{display:block;font-size:.95em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-kpis .mini .ic{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:2}
.mini.azul{background:#eef4ff;border-color:#d6e4ff}.mini.azul .ic{color:#2563eb}
.mini.verde{background:#ecfaf2;border-color:#c9eed9}.mini.verde .ic{color:#16a34a}
.mini.roxo{background:#f3efff;border-color:#e0d6ff}.mini.roxo .ic{color:#7c3aed}
.mini.laranja{background:#fff5ea;border-color:#ffe0bf}.mini.laranja .ic{color:#ea7a0c}
:root[data-tema="escuro"] .mini.azul{background:#16233d;border-color:#22345a}:root[data-tema="escuro"] .mini.verde{background:#132b1e;border-color:#1d4430}:root[data-tema="escuro"] .mini.roxo{background:#221b38;border-color:#352a58}:root[data-tema="escuro"] .mini.laranja{background:#2e2010;border-color:#4a3418}
.mini-kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mini-kpis .mini small{white-space:normal}
.mini-kpis .mini>div{border:0;padding:0;font-size:1em;color:inherit}
.mini-kpis .mini strong{font-size:1.2em}
/* tarefas */
.nova-tarefa{flex-wrap:wrap;gap:.5em}.atalhos-prazo{display:flex;gap:.3em}.atalhos-prazo button{padding:.35em .6em;font-size:.85em}
.bloco-tarefas h2{font-size:1.05em;margin:0 0 .5em}.bloco-tarefas.atrasadas{border-left:4px solid var(--erro)}.bloco-tarefas.hoje{border-left:4px solid #2563eb}
.tarefa{display:flex;align-items:flex-start;gap:.7em;padding:.6em .3em;border-top:1px solid var(--linha)}
.tarefa>input[type=checkbox]{width:1.25em;height:1.25em;margin-top:.15em;flex:none;cursor:pointer}
.tarefa-meio{flex:1;min-width:0;cursor:pointer}.tarefa-titulo{font-weight:600;overflow-wrap:anywhere}
.tarefa-notas{font-size:.85em;white-space:pre-wrap;margin-top:.15em}
.tarefa.feita .tarefa-titulo{text-decoration:line-through;color:var(--suave);font-weight:400}
.selo-urgente{background:var(--erro);color:#fff;border-radius:99px;font-size:.72em;padding:.1em .55em;margin-right:.45em;vertical-align:middle}
.tarefa-prazo{font-size:.82em;white-space:nowrap;padding:.15em .55em;border-radius:99px;background:var(--fundo);color:var(--suave)}
.tarefa-prazo.atrasadas{background:#fdecea;color:#b42318;font-weight:700}.tarefa-prazo.hoje{background:#eef4ff;color:#1d4ed8;font-weight:700}
details.cartao summary{cursor:pointer;font-weight:700}
:root[data-tema="escuro"] .tarefa-prazo.atrasadas{background:#3a1a1a;color:#f3a9a1}:root[data-tema="escuro"] .tarefa-prazo.hoje{background:#16233d;color:#9cbcff}
.nova-tarefa input[type=date]{width:auto;flex:none}.nova-tarefa>input:first-child{width:auto}
.mini-kpis .mini small{display:block;font-size:.85em;white-space:nowrap;margin-top:.1em}
.mini-kpis .mini small>*{display:inline-block;width:auto;margin:0}
/* NF-e */
.empresa-fiscal{margin-bottom:.8em}
.grade-fiscal{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6em;margin-top:.7em}
.grade-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7em}
.campo-fiscal{display:grid;gap:.25em;margin:0}.campo-fiscal>span{font-size:.85em;font-weight:600}.campo-fiscal small{font-size:.78em}
.janela-larga h3{margin:1em 0 .4em;font-size:1em}
.bloco-imposto{margin:.35em 0;flex-wrap:wrap}.bloco-imposto>strong{width:5em}.bloco-imposto>select{width:auto;max-width:26em}.bloco-imposto>input{width:5em}
.bloco-nfe .lista-nfe{max-height:55vh;overflow:auto}.mini-img{width:42px;height:42px;border-radius:8px;object-fit:cover;flex:none;background:var(--fundo)}
.resultado-nfe{background:var(--fundo);border-radius:10px;padding:.6em .8em;margin:.4em 0;font-size:.9em;display:grid;gap:.25em}
.link-nota{font-weight:700}
.selo.fase-ok{background:#e8f7ee;color:#0f7a43}.selo.fase-prev{background:#fff5d6;color:#8a5a00}.selo.fase-est{background:#eef0f4;color:#5b6475}
.selo.fase-ok,.selo.fase-prev,.selo.fase-est{margin-left:.35em}
.faixa-fases{margin:.2em 0 .8em}.barra-fases{display:flex;gap:2px;height:8px;border-radius:99px;overflow:hidden}
.barra-fases .fase-ok,.legenda-fases i.fase-ok{background:#16a34a}.barra-fases .fase-prev,.legenda-fases i.fase-prev{background:#f2b705}.barra-fases .fase-est,.legenda-fases i.fase-est{background:#9aa3b2}
.legenda-fases{display:flex;flex-wrap:wrap;gap:.3em 1em;font-size:.8em;color:var(--suave);margin-top:.35em}.legenda-fases i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:.35em;vertical-align:middle}
.faixa-lucro{display:flex;gap:.8em;align-items:flex-start;background:#eef4ff;border:1px solid #cddcff;border-left:5px solid #2563eb;border-radius:12px;padding:.7em .9em;margin-bottom:1em;font-size:.92em;color:#1e3a6e}
.faixa-lucro .faixa-ico{width:24px;height:24px;border-radius:50%;background:#2563eb;color:#fff;display:grid;place-items:center;font-weight:800;flex:none}
.faixa-lucro .link-btn{background:none;border:0;padding:0;color:#2563eb;font-weight:700;text-decoration:underline;cursor:pointer;font-size:1em}
.faixa-lucro .fecha-faixa{background:#fff;border:1px solid #cddcff;color:#2563eb;border-radius:8px;padding:.3em .8em;font-weight:700;flex:none}
.faixa-lucro.compacta{background:transparent;border-color:var(--linha);border-left-color:#9aa3b2;color:var(--suave)}.faixa-lucro.compacta .fecha-faixa{display:none}
.faixa-detalhes ul{margin:.5em 0 0;padding-left:1.1em;display:grid;gap:.25em}
:root[data-tema="escuro"] .faixa-lucro{background:#16233d;border-color:#22345a;color:#c9d8f5}:root[data-tema="escuro"] .faixa-lucro .fecha-faixa{background:transparent;border-color:#22345a;color:#9cbcff}
.selo.fase-acel{background:#f3efff;color:#6d28d9;margin-left:.35em}
.perfil-loja{display:flex;flex-wrap:wrap;gap:.3em;margin:.35em 0}.perfil-loja .selo{margin:0}
.projecao{margin-bottom:1em}.proj-total{text-align:right;display:grid}.proj-total strong{font-size:1.7em;letter-spacing:-.02em}
.barra-fases .fase-proj,.proj-partes i.fase-proj{background:#60a5fa}.proj-partes i.fase-dev{background:#ef4444}.proj-partes i.fase-ok{background:#16a34a}.proj-partes i.fase-prev{background:#f2b705}
.proj-partes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.4em .9em;font-size:.88em}.proj-partes>div{display:flex;align-items:center;gap:.4em}.proj-partes span{color:var(--suave);flex:1}.proj-partes i{width:10px;height:10px;border-radius:3px;flex:none}
.agenda{margin-bottom:1em}.ag-dias{display:grid;grid-template-columns:repeat(10,minmax(88px,1fr));gap:.4em;overflow-x:auto;padding-bottom:.2em}
.ag-dia{border:1px solid var(--linha);border-radius:12px;padding:.5em .55em;display:grid;gap:.3em;font-size:.82em;background:var(--cartao)}
.ag-dia.hoje{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb inset}.ag-dia.sem-coleta{background:var(--fundo);opacity:.8}
.ag-cab{display:flex;justify-content:space-between;align-items:baseline}.ag-cab strong{text-transform:capitalize}.ag-cab span{color:var(--suave)}
.ag-feriado{font-size:.85em;color:#b45309;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.2em}.ag-feriado.vazio-f{color:transparent}
.ag-linha{display:flex;gap:.35em;align-items:flex-start}.ag-linha>div{display:grid;min-width:0}.ag-linha small{font-size:.9em}
@media (max-width:760px){.ag-dias{grid-template-columns:repeat(10,96px)}}
.barras-caixa{width:100%;height:auto;display:block}.barras-caixa .eixo{stroke:var(--linha)}.barras-caixa .b-entra{fill:#16a34a}.barras-caixa .b-sai{fill:#ef4444}
.barras-caixa .b-saque{fill:#9aa3b2}.barras-caixa .rot-x{font-size:10px;fill:var(--suave)}
.total-caixa td{font-weight:800;border-top:2px solid var(--linha)}
.sim-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6em;margin:.7em 0}.sim-campos input,.sim-campos select{width:100%}
.sim-sugestoes{display:flex;flex-wrap:wrap;gap:.3em;margin:.3em 0}.sim-sugestoes button{font-size:.82em;padding:.3em .6em}
.sim-resultado{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,1fr);gap:1em;align-items:start}
.sim-conta{display:grid;gap:.2em;font-size:.9em}.sim-conta>div{display:flex;justify-content:space-between;border-bottom:1px dashed var(--linha);padding:.15em 0}
.sim-lucro{display:flex;justify-content:space-between;font-weight:800;padding-top:.3em;border-bottom:0!important}
.sim-precos{display:grid;gap:.5em}.sim-precos>div{background:var(--fundo);border-radius:10px;padding:.5em .7em;display:grid}.sim-precos strong{font-size:1.25em}
@media (max-width:760px){.sim-resultado{grid-template-columns:1fr}}
.sim-campos .campo-fiscal{align-content:start}

/* filtros de período sempre na própria linha, embaixo do título: não pulam quando o aviso de "sem custo" aparece ou some */
.topo .filtros{flex-basis:100%;order:10}
.topo #aviso-topo{margin-left:auto}.topo #aviso-topo:empty{display:none}

/* colunas com largura fixa (minmax(0,…)): o tamanho do texto não empurra os cartões */
.linha-painel{grid-template-columns:minmax(0,1.7fr) minmax(0,1.15fr) minmax(0,1fr)}
.linha-painel3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mini-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.rent-topo{grid-template-columns:repeat(2,minmax(0,1fr))}
.kpis4{grid-template-columns:repeat(4,minmax(0,1fr))}
.linha-painel>*,.linha-painel3>*,.mini-kpis>*,.cartoes-dir>*{min-width:0}
.mini-kpis .mini strong,.rent-topo strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ult .nome,.top5 td:nth-child(2){overflow:hidden;text-overflow:ellipsis}
@media (max-width:1250px){.linha-painel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1000px){.linha-painel3{grid-template-columns:minmax(0,1fr)}.kpis4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.linha-painel{grid-template-columns:minmax(0,1fr)}}

/* ---------- celular: tudo cabe na tela, sem precisar dar zoom ---------- */
@media (max-width:640px){
  body{font-size:15px}
  .principal{padding:.7em 10px 3em}
  .cartao{padding:.8em .85em}
  h2{font-size:1.05em}
  /* topo: menu, título e sininho numa linha; aviso e filtros embaixo */
  .topo{display:grid;grid-template-columns:auto 1fr auto;gap:.5em .6em;align-items:center;margin-bottom:.7em}
  .topo .abre-menu{grid-row:1;grid-column:1}.topo .titulo-bloco{grid-row:1;grid-column:2;min-width:0}.topo .botao-som{grid-row:1;grid-column:3}
  .topo #aviso-topo{grid-row:2;grid-column:1/-1}.topo .filtros{grid-row:3;grid-column:1/-1}
  .topo h1{font-size:1.15em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topo #subtitulo,.topo .saudacao{display:none}
  .abre-menu,.botao-som{padding:.35em .55em;font-size:1em}
  .aviso-sem-custo{padding:.5em .7em;font-size:.82em;gap:.5em;flex-wrap:nowrap}.aviso-sem-custo .bola{display:none}
  .aviso-sem-custo button{width:auto;padding:.4em .6em;font-size:.95em;white-space:nowrap}
  .filtros{display:grid;grid-template-columns:1fr 1fr;gap:.4em}.filtros #loja,.filtros .escolhas{grid-column:1/-1}
  .escolhas{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.escolhas::-webkit-scrollbar{display:none}
  .escolhas button{white-space:nowrap;padding:.4em .65em;font-size:.85em}
  .filtros input[type=date]{width:100%;font-size:.85em;padding:.4em}
  /* ícones e números menores */
  .mini-kpis{gap:.4em}.mini-kpis .mini{padding:.45em .5em;gap:.4em}.mini-kpis .mini .ic{width:18px;height:18px}
  .mini-kpis .mini span{font-size:.85em}.mini-kpis .mini strong{font-size:1em}.mini-kpis .mini small{font-size:.75em;white-space:normal}
  .top-cab .ico{width:30px;height:30px;border-radius:8px}.top-cab .ico .ic{width:16px;height:16px}.top-cab h2{font-size:1em}.top-cab p{font-size:.8em}
  .top-cab button{padding:.35em .6em;font-size:.82em}
  .rent-topo>div{padding:.6em}.rent-topo strong{font-size:1.1em}
  .ult img,.ult .sem-img{width:40px;height:40px}.ult{gap:.5em}
  /* faixa do lucro mais curta */
  .faixa-lucro{font-size:.8em;padding:.55em .7em;gap:.5em}.faixa-lucro .faixa-ico{display:none}.faixa-lucro .fecha-faixa{padding:.25em .55em}
  /* tabelas: só o que importa no celular */
  .tab-pedidos tr>:nth-child(3),.tab-pedidos tr>:nth-child(4),.tab-pedidos tr>:nth-child(5),.tab-pedidos tr>:nth-child(7){display:none}
  .tab-pedidos td[colspan]{display:table-cell!important}
  .tab-pedidos{table-layout:fixed}.tab-pedidos th:nth-child(1){width:30%}.tab-pedidos th:nth-child(6){width:24%}
  .tab-pedidos td{overflow-wrap:anywhere}.tab-pedidos .prod{min-width:0}.tab-pedidos .prod>div{min-width:0}
  .tab-pedidos td:first-child strong,.tab-pedidos td:first-child b{font-size:.85em}.tab-pedidos td:first-child{max-width:7.5em;word-break:break-all}
  .tab-pedidos .prod img,.tab-pedidos .prod .sem-img,.tab-ranking .prod img,.tab-ranking .prod .sem-img{display:none}
  .tab-ranking tr>:nth-child(1),.tab-ranking tr>:nth-child(4),.tab-ranking tr>:nth-child(5),.tab-ranking tr>:nth-child(7){display:none}
  .tab-ranking{table-layout:fixed}.tab-ranking th:nth-child(3){width:22%}.tab-ranking th:nth-child(6){width:28%}.tab-ranking td{overflow-wrap:anywhere}
  .aplicar select,.aplicar input{max-width:100%;min-width:0}.aplicar{min-width:0}
  .tabela{font-size:.85em}.tabela td,.tabela th{padding:.45em .35em}
  .tabela td .suave{font-size:.85em}
  /* projeção, agenda, simulador, financeiro */
  .proj-total{text-align:left}.proj-total strong{font-size:1.4em}.proj-partes{grid-template-columns:1fr 1fr;font-size:.8em}
  .ag-dias{grid-template-columns:repeat(10,82px)}.ag-dia{font-size:.75em;padding:.4em}
  .sim-campos{grid-template-columns:1fr 1fr}.sim-campos .campo-fiscal small{display:none}
  .total-caixa td,.tabela td{word-break:break-word}
  .tab-caixa tr>:nth-child(2),.tab-caixa tr>:nth-child(3),.tab-caixa td .suave{display:none}
  .janela-larga{padding:1em .8em;max-height:92vh}
}
.form-insumo{grid-template-columns:3fr 1fr 1.2fr auto}
@media (max-width:640px){
  /* CMV: cadastro de insumo em duas linhas */
  .form-insumo{grid-template-columns:1fr 1fr}.form-insumo>input:first-child{grid-column:1/-1}.form-insumo>button{grid-column:1/-1}
  /* lista de anúncios: cada anúncio vira um cartão (nome em cima; vendidos, custo e botão embaixo) */
  .tab-anuncios thead{display:none}
  .tab-anuncios tr{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:.4em .6em;padding:.6em 0;border-bottom:1px solid var(--linha)}
  .tab-anuncios td{border:0;padding:0}.tab-anuncios td:first-child{grid-column:1/-1}
  .tab-anuncios td[data-rotulo]::after{content:' ' attr(data-rotulo);color:var(--suave);font-size:.85em}
  .tab-anuncios td:last-child{justify-self:end}.tab-anuncios td:last-child button{padding:.4em .8em;font-size:.9em}
  /* Montar custo: cada variação vira um cartão, com o nome do insumo ao lado da quantidade */
  .tabela-montagem thead tr{display:flex;flex-wrap:wrap;gap:.3em .8em;align-items:center}
  .tabela-montagem thead th{border:0;padding:.2em 0;font-size:.8em}.tabela-montagem thead th:nth-child(2),.tabela-montagem thead th:last-child{display:none}
  .tabela-montagem tbody tr{display:grid;grid-template-columns:auto 1fr;gap:.3em .6em;padding:.6em 0;border-bottom:1px solid var(--linha)}
  .tabela-montagem tbody td{border:0;padding:0}
  .tabela-montagem tbody td:nth-child(1){grid-row:1;align-self:start;padding-top:.15em}.tabela-montagem tbody td:nth-child(2){grid-row:1;grid-column:2;word-break:normal}
  .tabela-montagem tbody td[data-rotulo]{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:.6em;text-align:left}
  .tabela-montagem tbody td[data-rotulo]::before{content:attr(data-rotulo);color:var(--suave);font-size:.85em;flex:1;min-width:0}
  .tabela-montagem tbody td.custo-hoje{font-weight:700}
  .tabela-montagem tbody tr.marcada{background:#eef4ff;border-radius:8px}
  .aplicar-item{flex-wrap:wrap}.aplicar-item strong{flex:1 1 100%}
}
.cartao-ultimos{display:flex;flex-direction:column;min-height:0}
.rolagem-ultimos{max-height:560px;overflow-y:auto;padding-right:.3em;scrollbar-width:thin}
.link-custo{color:#b45309;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.ult .dir{text-align:right;white-space:nowrap;font-size:.8em}
@media (max-width:640px){.rolagem-ultimos{max-height:420px}}
.raio-x{margin-bottom:1em}.raio-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:1.2em;margin-top:.6em}
.raio-x h3{font-size:.95em;margin:0 0 .5em}.motivo{margin-bottom:.7em;font-size:.9em}
.barra-motivo{height:7px;background:var(--fundo);border-radius:99px;overflow:hidden;margin:.25em 0 .15em}.barra-motivo span{display:block;height:100%;background:#ef4444;border-radius:99px}
.alerta-prejuizo{background:#fdecea;border:1px solid #f4c3bd;border-radius:10px;padding:.55em .7em;margin:.5em 0;font-size:.9em;color:#7a1d14}
:root[data-tema="escuro"] .alerta-prejuizo{background:#3a1a1a;border-color:#5a2a2a;color:#f3caca}
@media (max-width:900px){.raio-grade{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.tab-raio tr>:nth-child(5){display:none}}
.conta-frete{font-size:.85em;color:var(--suave);margin:.2em 0 .4em}.conta-frete.frete-seu{color:#b42318}
.variacao-repasse{margin-top:1em;border-top:1px solid var(--linha);padding-top:.8em;font-size:.9em}.variacao-repasse h3{font-size:1em;margin:0 0 .4em}.variacao-repasse p{margin:.3em 0}
@media (max-width:640px){.tab-raio tr>:nth-child(6){display:none}}
.destino{margin-bottom:1em}.barra-destino{display:flex;height:16px;border-radius:99px;overflow:hidden;gap:2px;margin:.4em 0 .7em}
.bolinha{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:.45em;vertical-align:middle}
.tab-destino td:nth-child(2){color:var(--suave)}
@media (max-width:640px){.tab-destino tr>:nth-child(4){display:none}}

/* ---------- Raio-X do prejuízo (limpo) ---------- */
.raio-x{padding:1.1em 1.2em}
.rx-cab{display:flex;align-items:center;gap:.75em}.rx-cab h2{margin:0}.rx-cab .sub-h{margin:.1em 0 0}
.rx-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fdecea;font-size:1.25em;flex:none}.rx-ico.ok{background:#e8f7ee;color:#16a34a;font-weight:800}
.rx-ver{padding:.4em .8em;font-size:.88em}
.rx-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6em;margin:1em 0 .4em}
.rx-kpis>div{background:var(--fundo);border-radius:12px;padding:.6em .8em;display:grid;gap:.1em;min-width:0}
.rx-kpis small{color:var(--suave);font-size:.78em}.rx-kpis strong{font-size:1.25em;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rx-sub{color:var(--suave);font-size:.78em;font-weight:400}
.rx-bloco{margin-top:1.1em}.rx-bloco h3,.rx-det summary{font-size:.82em;text-transform:uppercase;letter-spacing:.04em;color:var(--suave);margin:0 0 .55em;font-weight:700}
.rx-barra{display:flex;height:12px;border-radius:99px;overflow:hidden;gap:2px}
.rx-legenda{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5em 1em;margin-top:.6em}
.rx-legenda>div{display:grid;grid-template-columns:auto 1fr auto;gap:0 .45em;align-items:center;font-size:.88em}
.rx-legenda i{width:10px;height:10px;border-radius:3px}.rx-legenda .rx-sub{grid-column:2/-1}
.rx-prods{display:grid;gap:.15em}
.rx-prod{display:flex;gap:1em;align-items:center;padding:.6em .5em;border-radius:10px;cursor:pointer}.rx-prod:hover,.rx-ped:hover{background:var(--fundo)}
.rx-prod-l{flex:1;min-width:0}.rx-prod-r{text-align:right;flex:none;width:7.5em}
.rx-nome{font-weight:600;font-size:.92em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rx-chips{display:flex;flex-wrap:wrap;gap:.3em;margin-top:.3em}
.rx-chip{font-size:.72em;padding:.15em .55em;border-radius:99px;background:var(--fundo);color:var(--suave);border:1px solid var(--linha)}
.rx-chip[style]{color:var(--c);border-color:color-mix(in srgb,var(--c) 35%,transparent);background:color-mix(in srgb,var(--c) 10%,transparent)}
.rx-chip.alto{color:#b42318;border-color:#f4c3bd;background:#fdecea}
.rx-mini{height:5px;background:var(--fundo);border-radius:99px;margin-top:.35em;overflow:hidden}.rx-mini span{display:block;height:100%;background:#ef4444;border-radius:99px}
.rx-det{border-top:1px solid var(--linha);padding-top:.9em}.rx-det summary{cursor:pointer;margin:0;list-style-position:inside}
.rx-peds{display:grid;gap:.1em;margin-top:.6em;max-height:420px;overflow-y:auto}
.rx-ped{display:flex;gap:.7em;align-items:flex-start;padding:.55em .5em;border-radius:10px;cursor:pointer}
.rx-dot{width:8px;height:8px;border-radius:50%;margin-top:.45em;flex:none}
.rx-ped-l{flex:1;min-width:0}.rx-ped-r{text-align:right;flex:none}
.rx-por{font-size:.8em;margin-top:.15em;color:var(--texto);opacity:.85}
:root[data-tema="escuro"] .rx-ico{background:#3a1a1a}:root[data-tema="escuro"] .rx-chip.alto{background:#3a1a1a;border-color:#5a2a2a;color:#f3a9a1}
@media (max-width:640px){
  .rx-kpis{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.rx-kpis>div:first-child{grid-column:1/-1}
  .rx-ver{display:none}.rx-prod-r{width:6em}.rx-legenda{grid-template-columns:minmax(0,1fr)}
}
.agenda .ag-dias{margin-top:.8em}.projecao .barra-fases{margin-top:.9em}
.bloco-upseller{margin-bottom:1em}.up-atalhos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5em}
.up-atalho{display:flex;align-items:center;gap:.5em;padding:.7em .8em;border:1px solid var(--linha);border-radius:12px;background:var(--cartao);color:var(--texto);font-weight:600;text-align:left;cursor:pointer}.up-atalho:hover{border-color:#ee4d2d;box-shadow:0 2px 10px #ee4d2d22}
.up-atalho .up-ic{font-size:1.15em}.up-atalho span:nth-child(2){flex:1}.up-atalho .up-n{font-size:1.05em}
.bloco-envio{margin-bottom:1em}.env-etapas{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5em}
.env-etapa{display:flex;gap:.6em;align-items:center;background:var(--fundo);border-radius:12px;padding:.6em .8em}
.env-etapa .env-ic{font-size:1.3em}.env-etapa strong{display:block;font-size:1.3em;line-height:1.1}.env-etapa span{font-size:.82em;color:var(--suave)}
.env-etapa.atencao{background:#fff5e6}.env-etapa.atencao strong{color:#b45309}
.env-avisos{margin-top:.8em;background:#fdecea;border:1px solid #f4c3bd;border-radius:12px;padding:.6em .8em;font-size:.88em;display:grid;gap:.25em;color:#7a1d14}
.env-aviso.vencido span:first-child{font-weight:700}
a.botao{display:inline-flex;align-items:center;gap:.3em;padding:.55em 1em;border-radius:10px;border:1px solid var(--linha);text-decoration:none;color:var(--texto);font-weight:600}
a.botao.desativado{opacity:.5;pointer-events:none}.env-auto{margin-left:auto;font-weight:600}
:root[data-tema="escuro"] .env-avisos{background:#3a1a1a;border-color:#5a2a2a;color:#f3caca}:root[data-tema="escuro"] .env-etapa.atencao{background:#352a10}
@media (max-width:640px){.env-auto{margin-left:0}}

/* ---------- Promoções ---------- */
.pr-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6em;margin-bottom:1em}
.pr-kpi{display:flex;gap:.6em;align-items:center;background:var(--cartao);border:1px solid var(--linha);border-radius:14px;padding:.7em .8em;min-width:0}
.pr-kpi-ic{font-size:1.4em}.pr-kpi small{display:block;color:var(--suave);font-size:.78em}.pr-kpi strong{display:block;font-size:1.3em;line-height:1.15}
.pr-kpi.atencao{border-color:#f2b705}
.pr-alertas{background:#fff8e6;border:1px solid #f6dfa0;border-radius:12px;padding:.6em .9em;margin-bottom:1em;display:grid;gap:.3em;font-size:.88em;color:#6b4a00}
.pr-cartao{margin-bottom:1em}.pr-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1em}.pr-grade>.pr-cartao{margin-bottom:1em}
.pr-lista{display:grid;gap:.5em;margin-top:.8em}
.pr-promo{border:1px solid var(--linha);border-radius:12px;padding:.1em .8em}.pr-promo[open]{padding-bottom:.6em}
.pr-promo summary{cursor:pointer;list-style:none;padding:.55em 0}.pr-promo summary::-webkit-details-marker{display:none}
.pr-promo-cab{display:flex;gap:.5em;align-items:center;flex-wrap:wrap}
.pr-modelo{display:grid;grid-template-columns:minmax(0,1fr) auto 9.5em;gap:.6em;align-items:center;font-size:.85em;padding:.25em .4em;border-radius:8px}
.pr-modelo.pr-cab{color:var(--suave);font-size:.75em;text-transform:uppercase;letter-spacing:.03em}
.pr-modelo.prejuizo{background:#fdecea}.pr-mod-nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr-preco s{font-size:.85em}.pr-off{margin-left:.4em;font-size:.75em;font-weight:700;color:#ee4d2d}
.pr-impulsos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4em;margin:.8em 0}
.pr-impulso{border:1px solid var(--linha);border-radius:10px;padding:.4em;display:grid;gap:.2em;font-size:.8em;text-align:center;min-width:0}
.pr-impulso img,.pr-impulso .sem-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--fundo)}
.pr-impulso.vaga{border-style:dashed;color:var(--suave);place-content:center;min-height:90px}.pr-impulso.vaga span{font-size:1.5em}
.pr-rodizio summary{cursor:pointer;font-weight:600;font-size:.9em}.pr-escolha{max-height:220px;overflow-y:auto;display:grid;gap:.2em;margin-top:.4em;font-size:.85em}
.pr-cupom{border:1px solid var(--linha);border-radius:12px;padding:.6em .8em;display:grid;gap:.2em}
.pr-uso{height:6px;background:var(--fundo);border-radius:99px;overflow:hidden;margin-top:.2em}.pr-uso span{display:block;height:100%;background:#ee4d2d;border-radius:99px}
:root[data-tema="escuro"] .pr-alertas{background:#352a10;border-color:#5a4612;color:#f3dfa8}:root[data-tema="escuro"] .pr-modelo.prejuizo{background:#3a1a1a}
@media (max-width:1000px){.pr-grade{grid-template-columns:minmax(0,1fr)}.pr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pr-modelo{grid-template-columns:minmax(0,1fr) auto}.pr-modelo>.pr-lucro{grid-column:1/-1;text-align:left}.pr-impulsos{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pc-encerrar{padding:.2em .6em;font-size:.78em}
.pc-itens{display:grid;gap:.6em;margin-top:.6em;max-height:50vh;overflow-y:auto}
.pc-item{border:1px solid var(--linha);border-radius:12px;padding:.6em .7em;display:grid;gap:.3em}
.pc-var{display:grid;grid-template-columns:minmax(0,1fr) 5.5em 6.5em 10em;gap:.5em;align-items:center;font-size:.85em}
.pc-var.com-estoque{grid-template-columns:minmax(0,1fr) 5.5em 6.5em 5.5em 10em}.pc-var input{width:100%!important;box-sizing:border-box}
.pc-var-nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-res{text-align:right}
.pc-cab{font-size:.75em;color:var(--suave);font-weight:600;border-bottom:1px solid var(--linha);padding-bottom:.2em}.pc-cab>span{color:inherit}
@media (max-width:640px){.pc-cab>.pc-res{display:none}.pc-var,.pc-var.com-estoque{grid-template-columns:minmax(0,1fr) 6.5em 5.5em}.pc-var:not(.com-estoque){grid-template-columns:minmax(0,1fr) 6.5em}.pc-var>.suave{display:none}.pc-res{grid-column:1/-1;text-align:left}}
.novo-insumo-inline{display:flex;flex-wrap:wrap;gap:.5em;align-items:center;width:100%;margin-top:.5em;padding:.6em;border:1px dashed var(--linha);border-radius:10px}
.novo-insumo-inline[hidden],.pc-sugestoes[hidden]{display:none}
.pc-sugestoes{max-height:40vh;overflow-y:auto;border:1px solid var(--linha);border-radius:12px;margin-top:.3em;background:var(--cartao,var(--fundo))}
.pc-sug{display:flex;gap:.6em;align-items:center;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--linha);border-radius:0;padding:.45em .6em;color:var(--texto);cursor:pointer}
.pc-sug:hover{background:var(--fundo)}.pc-sug img,.pc-sug-img{width:38px;height:38px;border-radius:8px;object-fit:cover;flex:none;background:var(--fundo)}
.pc-sug-txt{flex:1;min-width:0;display:grid}.pc-sug-txt strong{font-size:.88em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-sug-txt small{font-size:.78em}
.pc-sug-mais{font-weight:700;color:var(--azul,#2563eb)}
.pc-crit[hidden]{display:none}.pc-alerta[hidden]{display:none}.pc-alerta{grid-column:1/-1;color:var(--vermelho,#c62828);font-size:.92em;margin-top:-.2em}
.pc-var input.pc-erro{border-color:var(--vermelho,#c62828)!important;box-shadow:0 0 0 2px #c6282822}.pc-ajusta{background:none;border:0;padding:0 .2em;color:var(--azul,#2563eb);font-size:1em;cursor:pointer;text-decoration:underline}.pc-crit{font-size:.8em;background:var(--fundo);border-radius:8px;padding:.4em .7em}.pc-crit ul{margin:0;padding-left:1.1em}
.pc-atualiza{background:none;border:0;padding:.2em .3em;font-size:.78em;color:var(--suave);cursor:pointer;flex:none}.pc-atualiza:hover{color:var(--texto);text-decoration:underline}
.env-prontos{margin-top:.8em;font-size:.88em}.env-prontos summary{cursor:pointer;font-weight:700}.env-prontos[open]{max-height:40vh;overflow-y:auto}.env-pronto{display:flex;padding:.15em 0}

/* pedidos para despachar */
.env-cab{flex-wrap:wrap}.ico.up{background:linear-gradient(135deg,#ff7a45,#ee4d2d);color:#fff;font-weight:800}
.seg-modo{display:inline-flex;align-items:center;gap:2px;background:var(--fundo);border:1px solid var(--linha);border-radius:999px;padding:3px}
.seg-modo .seg-rot{font-size:.78em;color:var(--suave);padding:0 .5em 0 .6em}
.seg-modo button{border:0;background:transparent;border-radius:999px;padding:.35em .9em;font-weight:600;color:var(--suave);cursor:pointer}
.seg-modo button.ativo{background:var(--cartao,#fff);color:var(--texto);box-shadow:0 1px 3px rgba(0,0,0,.12)}
button.env-etapa{border:2px solid transparent;cursor:pointer;text-align:left;color:var(--texto);font:inherit}
button.env-etapa.ativa{border-color:var(--azul,#2563eb);background:var(--cartao,#fff)}
.env-etapas{margin-top:.8em}
.env-avisos{display:block}.env-avisos summary{cursor:pointer;font-weight:700}
.env-lista{margin-top:.8em;max-height:46vh;overflow-y:auto;border:1px solid var(--linha);border-radius:12px;padding:0 .2em}
.env-todos{position:sticky;top:0;background:var(--cartao,#fff);padding:.55em .6em;border-bottom:1px solid var(--linha);z-index:1;font-weight:700;font-size:.88em}
.env-ped{display:flex;align-items:center;gap:.6em;padding:.45em .6em;border-bottom:1px solid var(--linha);cursor:pointer}
.env-ped:last-child{border-bottom:0}.env-ped:hover{background:var(--fundo)}.env-ped.marcado{background:rgba(37,99,235,.08)}
.env-ped img,.env-sem-img{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:none;background:var(--fundo)}
.env-ped-txt{flex:1;min-width:0;display:grid}.env-ped-txt strong{font-size:.88em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.env-ped-txt small{font-size:.78em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.env-acoes{display:flex;flex-wrap:wrap;gap:.5em;align-items:center;margin-top:.8em}
.env-rodape{display:flex;flex-wrap:wrap;gap:.6em;align-items:center;margin-top:.8em;padding-top:.7em;border-top:1px solid var(--linha);font-size:.88em}
a.botao.primario-link{background:var(--azul,#2563eb);color:#fff;border-color:transparent}
@media (max-width:640px){.seg-modo{width:100%;justify-content:center}.env-ped .tarefa-prazo{display:none}}
.env-ped,.env-todos{margin:0;font-size:1em;color:var(--texto)}.env-ped input,.env-todos input{width:auto;flex:none;margin:0}.env-todos{display:flex;align-items:center;gap:.4em}
.up-progresso{margin-top:.8em;border:1px solid var(--linha);border-radius:12px;padding:.7em .8em;background:var(--fundo);display:grid;gap:.25em;font-size:.88em}
.up-progresso[hidden]{display:none}.up-log{line-height:1.35}.passos-ext{display:grid;gap:.5em;padding-left:1.2em}.passos-ext code{background:var(--fundo);padding:.1em .35em;border-radius:6px}

/* promoções: seções */
.pr-topo{display:flex;flex-wrap:wrap;gap:.6em;align-items:center;margin-bottom:.8em}.pr-ts{margin:0;flex:1;min-width:14em;font-size:.85em}
.pr-criar{display:flex;flex-wrap:wrap;gap:.4em}
.pr-girando{display:inline-block;animation:pr-gira 1s linear infinite}@keyframes pr-gira{to{transform:rotate(360deg)}}
.pr-abas{display:flex;gap:.3em;overflow-x:auto;border-bottom:1px solid var(--linha);margin-bottom:1em;scrollbar-width:thin}
.pr-aba{background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;padding:.6em .8em;font-weight:600;color:var(--suave);white-space:nowrap;cursor:pointer}
.pr-aba.ativa{color:var(--texto);border-bottom-color:var(--azul)}.pr-aba-n{margin-left:.35em;background:var(--fundo);border-radius:999px;padding:0 .45em;font-size:.8em}
button.pr-kpi{text-align:left;font:inherit;color:inherit;cursor:pointer;border:1px solid var(--linha)}button.pr-kpi:hover{border-color:var(--azul)}
.pr-afazer{display:grid;gap:.4em;margin-top:.6em}
.pr-afazer-item{display:flex;align-items:center;gap:.3em;flex-wrap:wrap;text-align:left;font:inherit;color:var(--texto);background:var(--fundo);border:1px solid var(--linha);border-radius:10px;padding:.6em .8em;cursor:pointer}
.pr-afazer-item.ruim{background:var(--erro-fundo);border-color:transparent}.pr-ir{margin-left:auto;color:var(--azul);font-weight:600}
.up-trilha{display:flex;flex-wrap:wrap;align-items:center;gap:.35em;margin-bottom:.4em}
.up-passo{border-radius:999px;padding:.2em .7em;font-weight:600;font-size:.9em;background:var(--cartao);border:1px solid var(--linha);color:var(--suave)}
.up-passo.atual{border-color:var(--azul);color:var(--azul);animation:up-pulsa 1.4s ease-in-out infinite}.up-passo.feito{background:var(--ok-fundo);border-color:transparent;color:var(--ok)}
.up-passo.erro{background:var(--erro-fundo);border-color:transparent;color:var(--erro)}.up-passo.pulado{opacity:.45;text-decoration:line-through}
.up-seta{color:var(--suave)}@keyframes up-pulsa{50%{opacity:.55}}
.botao-up.up-rodando{opacity:1!important;cursor:progress;background:var(--azul);color:#fff}
.faixa-imposto{display:flex;flex-wrap:wrap;gap:.6em;align-items:center;justify-content:space-between;background:var(--aviso-fundo);color:var(--texto);border:1px solid var(--aviso);border-radius:12px;padding:.7em 1em;margin-bottom:1em}
.faixa-imposto button{background:var(--aviso);color:#fff;border:0;border-radius:8px;padding:.45em .9em;font-weight:700;cursor:pointer}
/* o menu lateral fica parado: a área principal nunca fica menor que a tela enquanto carrega */
.principal{min-height:100vh}.lateral{align-self:start}
.preenche-todos{display:flex;flex-wrap:wrap;gap:.5em;align-items:center;background:var(--fundo);border:1px dashed var(--linha);border-radius:10px;padding:.6em .7em;margin-bottom:.8em}
.preenche-todos input{width:7.5em}.preenche-todos strong{font-size:.9em}
.destaque-campo{outline:3px solid var(--aviso);outline-offset:2px;animation:destaca 1.2s ease-in-out 2}
@keyframes destaca{50%{outline-color:transparent}}
.lista-sem-custo{display:grid;gap:.5em;max-height:60vh;overflow-y:auto}
.sc-item{display:flex;align-items:center;gap:.7em;border:1px solid var(--linha);border-radius:12px;padding:.55em .7em}
.sc-item img,.sc-item .sem-img{width:46px;height:46px;border-radius:8px;object-fit:cover;flex:none}
.sc-meio{flex:1;min-width:0;display:grid;gap:.1em}.sc-meio strong{font-size:.9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-meio small{font-size:.78em}
.foco-pedido{display:flex;flex-wrap:wrap;gap:.6em;align-items:center;justify-content:space-between;background:var(--fundo);border:1px solid var(--linha);border-radius:12px;padding:.6em .9em;margin-bottom:.8em}
tr.pedido-foco>td{background:color-mix(in srgb,var(--azul) 7%,transparent)}
/* celular: lista do Raio-X não pode crescer com o nome do produto; fileiras de botões rolam dentro da tela */
.rx-prods{grid-template-columns:minmax(0,1fr)}.rx-prod{min-width:0}
@media (max-width:640px){.escolhas{max-width:100%}}
/* celular: cada pedido vira um cartão (a tabela de 7 colunas espremia o nome do produto letra por letra) */
@media (max-width:640px){
  .tab-pedidos,.tab-pedidos tbody{display:block;width:100%;table-layout:auto}
  .tab-pedidos thead{display:none}
  .tab-pedidos tbody>tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25em .6em;padding:.7em .3em;border-bottom:1px solid var(--linha)}
  .tab-pedidos tbody>tr[hidden]{display:none}
  .tab-pedidos tbody>tr>td{display:block;padding:0;border:0;max-width:none!important;word-break:normal;overflow-wrap:anywhere}
  .tab-pedidos tbody>tr>td:nth-child(1){grid-column:1;grid-row:1}
  .tab-pedidos tbody>tr>td:nth-child(6){grid-column:2;grid-row:1;text-align:right;font-weight:700;align-self:center}
  .tab-pedidos tbody>tr>td:nth-child(2){grid-column:1/-1;grid-row:2}
  .tab-pedidos tbody>tr>td:nth-child(7){display:flex!important;flex-wrap:wrap;gap:.3em;grid-column:1/-1;grid-row:3}
  .tab-pedidos tbody>tr>td:nth-child(3),.tab-pedidos tbody>tr>td:nth-child(4),.tab-pedidos tbody>tr>td:nth-child(5){display:none}
  .tab-pedidos tbody>tr>td[colspan]{display:block!important;grid-column:1/-1;grid-row:auto}
  .tab-pedidos tbody>tr:has(>td[colspan]){display:block;padding:0 0 .6em}
  .tab-pedidos .prod img,.tab-pedidos .prod .sem-img{display:block;width:40px;height:40px}
}
.ads-vivo{background:var(--cartao);border:1px solid var(--linha);border-radius:14px;padding:.7em .9em;margin-bottom:1em}
.ads-vivo.baixo{border-color:var(--erro)}
.ads-cab{display:flex;align-items:center;gap:.5em;margin-bottom:.5em}.ads-cab .vivo{margin-left:auto}.ads-ic{font-size:1.1em}
.ads-itens{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5em}
.ads-item{background:var(--fundo);border-radius:10px;padding:.45em .6em;min-width:0}.ads-item small{display:block;color:var(--suave);font-size:.75em}
.ads-item strong{font-size:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.ads-alerta{margin:.5em 0 0;font-size:.85em;color:var(--erro);font-weight:600}
@media (max-width:760px){.ads-itens{grid-template-columns:repeat(2,minmax(0,1fr))}.ads-itens>:first-child{grid-column:1/-1}}
/* Ads ao vivo: uma linha discreta */
.ads-vivo{display:flex;flex-wrap:wrap;align-items:center;gap:.25em 1em;background:transparent;border:0;border-bottom:1px dashed var(--linha);border-radius:0;padding:.15em .2em .45em;margin:-.3em 0 .8em;font-size:.82em;color:var(--suave)}
.ads-vivo.baixo{border-color:var(--linha)}
.ads-t{font-weight:700;color:var(--texto)}.ads-i b{color:var(--texto);font-weight:700}.ads-i.negativo b{color:var(--erro)}
.ads-selo{background:var(--erro-fundo);color:var(--erro);border-radius:999px;padding:.05em .6em;font-weight:600;cursor:help}
.ads-h{margin-left:auto;font-size:.9em}
.rent-dia{cursor:pointer;border-radius:8px}.rent-dia:hover{background:var(--fundo)}
.dia-lista{display:grid;gap:.4em;max-height:65vh;overflow-y:auto}
.dia-prod{display:flex;align-items:center;gap:.6em;width:100%;text-align:left;font:inherit;color:var(--texto);background:var(--cartao);border:1px solid var(--linha);border-radius:12px;padding:.5em .7em;cursor:pointer}
.dia-prod.ruim{border-color:color-mix(in srgb,var(--erro) 45%,var(--linha))}.dia-prod.aberto{background:var(--fundo)}
.dia-prod img,.dia-prod .sem-img{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:none}
.dia-prod-txt{flex:1;min-width:0;display:grid}.dia-prod-txt strong{font-size:.88em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dia-prod-txt small{font-size:.76em}
.dia-prod-l{font-weight:700;white-space:nowrap}
.dia-det{border:1px solid var(--linha);border-top:0;border-radius:0 0 12px 12px;padding:.6em .8em;margin:-.4em .2em .2em;display:grid;gap:.15em;font-size:.88em}
.dia-motivo{margin:.2em 0 .5em;padding:.5em .6em;border-radius:8px;background:var(--fundo);font-weight:600}.dia-motivo.ruim{background:var(--erro-fundo);color:var(--erro)}
.dia-conta{display:flex;justify-content:space-between;gap:1em}
.dia-peds{display:grid;gap:.3em;margin-top:.5em}.dia-ped{display:flex;justify-content:space-between;font:inherit;color:var(--texto);background:var(--fundo);border:0;border-radius:8px;padding:.35em .6em;cursor:pointer}

/* Raio-X: o que fazer */
.rx-fazer{border-left:4px solid var(--c,var(--erro));background:var(--fundo);border-radius:10px;padding:.6em .8em;margin:.2em 0 .9em}
.rx-fazer p{margin:.25em 0 0;font-size:.9em}.rx-ped,.rx-prod{cursor:pointer}
/* faixa que passa no topo (prejuízo + notícias) */
.sx-faixa{position:sticky;top:0;z-index:30;overflow:hidden;white-space:nowrap;background:var(--menu);color:var(--menu-texto);border-radius:10px;margin:-.4em 0 .9em;font-size:.82em;line-height:2.2}
.sx-faixa[hidden]{display:none}
.sx-trilho{display:inline-flex;animation:sx-passa var(--sx-dur,40s) linear infinite;will-change:transform}
.sx-faixa:hover .sx-trilho{animation-play-state:paused}
.sx-conjunto{display:inline-flex;gap:2.2em;padding:0 2.2em 0 1em}
@keyframes sx-passa{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.sx-item{display:inline-flex;align-items:center;gap:.35em;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none}
.sx-item b{color:#fff}.sx-noticia:hover span{text-decoration:underline;color:#fff}
.sx-ruim{color:#ffb4ab}.sx-ruim b{color:#ffd8d3}
.sx-selo{background:#e5484d;color:#fff;border-radius:999px;padding:0 .55em;font-size:.82em;font-weight:800;letter-spacing:.03em}
.selo-prej{background:#e5484d!important}
@media (prefers-reduced-motion:reduce){.sx-trilho{animation:none}.sx-faixa{overflow-x:auto}}
@media (max-width:640px){.sx-faixa{font-size:.78em;border-radius:8px}}

/* Estratégias */
.sub-menu{padding-left:2.1em!important;font-size:.93em}.ic-emoji{font-size:1em;width:1.2em;display:inline-block;text-align:center}
.est-topo{margin-bottom:1em}.est-resumo{display:flex;gap:.6em;flex-wrap:wrap;margin-top:.8em}
.est-resumo>div{background:var(--fundo);border-radius:10px;padding:.45em .9em;display:flex;align-items:baseline;gap:.4em}.est-resumo strong{font-size:1.3em}
.est-ajuda{margin-top:.7em;font-size:.88em}.est-ajuda summary{cursor:pointer;font-weight:600;color:var(--azul)}.est-ajuda p{margin:.4em 0}
.est-lista{display:grid;gap:.8em}.est-ok{margin-top:1em}.est-ok summary{cursor:pointer;font-weight:700}
.est-anuncio{padding:.9em 1em}
.est-cab{display:flex;gap:.7em;align-items:center}.est-cab img,.est-cab .sem-img{width:48px;height:48px;border-radius:10px;object-fit:cover;flex:none}
.est-nome{flex:1;min-width:0;display:grid}.est-nome strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.est-nome small{font-size:.8em}
.est-lucro{text-align:right;display:grid}.est-lucro small{font-size:.75em;color:var(--suave)}.est-lucro strong{font-size:1.15em}
.est-chips{display:flex;flex-wrap:wrap;gap:.35em;margin:.7em 0}
.est-chip{background:var(--fundo);border-radius:999px;padding:.2em .7em;font-size:.8em;color:var(--suave)}.est-chip b{color:var(--texto)}
.est-chip.ruim{background:var(--erro-fundo)}.est-chip.ruim b{color:var(--erro)}.est-chip.bom b{color:var(--ok)}.est-chip.sug{background:color-mix(in srgb,var(--azul) 12%,transparent)}.est-chip.sug b{color:var(--azul)}
.est-sugs{display:grid;gap:.45em}
.est-sug{display:flex;gap:.6em;border-left:4px solid var(--linha);background:var(--fundo);border-radius:10px;padding:.55em .75em}
.est-sug.est-alto{border-left-color:var(--erro)}.est-sug.est-medio{border-left-color:var(--aviso)}.est-sug.est-info{border-left-color:var(--azul)}
.est-ic{font-size:1.15em}.est-sug p{margin:.2em 0 0;font-size:.86em;color:var(--suave)}
.est-sug-t{font-weight:700;font-size:.92em}.est-nivel{font-size:.72em;text-transform:uppercase;letter-spacing:.04em;margin-right:.5em;padding:.1em .5em;border-radius:6px;background:var(--cartao)}
.est-alto .est-nivel{color:var(--erro)}.est-medio .est-nivel{color:var(--aviso)}.est-info .est-nivel{color:var(--azul)}
.est-onde{margin:.6em 0 0;font-size:.8em;color:var(--suave)}
@media (max-width:640px){.est-cab{flex-wrap:wrap}.est-lucro{text-align:left}}
.est-reajustes{margin-bottom:1em}
.est-reaj{display:flex;flex-wrap:wrap;gap:.6em;align-items:center;border-left:4px solid var(--linha);background:var(--fundo);border-radius:10px;padding:.6em .8em}
.est-reaj.est-alto{border-left-color:var(--erro)}.est-reaj.est-info{border-left-color:var(--azul)}.est-reaj.est-ok{border-left-color:var(--ok)}
.est-reaj-l{flex:1;min-width:14em;display:grid;gap:.15em}.est-reaj-l strong{font-size:.92em}.est-reaj-l small{font-size:.76em}
.est-reaj-r{display:flex;gap:.4em;flex-wrap:wrap}
.est-reaj-btn{display:flex;flex-wrap:wrap;align-items:center;gap:.6em;margin-top:.7em}
.est-vars{margin:.2em 0 .7em;font-size:.88em}.est-vars summary{cursor:pointer;font-weight:600}
.est-vars-t{margin-top:.4em}.est-vars-t td,.est-vars-t th{padding:.3em .5em}.est-var-ruim td:first-child{color:var(--erro);font-weight:600}
.est-reaj-vars{flex-basis:100%;display:grid;gap:.15em;font-size:.82em;background:var(--cartao);border-radius:8px;padding:.4em .6em;max-height:9em;overflow-y:auto}
.est-reaj-vars>div{display:flex;justify-content:space-between;gap:1em}

.est-reaj-alvos{display:grid;gap:2px;margin:6px 0;font-size:.88rem;max-width:520px}
.est-reaj-alvos>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--borda,#ddd);padding:2px 0}

.est-aplica{margin-top:6px;font-size:.85rem;padding:5px 10px}

.est-plano{border:1px solid var(--primaria,#2563eb);background:color-mix(in srgb,var(--primaria,#2563eb) 7%,transparent);border-radius:10px;padding:10px 14px;margin:10px 0}
.est-plano-t{font-weight:700;margin-bottom:4px}.est-plano-t span{font-weight:400}
.est-plano ol{margin:4px 0 0 18px;padding:0;display:grid;gap:3px;font-size:.92rem}
.est-plano-aviso{color:#b45309;font-size:.86rem;margin:2px 0}
/* ---------- Termômetro do Mercado (página pública /mercado) ---------- */
.mercado{max-width:760px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:14px}
.mercado h1{margin:.1em 0 .2em;font-size:1.6rem}.mercado h2{margin:0 0 .6em;font-size:1.1rem}
.mercado-topo{display:flex;justify-content:space-between;align-items:center}
.mercado-topo .marca{text-decoration:none;color:var(--texto)}
.botao-link{display:inline-block;padding:.55em 1em;border-radius:10px;border:1px solid var(--linha);text-decoration:none;font-weight:600;color:var(--texto);background:var(--cartao)}
.botao-link.primario{background:var(--cor);border-color:var(--cor);color:var(--sobre-cor)}
.mercado-medidor{text-align:center}
.medidor{position:relative;max-width:340px;margin:.4em auto 0}
.medidor-svg{width:100%;display:block;color:var(--texto)}
.medidor-num{font-size:2.6rem;font-weight:800;line-height:1;margin-top:-.2em;font-variant-numeric:tabular-nums}
.medidor-faixa{font-weight:700;font-size:1.1rem;margin-top:.15em}
.parte{margin-bottom:.9em}.parte p{margin:.3em 0 0;font-size:.88em}
.barra{height:8px;background:var(--grade);border-radius:99px;overflow:hidden;margin-top:.35em}.barra span{display:block;height:100%;border-radius:99px}
.hist-svg{width:100%;height:140px;display:block;color:var(--texto)}
.manchete{display:flex;gap:.6em;padding:.55em 0;border-top:1px solid var(--linha);text-decoration:none;color:var(--texto);font-size:.92em}
.manchete:first-child{border-top:0}.manchete:hover span:last-child{text-decoration:underline}
.tom{flex:0 0 1.2em;text-align:center;font-weight:800}.tom1{color:var(--ok)}.tom-1{color:var(--erro)}.tom0{color:var(--suave)}
.mercado-cta p{margin:0 0 .9em}
.mercado-nota{font-size:.8em;margin:0 0 1em}
.mercado .linha-det{display:flex;justify-content:space-between;gap:1em}
.mk-abas{margin-bottom:.6em}
/* termômetro: animações e interação */
.medidor .seg{opacity:.3;transition:opacity .4s}.medidor .seg.acesa{opacity:1;filter:drop-shadow(0 0 4px rgba(0,0,0,.18))}
.medidor-faixa{transition:color .3s}
.medidor.pequeno{max-width:220px}.medidor.pequeno .medidor-num{font-size:2rem}.medidor.pequeno .medidor-faixa{font-size:.95rem}
.barra span{width:0;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.enq{background:linear-gradient(135deg,color-mix(in srgb,var(--cor) 10%,var(--cartao)),var(--cartao))}
.enq-botoes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.enq-bt{display:flex;flex-direction:column;align-items:center;gap:.3em;padding:.9em .4em;background:var(--cartao);border:2px solid var(--linha);border-radius:14px;font-size:.95rem;transition:transform .15s,border-color .15s}
.enq-bt:hover:not(:disabled){transform:translateY(-3px);border-color:var(--cor)}.enq-bt:active:not(:disabled){transform:scale(.96)}
.enq-bt.escolhido{border-color:var(--cor);background:color-mix(in srgb,var(--cor) 12%,var(--cartao))}
.enq-ic{font-size:1.8rem;line-height:1}
.enq-linha{margin-bottom:.6em}.enq-melhor{background:var(--ok)}.enq-igual{background:#d4a017}.enq-pior{background:var(--erro)}
.sim{display:grid;grid-template-columns:1fr 220px;gap:18px;align-items:center}
.sim-controles{display:flex;flex-direction:column;gap:.9em}
.sim-linha{display:block;margin:0;color:var(--texto);font-size:.92em}
.sim-linha input[type=range]{padding:0;border:0;background:none;accent-color:var(--cor);margin-top:.35em;height:28px}
.sim-controles button{align-self:flex-start}
@media (max-width:560px){.sim{grid-template-columns:1fr}.sim .medidor{order:-1}}
.hist-svg{touch-action:pan-y;cursor:crosshair}.hist-dica{text-align:center;font-size:.85em;margin-top:.3em;min-height:1.3em}
.hist-linha{stroke-dasharray:2000;stroke-dashoffset:2000;animation:desenha 1.6s ease-out forwards}
@keyframes desenha{to{stroke-dashoffset:0}}
.mk-itens.entra{animation:surge .35s ease-out}
@keyframes surge{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.anima .mercado .cartao{opacity:0;transform:translateY(14px);transition:opacity .5s ease-out,transform .5s ease-out}
.anima .mercado .cartao.visivel{opacity:1;transform:none}
.manchete{transition:background .15s;border-radius:8px}.manchete:hover{background:var(--fundo)}
@media (prefers-reduced-motion:reduce){.hist-linha{animation:none;stroke-dasharray:none;stroke-dashoffset:0}.barra span{transition:none}}
.medidor{text-align:center}
/* ---------- Controle da plataforma ---------- */
.ctl-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-bottom:1em}
.ctl-grade h2{margin-top:0}
.ctl-pessoa{display:flex;gap:.6em;align-items:flex-start;padding:.45em 0;border-top:1px solid var(--linha)}.ctl-pessoa:first-child{border-top:0}
.ctl-ponto{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ok);margin:.45em .3em 0 0;flex:0 0 9px;animation:pulsa 1.8s infinite}
.ctl-ponto.off{background:var(--linha);animation:none}
@keyframes pulsa{0%{box-shadow:0 0 0 0 rgba(11,138,62,.5)}70%{box-shadow:0 0 0 7px rgba(11,138,62,0)}100%{box-shadow:0 0 0 0 rgba(11,138,62,0)}}
.kpi.ctl-vivo .val{color:var(--ok)}.kpi.ctl-alerta .val{color:var(--erro)}
.ctl-vis{display:flex;align-items:flex-end;gap:4px;height:130px;padding-top:1.2em}
.ctl-vis-dia{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}
.ctl-vis-b{width:70%;max-width:26px;background:var(--cor);border-radius:4px 4px 0 0;min-height:2px}
.ctl-vis-n{font-size:.7em;color:var(--suave)}.ctl-vis-d{font-size:.7em;color:var(--suave);margin-top:.2em}
.ctl-tabela td{vertical-align:top}.ctl-tabela select{width:auto;padding:.3em .5em}
.ctl-acoes{display:flex;gap:.35em;flex-wrap:wrap}.ctl-acoes button{padding:.35em .6em;font-size:.85em}
tr.ctl-bloq td{background:var(--erro-fundo)}
@media (prefers-reduced-motion:reduce){.ctl-ponto{animation:none}}
/* ---------- Página de vendas (/) ---------- */
body.lp{background:var(--cartao)}
.lp-caixa{max-width:1120px;margin:0 auto;padding:0 16px}
.lp-estreito{max-width:680px}
.lp-topo{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--cartao) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
.lp-topo-in{display:flex;align-items:center;gap:1em;height:64px}
.lp-topo .marca{text-decoration:none;color:var(--texto);font-size:1.15em}.lp-topo .marca img{width:30px;height:30px}
.lp-nav{display:flex;gap:1.4em;margin-left:auto}.lp-nav a{color:var(--suave);text-decoration:none;font-weight:500;font-size:.95em}.lp-nav a:hover{color:var(--texto)}
.lp-hero{background:radial-gradient(1200px 500px at 80% -10%,color-mix(in srgb,var(--cor) 18%,transparent),transparent),var(--fundo);padding:64px 0 72px}
.lp-hero-in{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.lp-etiqueta{display:inline-block;background:color-mix(in srgb,var(--cor) 12%,var(--cartao));color:var(--cor);font-weight:700;font-size:.82em;padding:.35em .8em;border-radius:99px}
.lp-hero h1{font-size:clamp(2rem,4.6vw,3.3rem);line-height:1.08;letter-spacing:-.02em;margin:.4em 0 .35em}
.lp-destaque{background:linear-gradient(90deg,var(--cor),#0b8a3e);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-sub{font-size:1.12rem;color:var(--suave);max-width:36em;margin:0 0 1.5em}
.lp-ctas{display:flex;gap:.7em;flex-wrap:wrap}
.botao-link.lp-grande,button.lp-grande{padding:.85em 1.4em;font-size:1.02rem;border-radius:12px}
.botao-link.primario{transition:transform .15s,box-shadow .15s}.botao-link.primario:hover{transform:translateY(-2px);box-shadow:0 10px 24px color-mix(in srgb,var(--cor) 35%,transparent)}
.lp-mini{font-size:.85em;color:var(--suave);margin:1.1em 0 0}
.lp-mock{position:relative;background:var(--cartao);border:1px solid var(--linha);border-radius:18px;box-shadow:0 30px 60px -20px rgba(15,30,60,.28);padding:16px;transform:rotate(1deg)}
.lp-mock-barra{display:flex;gap:6px;margin-bottom:12px}.lp-mock-barra span{width:10px;height:10px;border-radius:50%;background:var(--linha)}
.lp-mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.lp-mock-kpis div{background:var(--fundo);border-radius:10px;padding:.6em .7em}.lp-mock-kpis small{display:block;color:var(--suave);font-size:.72em}
.lp-mock-kpis strong{font-size:1.02em;font-variant-numeric:tabular-nums}
.lp .pos{color:var(--ok)}.lp .neg{color:var(--erro)}
.lp-mock-item{display:flex;justify-content:space-between;gap:1em;padding:.55em .2em;border-top:1px solid var(--linha);font-size:.9em}
.lp-mock-item.lp-mock-alerta{background:var(--erro-fundo);border-radius:8px;padding:.55em .5em}
.lp-mock-dica{margin-top:10px;background:var(--aviso-fundo);color:var(--texto);border-radius:10px;padding:.6em .7em;font-size:.86em}
.lp-mock-nota{position:absolute;right:14px;top:12px;color:var(--suave);font-size:.7em}
.lp-sec{padding:72px 0}.lp-cinza{background:var(--fundo)}
.lp-h2{font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.01em;text-align:center;margin:0 0 .5em}
.lp-p{color:var(--suave);font-size:1.05rem;max-width:44em;margin:0 auto 1.6em;text-align:center}
.lp-centro{text-align:center}.lp-esq{text-align:left;margin-left:0}
.lp-numeros{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:1em 0 1.6em}
.lp-num{background:var(--fundo);border:1px solid var(--linha);border-radius:16px;padding:1.3em 1.1em;text-align:center}
.lp-num strong{display:block;font-size:2.2rem;letter-spacing:-.02em;color:var(--cor);font-variant-numeric:tabular-nums}
.lp-num.lp-num-alerta strong{color:var(--erro)}.lp-num span{color:var(--suave);font-size:.92em}
.lp-passos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp-passo{background:var(--cartao);border:1px solid var(--linha);border-radius:16px;padding:1.4em}
.lp-passo-n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cor);color:#fff;font-weight:800}
.lp-passo h3,.lp-rec h3{margin:.6em 0 .3em;font-size:1.08rem}.lp-passo p,.lp-rec p{margin:0;color:var(--suave);font-size:.95em}
.lp-recursos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp-rec{border:1px solid var(--linha);border-radius:16px;padding:1.3em;transition:transform .2s,box-shadow .2s}
.lp-rec:hover{transform:translateY(-4px);box-shadow:0 14px 30px -14px rgba(15,30,60,.25)}
.lp-ic{font-size:1.7rem}
.lp-mks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.lp-mk{background:var(--cartao);border:1px solid var(--linha);border-radius:16px;padding:1.3em;display:flex;flex-direction:column;align-items:center;gap:.6em;opacity:.8}
.lp-mk.ativo{opacity:1;border-color:var(--ok);box-shadow:0 0 0 3px var(--ok-fundo)}.lp-mk strong{font-size:1.1rem}
.lp-selo{font-size:.78em;font-weight:700;padding:.25em .7em;border-radius:99px;background:var(--linha);color:var(--suave)}
.lp-selo.ok{background:var(--ok-fundo);color:var(--ok)}.lp-selo.breve{background:var(--aviso-fundo);color:var(--aviso)}
.lp-termo{display:flex;align-items:center;justify-content:space-between;gap:2em;background:linear-gradient(135deg,color-mix(in srgb,var(--cor) 10%,var(--cartao)),var(--cartao));border:1px solid var(--linha);border-radius:20px;padding:2em}
.lp-termo-num{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:150px;height:150px;border-radius:50%;background:var(--cartao);border:6px solid var(--linha);text-decoration:none;color:var(--texto);flex:0 0 auto}
.lp-termo-num strong{font-size:3rem;line-height:1}.lp-termo-num span{font-size:.9em;font-weight:600}
.lp-faq{border-bottom:1px solid var(--linha);padding:.9em 0}.lp-faq summary{cursor:pointer;font-weight:600;font-size:1.02rem}
.lp-faq p{color:var(--suave);margin:.6em 0 0}
.lp-final{background:linear-gradient(180deg,var(--fundo),color-mix(in srgb,var(--cor) 10%,var(--fundo)))}
.lp-form{padding:1.6em}.lp-canais{border:0;padding:0;margin:.8em 0 0;display:flex;flex-wrap:wrap;gap:.4em .9em}
.lp-canais legend{font-size:.85em;color:var(--suave);margin-bottom:.35em;padding:0}
.lp-canais label{display:flex;align-items:center;gap:.35em;margin:0;color:var(--texto);font-size:.95em}.lp-canais input{width:auto}
.lp-ok{font-size:1.1rem;font-weight:700;text-align:center;color:var(--ok);margin:.5em 0}
.lp-rodape{border-top:1px solid var(--linha);padding:28px 0;background:var(--fundo)}
.lp-rodape-in{display:flex;align-items:center;justify-content:space-between;gap:1em;flex-wrap:wrap}.lp-rodape .marca{font-size:1em}.lp-rodape .marca img{width:24px;height:24px}
.anima .lp-sec .lp-caixa{opacity:0;transform:translateY(18px);transition:opacity .6s ease-out,transform .6s ease-out}
.anima .lp-sec .lp-caixa.visivel{opacity:1;transform:none}
@media (max-width:900px){.lp-hero-in{grid-template-columns:1fr}.lp-mock{transform:none}.lp-numeros,.lp-mks{grid-template-columns:repeat(2,1fr)}.lp-passos,.lp-recursos{grid-template-columns:1fr}.lp-nav{display:none}.lp-topo .botao-link{margin-left:auto}}
@media (max-width:560px){.lp-hero{padding:36px 0 44px}.lp-sec{padding:48px 0}.lp-termo{flex-direction:column;text-align:center}.lp-esq{text-align:center}.lp-mock-kpis strong{font-size:.86em}.lp-num strong{font-size:1.7rem}}
.ctl-grade .linha-det{display:flex;justify-content:space-between;gap:1em;padding:.2em 0}

.lp-preco{display:flex;flex-direction:column;align-items:center;gap:.35em;margin:0 auto 1.2em;text-align:center}.lp-preco strong{font-size:2.6rem;letter-spacing:-.02em;color:var(--texto)}.lp-preco small{font-size:1rem;color:var(--suave);font-weight:600}.lp-preco>span:last-child{color:var(--suave);font-size:.92em}

.lp-doc{padding-top:40px;padding-bottom:64px;line-height:1.65}.lp-doc h1{font-size:clamp(1.7rem,4vw,2.4rem);margin:0 0 .2em}.lp-doc h2{font-size:1.2rem;margin:1.8em 0 .5em}.lp-doc li{margin:.3em 0}
.lp-tab{width:100%;border-collapse:collapse;font-size:.92em}.lp-tab th,.lp-tab td{border:1px solid var(--linha);padding:.5em .6em;text-align:left;vertical-align:top}.lp-tab th{background:var(--fundo)}
@media (max-width:560px){.lp-tab{font-size:.82em}.lp-tab th,.lp-tab td{padding:.4em}}

.mkt-selo{display:inline-block;font-size:.72em;font-weight:700;padding:.15em .55em;border-radius:99px;vertical-align:middle;background:#fde8e1;color:#c2410c}
.mkt-selo.mercadolivre{background:#fff3b0;color:#4b4300}
button.primario.ml{background:#ffe600;color:#2d3277;border-color:#ffe600}button.primario.ml:hover{filter:brightness(.95)}

/* ---------- Primeiros passos (guia do cliente novo) ---------- */
.tutor-lancador{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;align-items:center;gap:.6em;padding:.45em 1em .45em .45em;border-radius:99px;
  background:var(--cartao);border:1px solid var(--linha);box-shadow:0 10px 30px -8px rgba(15,30,60,.35);font-weight:700;color:var(--texto);cursor:pointer;animation:tutor-entra .5s ease-out}
.tutor-lancador:hover{transform:translateY(-2px)}.tutor-lancador.aberto{box-shadow:0 0 0 3px color-mix(in srgb,var(--cor) 35%,transparent)}
.tutor-anel{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-size:.78em;
  background:radial-gradient(closest-side,var(--cartao) 76%,transparent 78% 100%),conic-gradient(var(--cor) calc(var(--p)*1%),var(--linha) 0)}
.tutor-painel{position:fixed;right:20px;bottom:80px;z-index:61;width:min(380px,calc(100vw - 32px));max-height:calc(100vh - 110px);overflow:auto;
  background:var(--cartao);border:1px solid var(--linha);border-radius:18px;box-shadow:0 24px 60px -16px rgba(15,30,60,.45);padding:1.1em;animation:tutor-entra .25s ease-out}
.tutor-topo{display:flex;gap:.6em;align-items:flex-start;justify-content:space-between}.tutor-x{font-size:1.4em;line-height:1;padding:.1em .4em}
.tutor-barra{height:6px;border-radius:99px;background:var(--linha);margin:.8em 0 1em;overflow:hidden}
.tutor-barra span{display:block;height:100%;background:linear-gradient(90deg,var(--cor),var(--ok));border-radius:99px;transition:width .6s}
.tutor-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5em}
.tutor-passo{display:flex;gap:.7em;padding:.7em;border-radius:12px;border:1px solid transparent}
.tutor-passo.atual{border-color:color-mix(in srgb,var(--cor) 40%,transparent);background:color-mix(in srgb,var(--cor) 6%,var(--cartao))}
.tutor-passo.ok .tutor-tit{color:var(--suave);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--suave) 50%,transparent)}
.tutor-bola{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--linha);color:var(--suave);font-weight:800;font-size:.85em}
.tutor-passo.atual .tutor-bola{background:var(--cor);color:#fff}.tutor-passo.ok .tutor-bola{background:var(--ok);color:#fff}
.tutor-corpo{flex:1;min-width:0}.tutor-tit{font-weight:700}.tutor-txt{color:var(--suave);font-size:.88em;margin:.2em 0 .5em}
.tutor-extra{font-size:.8em;font-weight:600;color:var(--cor);margin-bottom:.4em}.tutor-corpo button{font-size:.88em;padding:.4em .9em}
.tutor-depois{width:100%;margin-top:.8em;font-size:.85em}
.tutor-alvo{position:relative;z-index:55;outline:3px solid var(--cor);outline-offset:4px;border-radius:10px;animation:tutor-pulsa 1.6s ease-in-out infinite}
.tutor-balao{position:fixed;z-index:62;background:var(--texto);color:var(--cartao);border-radius:14px;padding:.9em 1em;box-shadow:0 20px 50px -10px rgba(0,0,0,.45);animation:tutor-entra .25s ease-out}
.tutor-balao p{margin:.35em 0 .8em;font-size:.92em;line-height:1.45}.tutor-balao-n{font-size:.75em;opacity:.7;margin-bottom:.2em}
.tutor-balao button.fantasma{color:var(--cartao);border-color:color-mix(in srgb,var(--cartao) 40%,transparent);background:transparent}
.tutor-balao button{font-size:.85em;padding:.4em .9em}
@keyframes tutor-pulsa{0%,100%{outline-color:var(--cor)}50%{outline-color:color-mix(in srgb,var(--cor) 30%,transparent)}}
@keyframes tutor-entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.tutor-lancador,.tutor-painel,.tutor-balao,.tutor-alvo{animation:none}}
@media (max-width:700px){.tutor-lancador{right:12px;bottom:12px}.tutor-rot{display:none}.tutor-lancador{padding:.35em}.tutor-painel{right:8px;left:8px;width:auto;bottom:70px}}

/* menu lateral em grupos */
.lateral{overflow:hidden}.menu{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin}
.menu-grupo{font-size:.68em;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--menu-texto);opacity:.55;padding:1.1em .9em .35em}
.menu-fim{margin-top:auto;padding-top:.6em;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:4px}
.menu .ic{flex:none}
.menu{gap:2px}.menu button{padding:.52em .8em}
.menu-grupo{padding:.8em .9em .25em}
@media (max-height:820px){.lateral{padding-top:.9em;gap:.6em}.menu button{padding:.42em .8em;font-size:.95em}.menu-grupo{padding:.55em .9em .15em}
  .cartao-sync{padding:.6em .7em;font-size:.8em}.cartao-sync button{margin-top:.4em;padding:.35em}}
@media (max-height:860px){.lateral .marca{font-size:1.05em}.lateral .marca img{width:30px;height:30px}.menu button{padding:.36em .8em}.menu-grupo{padding:.45em .9em .1em}
  .cartao-sync{padding:.5em .7em}.cartao-sync button{display:none}}

/* Promoções acabando (Dashboard) */
.promo-avisos{display:flex;flex-wrap:wrap;align-items:center;gap:.6em 1em;background:color-mix(in srgb,#f59e0b 10%,var(--cartao));border:1px solid color-mix(in srgb,#f59e0b 45%,var(--linha));border-radius:14px;padding:.8em 1em;margin-bottom:1em}
.promo-av-cab{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:.2em .8em;align-items:baseline}
.promo-av-cab .suave{font-size:.88em}
.promo-avisos ul{flex:1;list-style:none;margin:0;padding:0;display:grid;gap:.35em;min-width:0}
.promo-avisos li{display:flex;flex-wrap:wrap;gap:.2em .6em;align-items:baseline;font-size:.92em}
.promo-av-tipo{font-weight:700;font-size:.78em;text-transform:uppercase;letter-spacing:.03em;color:#b45309}
.promo-av-nome{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:28em}
.promo-av-fim{color:var(--suave)}
:root[data-tema="escuro"] .promo-av-tipo{color:#fbbf24}
:root[data-tema="escuro"] .promo-av-tipo{color:#fbbf24}

/* Lojas e integrações: um cartão por marketplace */
.mkt-titulo{font-size:1.05em;margin:1.2em 0 .6em}
.mkt-titulo:first-child{margin-top:0}
.mkt-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1em;margin-bottom:1em}
.mkt-cartao{display:flex;flex-direction:column;gap:.7em;margin:0;border-top:4px solid var(--linha)}
.mkt-cartao.shopee{border-top-color:#ee4d2d}.mkt-cartao.mercadolivre{border-top-color:#ffe600}
.mkt-cartao.tiktok{border-top-color:#25f4ee}.mkt-cartao.shein{border-top-color:#222}
.mkt-cartao.em-breve{opacity:.72}
.mkt-cab{display:flex;align-items:center;gap:.7em}
.mkt-logo{flex:none;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-weight:900;font-size:1.2em;color:#fff;background:#888}
.mkt-logo.shopee{background:#ee4d2d}.mkt-logo.mercadolivre{background:#ffe600;color:#2d3277}.mkt-logo.tiktok{background:#111}.mkt-logo.shein{background:#222}
.mkt-txt{font-size:.86em;margin:0;flex:1}
.mkt-cartao a,.mkt-cartao>button{align-self:stretch}.mkt-cartao a button{width:100%}
button.primario.shopee{background:#ee4d2d;border-color:#ee4d2d}
button.primario.mercadolivre{background:#ffe600;color:#2d3277;border-color:#ffe600}button.primario.mercadolivre:hover{filter:brightness(.95)}
.mkt-dica summary{cursor:pointer;font-size:.84em;color:var(--suave)}
.mkt-dica p{font-size:.82em;margin:.4em 0 0}

/* ===== Página de vendas: visual novo (cores do SerieOne) — menu em pílula, fundo com listras, marketplaces nas laterais,
   frase de posicionamento e os 3 passos com telinhas animadas e o cursor "Você" ===== */
.lp-topo{background:transparent;border-bottom:0;padding-top:12px}
.lp-topo-in{max-width:1080px;height:58px;background:color-mix(in srgb,var(--cartao) 82%,transparent);backdrop-filter:blur(12px);border:1px solid var(--linha);border-radius:18px;box-shadow:0 10px 30px #0d1a3312;padding:0 10px 0 16px}
.lp-nav{background:color-mix(in srgb,var(--cor) 7%,var(--cartao));border-radius:12px;padding:4px;gap:2px}
.lp-nav a{padding:.45em .85em;border-radius:9px}.lp-nav a:hover{background:var(--cartao);color:var(--cor)}
.lp-comecar{padding:.55em 1em;border-radius:11px;box-shadow:0 0 0 3px color-mix(in srgb,var(--cor) 22%,transparent)}
.lp-hero{position:relative;overflow:hidden;margin-top:-70px;padding-top:120px;
  background:repeating-linear-gradient(90deg,transparent 0 46px,color-mix(in srgb,var(--cor) 5%,transparent) 46px 47px),
    radial-gradient(900px 480px at 75% 10%,color-mix(in srgb,var(--cor) 26%,transparent),transparent 70%),
    radial-gradient(700px 420px at 10% 90%,color-mix(in srgb,#14a85a 12%,transparent),transparent 70%),var(--fundo)}
.lp-hero .primario.lp-grande{box-shadow:0 0 0 4px color-mix(in srgb,var(--cor) 20%,transparent),0 12px 28px color-mix(in srgb,var(--cor) 30%,transparent)}
.lp-mk-lado{position:absolute;top:150px;display:flex;flex-direction:column;gap:22px;font-weight:800;letter-spacing:-.01em;font-size:1.05em;color:color-mix(in srgb,var(--texto) 30%,transparent);pointer-events:none}
.lp-mk-esq{left:18px}.lp-mk-dir{right:18px;text-align:right}
.lp-mk-lado span:nth-child(2){opacity:.75}.lp-mk-lado span:nth-child(3){opacity:.5}
@media (max-width:1320px){.lp-mk-lado{display:none}}
.lp-frase{background:var(--menu,#0d1a33);color:#dfe7f5;padding:44px 0;text-align:center}
.lp-frase p{margin:0;font-size:clamp(1.3rem,3vw,2rem);font-weight:700;line-height:1.3;letter-spacing:-.01em}
.lp-frase b{color:#fff}.lp-frase span{color:#7fb2ff}
/* 3 passos ligados por uma linha, com telinha animada */
.lp-passos-linha{position:relative}
.lp-passos-linha::before{content:"";position:absolute;left:16%;right:16%;top:38px;border-top:2px dotted color-mix(in srgb,var(--cor) 40%,transparent);z-index:0}
.lp-passos-linha .lp-passo{position:relative;z-index:1;display:flex;flex-direction:column;text-align:center;align-items:center}
.lp-passos-linha .lp-passo-n{width:44px;height:44px;font-size:1.1em;box-shadow:0 0 0 6px color-mix(in srgb,var(--cor) 15%,var(--cartao))}
.lp-tela{position:relative;width:100%;margin-top:1.1em;background:var(--fundo);border:1px solid var(--linha);border-radius:14px;padding:.9em;text-align:left;min-height:118px}
.lp-tela small{display:block;color:var(--suave);font-size:.78em;margin-bottom:.6em}
.lp-tela-bt{display:inline-block;background:var(--cor);color:#fff;font-weight:700;font-size:.85em;padding:.45em .8em;border-radius:9px}
.lp-tela-ok{margin-top:.6em;font-size:.82em;color:#14a85a;font-weight:700;opacity:0;animation:lpAparece 6s infinite}
.lp-anim-clique{animation:lpClique 6s infinite}
.lp-tela-campo{display:flex;justify-content:space-between;gap:.5em;background:var(--cartao);border:1px solid var(--linha);border-radius:8px;padding:.4em .6em;font-size:.82em;margin-bottom:.4em}
.lp-tela-campo b{color:var(--cor)}
.lp-digita{overflow:hidden;white-space:nowrap;border-right:2px solid var(--cor);animation:lpDigita 6s steps(8) infinite}
.lp-tela-lucro{font-size:1.6em;font-weight:800;color:#14a85a;display:flex;align-items:baseline;gap:.4em}
.lp-tela-lucro span{font-size:.45em;color:var(--suave);font-weight:600}
.lp-tela-barra{height:8px;border-radius:99px;background:var(--linha);margin-top:.6em;overflow:hidden}
.lp-tela-barra i{display:block;height:100%;width:72%;background:linear-gradient(90deg,var(--cor),#14a85a);border-radius:99px;animation:lpEnche 6s infinite}
.lp-voce{position:absolute;font-size:.72em;font-weight:800;background:var(--cor);color:#fff;padding:.15em .5em;border-radius:6px 6px 6px 0;box-shadow:0 4px 12px #0d1a3330}
.lp-voce::before{content:"";position:absolute;left:-9px;top:-9px;border:6px solid transparent;border-right-color:var(--cor);border-bottom-color:var(--cor);transform:rotate(0deg)}
.lp-voce-1{left:42%;top:52%;animation:lpCursor1 6s infinite}
.lp-voce-2{right:10%;top:44%;animation:lpCursor2 6s infinite}
.lp-voce-3{right:14%;top:30%;animation:lpCursor3 6s infinite}
@keyframes lpClique{0%,30%{transform:scale(1)}34%{transform:scale(.93)}38%,100%{transform:scale(1)}}
@keyframes lpAparece{0%,38%{opacity:0;transform:translateY(4px)}45%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes lpDigita{0%,15%{max-width:0}50%,90%{max-width:6em}100%{max-width:0}}
@keyframes lpEnche{0%,20%{width:8%}60%,100%{width:72%}}
@keyframes lpCursor1{0%{transform:translate(60px,40px)}30%,40%{transform:translate(0,0)}70%,100%{transform:translate(30px,30px)}}
@keyframes lpCursor2{0%{transform:translate(20px,50px)}25%,85%{transform:translate(0,0)}100%{transform:translate(20px,50px)}}
@keyframes lpCursor3{0%{transform:translate(-40px,40px)}50%,85%{transform:translate(0,0)}100%{transform:translate(-40px,40px)}}
@media (max-width:900px){.lp-passos-linha::before{display:none}.lp-topo-in{margin:0 12px}.lp-comecar{display:none}}
@media (prefers-reduced-motion:reduce){.lp-anim-clique,.lp-tela-ok,.lp-digita,.lp-tela-barra i,.lp-voce{animation:none}.lp-tela-ok{opacity:1}}

/* Grupo VIP (Promoções) */
.gv-grade{display:grid;grid-template-columns:1fr 1fr;gap:1.4em}
.gv-grade h3{margin:.2em 0 .6em;font-size:1rem}
.gv-campo{display:block;font-size:.85em;color:var(--suave);margin-bottom:.5em}.gv-campo input{display:block;width:100%;margin-top:.2em}
.gv-msg{width:100%;font-family:inherit;font-size:.86em;resize:vertical;background:var(--fundo);border:1px solid var(--linha);border-radius:10px;padding:.7em;color:var(--texto)}
@media (max-width:800px){.gv-grade{grid-template-columns:1fr}}
#area-cartoes{display:none}
@media print{
  body.imprimindo-cartoes>*:not(#area-cartoes){display:none!important}
  body.imprimindo-cartoes #area-cartoes{display:grid;grid-template-columns:1fr 1fr;gap:4mm}
  @page{size:A4;margin:8mm}
  .gv-cartao{display:flex;align-items:center;gap:4mm;border:1px dashed #999;border-radius:3mm;padding:4mm;height:50mm;box-sizing:border-box;break-inside:avoid;color:#000;background:#fff}
  .gv-cartao img{width:34mm;height:34mm;flex:none}
  .gv-txt{flex:1;font-family:system-ui,sans-serif}.gv-txt strong{font-size:13pt;display:block;margin-bottom:1.5mm}
  .gv-txt p{margin:0 0 1.5mm;font-size:9.5pt}.gv-txt small{font-size:7.5pt;color:#444}.gv-cupom b{font-size:11pt;letter-spacing:.5px}
}

/* ===== Página de vendas: telas reais, logos dos marketplaces e movimento ===== */
.lg{display:inline-flex;align-items:center;gap:.35em;font-weight:800;white-space:nowrap;letter-spacing:-.01em;line-height:1}
.lg-ic{width:1.35em;height:1.35em;flex:none}
.lg-shopee b{color:#EE4D2D}
.lg-ml{background:#FFE600;color:#2D3277;border-radius:99px;padding:.32em .75em;flex-direction:column;gap:0;font-size:.78em;line-height:.95;text-transform:lowercase}
.lg-tiktok{color:var(--texto)}.lg-tiktok i{font-style:normal;font-weight:600;color:#fe2c55}
.lg-shein b{color:var(--texto);letter-spacing:.12em;font-weight:900}
.lg-amazon b{color:var(--texto);font-weight:800}
.lg-magalu b{color:#0086FF;font-weight:900;font-size:1.1em}
.lg-ali b{color:#E43225}
.lp-mk-lado{top:140px;gap:28px;color:inherit}
.lp-mk-lado .lg{opacity:.55;filter:saturate(.8);transition:opacity .3s}.lp-mk-lado .lg:hover{opacity:1}
.lp-mk-esq{align-items:flex-start}.lp-mk-dir{align-items:flex-end}
/* faixa de logos rolando */
.lp-logos{padding:26px 0 30px;background:var(--cartao);border-bottom:1px solid var(--linha);text-align:center;overflow:hidden}
.lp-logos p{margin:0 0 14px;color:var(--suave);font-size:.82em;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.lp-logos-trilho{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.lp-logos-rola{display:flex;gap:56px;width:max-content;animation:lpRola 32s linear infinite;font-size:1.15em;align-items:center}
.lp-logos-rola:hover{animation-play-state:paused}
@keyframes lpRola{to{transform:translateX(-50%)}}
/* print real no topo, flutuando, com cartõezinhos por cima */
.lp-real{position:relative;animation:lpFlutua 7s ease-in-out infinite}
.lp-janela{margin:0;background:var(--cartao);border:1px solid var(--linha);border-radius:14px;overflow:hidden;box-shadow:0 30px 70px #0d1a3326,0 6px 18px #0d1a3314}
.lp-janela img{display:block;width:100%;height:auto}
.lp-janela-barra{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--linha);background:var(--fundo)}
.lp-janela-barra span{width:10px;height:10px;border-radius:50%;background:#e2e6ee}.lp-janela-barra span:first-child{background:#ff6159}.lp-janela-barra span:nth-child(2){background:#ffbd2e}.lp-janela-barra span:nth-child(3){background:#28c941}
.lp-janela-barra em{margin-left:10px;font-style:normal;font-size:.72em;color:var(--suave);background:var(--cartao);border:1px solid var(--linha);border-radius:99px;padding:.15em .8em}
.lp-real .lp-janela{transform:perspective(1400px) rotateY(-7deg) rotateX(3deg);transform-origin:left center}
.lp-flut{position:absolute;background:var(--cartao);border:1px solid var(--linha);border-radius:14px;padding:.6em .85em;box-shadow:0 16px 40px #0d1a3326;display:flex;flex-direction:column;gap:.1em;font-size:.86em;max-width:250px}
.lp-flut small{color:var(--suave);font-size:.78em}.lp-flut strong{font-size:1.05em}.lp-flut span{color:var(--suave);font-size:.78em}
.lp-flut .pos{color:#14a85a}
.lp-flut-1{left:-34px;bottom:56px;animation:lpEntra .7s .4s both,lpFlutua 6s 1.1s ease-in-out infinite}
.lp-flut-2{right:-24px;top:34px;animation:lpEntra .7s .8s both,lpFlutua 7s 1.5s ease-in-out infinite reverse}
.lp-flut-3{right:24px;bottom:-22px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.1em .5em;animation:lpEntra .7s 1.2s both,lpFlutua 8s 1.9s ease-in-out infinite}
.lp-flut-3 small{width:calc(100% - 18px)}
.lp-ping{width:10px;height:10px;border-radius:50%;background:#14a85a;box-shadow:0 0 0 0 #14a85a88;animation:lpPing 1.6s infinite}
.lp-real .lp-mock-nota{display:block;margin-top:30px;text-align:right}
@keyframes lpFlutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes lpEntra{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@keyframes lpPing{70%{box-shadow:0 0 0 10px #14a85a00}100%{box-shadow:0 0 0 0 #14a85a00}}
/* "Veja por dentro" */
.lp-abas{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:1.4em 0 1.2em}
.lp-abas button{position:relative;overflow:hidden;text-align:left;display:flex;flex-direction:column;gap:.25em;padding:.9em 1em 1.1em;border-radius:14px;border:1px solid var(--linha);background:var(--cartao);cursor:pointer;color:var(--texto);font:inherit;transition:border-color .2s,box-shadow .2s}
.lp-abas button span{color:var(--suave);font-size:.86em}
.lp-abas button i{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--cor)}
.lp-abas button.ativa{border-color:color-mix(in srgb,var(--cor) 45%,var(--linha));box-shadow:0 10px 26px color-mix(in srgb,var(--cor) 16%,transparent)}
.lp-abas button.ativa i{animation:lpTempo 6s linear forwards}
@keyframes lpTempo{to{width:100%}}
.lp-palco{display:grid}
.lp-palco img{grid-area:2/1;opacity:0;transform:scale(.985);transition:opacity .5s ease,transform .5s ease;pointer-events:none}
.lp-palco img.ativa{opacity:1;transform:none;pointer-events:auto}
.lp-palco .lp-janela-barra{grid-area:1/1}
@media (max-width:900px){.lp-real .lp-janela{transform:none}.lp-flut-1{left:8px;bottom:40px}.lp-flut-2{right:8px;top:-20px}.lp-flut-3{right:8px}.lp-abas{grid-template-columns:1fr}.lp-abas button span{display:none}}
@media (max-width:560px){.lp-flut-2{display:none}.lp-flut{font-size:.78em}}
@media (prefers-reduced-motion:reduce){.lp-real,.lp-flut,.lp-logos-rola,.lp-ping{animation:none!important}.lp-abas button.ativa i{animation:none;width:100%}}
.lp-real .lp-mock-nota{position:static;display:block;margin-top:34px;text-align:right;color:var(--suave);font-size:.75em}
.lp-hero-in:has(.lp-real){grid-template-columns:1fr 1.2fr;gap:56px}
@media (max-width:900px){.lp-hero-in:has(.lp-real){grid-template-columns:1fr}}
.lp-real .lp-mock-nota{text-align:left}
.mkt-selo.shein{background:#111;color:#fff}
button.primario.shein{background:#111;border-color:#111;color:#fff}button.primario.shein:hover{background:#333}

.mkt-selo.tiktok{background:#111;color:#25f4ee}
button.primario.tiktok{background:#111;border-color:#111;color:#fff;box-shadow:inset 3px 0 0 #25f4ee,inset -3px 0 0 #fe2c55}button.primario.tiktok:hover{background:#333}

/* Orgânico x Ads (Dashboard) */
.og{margin-bottom:1em}
.og-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:1em}.og-cab h2{margin:0}
.og-barra{display:flex;height:14px;border-radius:99px;overflow:hidden;background:var(--linha);margin:.9em 0 .8em}
.og-org{background:#14a85a;transition:width .6s}.og-ads{background:var(--cor);transition:width .6s}
.og-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:1em}
.og-nums>div{display:flex;flex-direction:column;gap:.1em}.og-nums small{color:var(--suave)}.og-nums strong{font-size:1.25em}.og-nums span{font-size:.82em;color:var(--suave)}
.og-v-org{color:#14a85a}.og-v-ads{color:var(--cor)}
.og-nota{font-size:.82em;margin:.8em 0 0}
.og-prod{display:flex;gap:.6em;align-items:center;min-width:220px}.og-prod img,.og-prod .sem-img{width:38px;height:38px;border-radius:8px;object-fit:cover;flex:none;background:var(--fundo)}
.og-prod div{display:flex;flex-direction:column}.og-prod strong{font-size:.88em;line-height:1.25}
.og-mini{display:flex;width:110px;height:8px;border-radius:99px;overflow:hidden;background:var(--linha);margin-bottom:.2em}
.og-tab td{vertical-align:middle}
@media (max-width:700px){.og-nums{grid-template-columns:1fr}.og-cab{flex-direction:column}}
.ads-cred{background:none;border:1px dashed color-mix(in srgb,#14a85a 55%,var(--linha));color:#14a85a;border-radius:99px;padding:.1em .6em;font-size:.9em;cursor:pointer}
.origem-preco{font-size:.8em;color:var(--suave);margin:-.15em 0 .45em 1.2em}.origem-preco b{color:var(--texto)}
.origem-preco.ruim{color:#b42318}.origem-preco.ruim b{color:#b42318}

/* Selos de como a venda aconteceu */
.selos-venda{display:flex;flex-wrap:wrap;gap:.25em;margin-top:.3em}
.sv{display:inline-flex;align-items:center;gap:.2em;font-size:.72em;font-weight:700;padding:.12em .5em;border-radius:99px;white-space:nowrap;border:1px solid transparent}
.sv-ads{background:#e8f0fe;color:#1a56c4}.sv-afiliado{background:#f3e8ff;color:#7b2fd0}.sv-melhor_oferta{background:#fff1e6;color:#c2410c}
.sv-relampago{background:#fff7d6;color:#9a6700}.sv-especial{background:#fde8f0;color:#b4235a}.sv-desconto{background:#e6f6ee;color:#11683a}
.sv-organico{background:var(--fundo);color:var(--suave);border-color:var(--linha)}
:root[data-tema="escuro"] .sv{filter:brightness(.85) saturate(1.2)}
.resumo-selos summary{cursor:pointer}.rs-linha:hover{background:var(--fundo)}.rs-linha.ativa{background:color-mix(in srgb,var(--cor) 9%,transparent)}
.resumo-selos{margin-bottom:.8em}
.sx-selo-info{background:#2a78d6!important}.sx-info{cursor:pointer}
.ult .selos-venda{margin-top:.25em}.ult .sv{font-size:.66em}

/* Escolha do tema (barra lateral) */
.tema-escolha{display:flex;gap:2px;background:#ffffff12;border-radius:10px;padding:3px;margin-bottom:4px}
.tema-escolha button{flex:1;background:transparent;color:#cfd6e2;padding:.35em .2em;font-size:.78em;font-weight:600;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.1}
.tema-escolha button:hover{background:#ffffff14}.tema-escolha button.ativo{background:#ffffff26;color:#fff}
/* Modo escuro: selos e etiquetas com fundo escuro translúcido (no claro continuam pastel) */
:root[data-tema="escuro"] .var.sobe,:root[data-tema="escuro"] .vivo,:root[data-tema="escuro"] .pilula.a_enviar,:root[data-tema="escuro"] .selo.fase-ok,:root[data-tema="escuro"] .sv-desconto{background:#14301f;color:#6fdc9a}
:root[data-tema="escuro"] .var.desce,:root[data-tema="escuro"] .pilula.cancelado,:root[data-tema="escuro"] .pilula.devolucao,:root[data-tema="escuro"] .pilula.cancelando{background:#3a1a1a;color:#f3a9a1}
:root[data-tema="escuro"] .pilula.aguardando_pagamento,:root[data-tema="escuro"] .sv-ads{background:#16233d;color:#8fb6ff}
:root[data-tema="escuro"] .pilula.enviado,:root[data-tema="escuro"] .sv-melhor_oferta,:root[data-tema="escuro"] .mkt-selo{background:#3a2210;color:#ffb07a}
:root[data-tema="escuro"] .pilula.concluido,:root[data-tema="escuro"] .selo.fase-est{background:#262d39;color:#b8c2d1}
:root[data-tema="escuro"] .selo.fase-prev,:root[data-tema="escuro"] .sv-relampago{background:#352a10;color:#f3cf6b}
:root[data-tema="escuro"] .selo.fase-acel,:root[data-tema="escuro"] .sv-afiliado{background:#2a1d45;color:#c4a5ff}
:root[data-tema="escuro"] .sv-especial{background:#3a1626;color:#ff9fc3}
:root[data-tema="escuro"] .rx-ico.ok{background:#14301f}
:root[data-tema="escuro"] .mkt-selo.mercadolivre{background:#3a3510;color:#ffe766}
:root[data-tema="escuro"] .sv{filter:none}
:root[data-tema="escuro"] .rx-ico[style]{background:#ffffff14!important}
.mini-kpis.kpis-linha{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.mini.vermelho{background:#fdf0ef;border-color:#f6d3d0}.mini.vermelho .ic{color:#c9302c}
:root[data-tema="escuro"] .mini.vermelho{background:#2e1717;border-color:#4a2424}

/* Barra lateral: Sair e tema na mesma linha */
.linha-sair{display:flex;align-items:center;gap:6px}.linha-sair>#sair{flex:1;min-width:0}
.tema-escolha{flex:none;margin:0;padding:2px;gap:1px}
.tema-escolha button{flex:none;width:28px;height:28px;padding:0;font-size:.85em;display:grid;place-items:center;border-radius:7px}
/* Top 5 do Dashboard: enxuto */
.cartao-top{padding:.85em 1em}
.cartao-top .top-cab{gap:.5em;margin-bottom:.4em}
.cartao-top .top-cab .ico{width:26px;height:26px;border-radius:7px}.cartao-top .top-cab .ico .ic{width:14px;height:14px}
.cartao-top .top-cab h2{font-size:1em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cartao-top .link-top{margin-left:auto;background:none;border:0;padding:.2em 0;color:var(--cor);font-size:.8em;font-weight:600;white-space:nowrap}
.cartao-top .link-top:hover{text-decoration:underline}
ol.top5{list-style:none;margin:0;padding:0;counter-reset:t5;font-size:.86em}
ol.top5 li{display:flex;align-items:center;gap:.6em;padding:.38em 0;border-top:1px solid var(--linha);counter-increment:t5}
ol.top5 li::before{content:counter(t5);width:1.1em;flex:none;color:var(--suave);font-size:.9em;text-align:center}
.t5-nome{flex:1;min-width:0;line-height:1.25}
.t5-nome span,.t5-nome small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t5-nome small{color:var(--suave);font-size:.85em}
ol.top5 strong{flex:none;font-variant-numeric:tabular-nums}
.vazio-top{margin:.2em 0 0;padding:.6em .7em;border-radius:8px;font-size:.86em;background:var(--ok-fundo);color:var(--ok);font-weight:600}
.vazio-top.neutro{background:var(--fundo);color:var(--suave);font-weight:400}

/* Raio-X enxuto */
.rx2{padding:.85em 1em}
.rx2-cab{display:flex;align-items:center;gap:.5em;flex-wrap:wrap}
.rx2-ico{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:.85em;background:var(--erro-fundo);flex:none}
.rx2-cab h2{margin:0;font-size:1em;white-space:nowrap}
.rx2-resumo{font-size:.86em;flex:1;min-width:12em}
.rx2-cab .link-top{margin-left:auto;background:none;border:0;padding:.2em 0;color:var(--cor);font-size:.8em;font-weight:600;white-space:nowrap}
.rx2-porque{margin:.6em 0 .2em}
.rx2 .rx-barra{height:6px;border-radius:99px;margin:0}
.rx2-leg{display:flex;flex-wrap:wrap;gap:.3em 1em;font-size:.8em;color:var(--suave);margin-top:.35em}
.rx2-leg span{display:inline-flex;align-items:center;gap:.35em}.rx2-leg i{width:8px;height:8px;border-radius:2px}.rx2-leg b{color:var(--texto)}
.rx2-fazer{margin:.5em 0;font-size:.84em;padding:.45em .7em;border-radius:8px;border-left:3px solid var(--c);background:var(--fundo);line-height:1.4}
.rx2-prods li{cursor:pointer}.rx2-prods li:hover .t5-nome span{color:var(--cor)}
.rx2-det{margin-top:.3em;font-size:.86em}.rx2-det summary{cursor:pointer;color:var(--suave);padding:.3em 0}
.rx2-det .rx-peds{max-height:260px;overflow:auto}
.top-cab .ico{display:grid;place-items:center;color:#fff;flex:none}.top-cab .ico .ic{display:block;margin:0;fill:none;stroke:currentColor;stroke-width:2}
/* cabeçalhos dos cartões do Dashboard no mesmo padrão do Top 5 e Raio-X: ícone 26px e título 1em */
.projecao .rx-cab,.agenda .rx-cab{gap:.5em;margin-bottom:.5em}
.projecao .rx-ico,.agenda .rx-ico{width:26px;height:26px;border-radius:7px;font-size:.85em}
.projecao .rx-cab h2,.agenda .rx-cab h2{font-size:1em;margin:0}
.projecao .sub-h,.agenda .sub-h{font-size:.8em}

/* Estratégias enxuto */
.est2{padding:.8em 1em}
.est2-cab{display:flex;align-items:center;gap:.7em}
.est2-cab img,.est2-cab .sem-img{width:38px;height:38px;border-radius:8px;object-fit:cover;flex:none}
.est2-nome{flex:1;min-width:0}.est2-nome strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95em}
.est2-nome small,.est2-lucro small{display:block;color:var(--suave);font-size:.78em}
.est2-lucro{text-align:right;flex:none}.est2-lucro strong{font-size:1.1em}
.est2 .est-chips{margin:.55em 0 0}
.est2-plano{display:flex;align-items:center;gap:.6em;margin-top:.55em;font-size:.86em;padding:.45em .7em;border-radius:8px;background:color-mix(in srgb,var(--cor) 7%,transparent);border-left:3px solid var(--cor)}
.est2-plano>span:first-child{flex:1;min-width:0}
.est2-tag{flex:none;font-size:.8em;font-weight:700;color:var(--aviso);background:var(--aviso-fundo);border-radius:99px;padding:.1em .55em;cursor:help;white-space:nowrap}
.est2-acoes{display:flex;flex-wrap:wrap;gap:.5em;margin-top:.55em}.est2-acoes button{font-size:.84em;padding:.45em .8em}
.est2-det{margin-top:.5em;font-size:.9em}.est2-det>summary{cursor:pointer;color:var(--suave);font-size:.88em}
.est2-det[open]>summary{margin-bottom:.4em}.est2-passos{margin:.3em 0 .5em;padding-left:1.3em}
.est2-atencao{color:var(--aviso);font-size:.88em;margin:.2em 0 .5em}
.est-topo .est-resumo{margin-top:.6em}
/* a faixa rola com a página: grudada no topo ela ficava por cima de botões (ex.: Insumos) e o clique abria a notícia que passava */
.sx-faixa{position:relative;top:auto;z-index:1}

/* sincronização em dia: uma linha discreta no rodapé da barra lateral */
.cartao-sync.sync-mini{background:none;border:0;padding:0;margin-top:auto}
.sync-linha{width:100%;display:flex;align-items:center;gap:.5em;background:none!important;border:0!important;color:var(--menu-texto)!important;font-size:.82em;font-weight:500;padding:.35em .6em!important;margin:0!important;border-radius:8px;opacity:.85;text-align:left}
.sync-linha:hover{opacity:1;background:#ffffff12!important}
.sync-linha .ponto{width:8px;height:8px;box-shadow:0 0 0 3px #2ecc7133}
.cartao-sync[hidden]{display:none!important}
.cartao-sync:has(.sync-alerta){background:none;border:0;padding:0}
.sync-alerta{width:100%;display:flex;align-items:center;gap:.5em;background:#ef535022!important;border:1px solid #ef535066!important;color:#ffb4b0!important;font-size:.82em;padding:.5em .7em!important;margin:0!important;border-radius:10px;text-align:left}

/* Rankings: pódio com medalhas + lista com barra */
.rk-ordens{margin-bottom:.8em}
.rk{padding:1.1em 1.2em}
.rk-resumo{margin:0 0 1em;color:var(--suave);font-size:.88em}.rk-resumo b{color:var(--texto)}
.rk-podio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1em;align-items:end;margin-bottom:1.2em}
.rk-pod{position:relative;text-align:center;border-radius:16px;padding:1.6em .9em 1em;border:1px solid var(--linha);background:var(--cartao);min-width:0}
.rk-pod.rk-1{order:2;padding-top:2em;background:linear-gradient(180deg,color-mix(in srgb,#f5b301 16%,var(--cartao)),var(--cartao) 70%);border-color:color-mix(in srgb,#f5b301 55%,var(--linha));box-shadow:0 10px 28px -14px #f5b30188}
.rk-pod.rk-2{order:1;background:linear-gradient(180deg,color-mix(in srgb,#9aa7b8 16%,var(--cartao)),var(--cartao) 70%);border-color:color-mix(in srgb,#9aa7b8 55%,var(--linha))}
.rk-pod.rk-3{order:3;background:linear-gradient(180deg,color-mix(in srgb,#cd7f32 16%,var(--cartao)),var(--cartao) 70%);border-color:color-mix(in srgb,#cd7f32 55%,var(--linha))}
.rk-medalha{position:absolute;top:-.75em;left:50%;transform:translateX(-50%);font-size:1.9em;line-height:1;filter:drop-shadow(0 3px 4px #0003)}
.rk-1 .rk-medalha{font-size:2.3em;top:-.8em}
.rk-foto{width:68px;height:68px;border-radius:14px;object-fit:cover;display:block;margin:0 auto .6em;border:3px solid var(--cartao);box-shadow:0 4px 12px #0002}
.rk-1 .rk-foto{width:84px;height:84px}
.rk-pod .rk-nome{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.86em;line-height:1.3;min-height:2.6em}
.rk-pod .rk-var{display:block;color:var(--suave);font-size:.76em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.15em}
.rk-valor{font-size:1.45em;font-weight:800;margin-top:.45em;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.rk-1 .rk-valor{font-size:1.75em}
.rk-sub{font-size:.76em;color:var(--suave);margin-top:.1em}
.rk-lista{display:flex;flex-direction:column}
.rk-linha{display:flex;align-items:center;gap:.75em;padding:.55em .2em;border-top:1px solid var(--linha)}
.rk-pos{width:1.9em;height:1.9em;flex:none;border-radius:50%;display:grid;place-items:center;font-size:.78em;font-weight:700;color:var(--suave);background:var(--fundo)}
.rk-mini{width:34px;height:34px;border-radius:8px;object-fit:cover;flex:none}
.rk-meio{flex:1;min-width:0}
.rk-meio .rk-nome{display:block;font-size:.87em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-meio .rk-var{display:block;color:var(--suave);font-size:.76em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-barra{height:4px;border-radius:99px;background:var(--fundo);margin-top:.35em;overflow:hidden}
.rk-barra i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--cor),color-mix(in srgb,var(--cor) 55%,#7dd3fc))}
.rk-barra i.neg{background:var(--erro)}
.rk-dir{text-align:right;flex:none;min-width:7.5em}
.rk-dir strong{display:block;font-variant-numeric:tabular-nums}
.rk-dir small{display:block;color:var(--suave);font-size:.74em;white-space:nowrap}
.rk-mais{width:100%;margin-top:.8em}
@media (max-width:640px){
  .rk{padding:.9em .8em}
  .rk-podio{grid-template-columns:minmax(0,1fr);gap:1.3em}
  .rk-pod{order:0!important;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;text-align:left;gap:0 .7em;padding:.8em .9em}
  .rk-medalha{position:static;transform:none;grid-row:1/3;font-size:1.8em!important}
  .rk-foto{display:none}
  .rk-pod .rk-nome{-webkit-line-clamp:1;min-height:0;grid-column:2}
  .rk-pod .rk-var{grid-column:2}
  .rk-valor{grid-column:3;grid-row:1;margin:0;font-size:1.15em!important;text-align:right}
  .rk-sub{grid-column:3;grid-row:2;text-align:right}
  .rk-dir{min-width:0}.rk-dir small{display:none}
}

/* Suporte: botão flutuante + painel de conversa */
.avisos-pedidos{bottom:84px}
.sp-botao{position:fixed;right:18px;bottom:18px;z-index:65;display:flex;align-items:center;gap:.45em;padding:.7em 1.05em;border-radius:99px;
  background:linear-gradient(135deg,#2f6ff0,#4c8dff);color:#fff;font-weight:700;box-shadow:0 10px 26px -8px #2f6ff0aa}
.sp-botao:hover{filter:brightness(1.06)}.sp-botao.aberto .sp-rot{display:none}.sp-botao.aberto .sp-bico::before{content:'×';font-size:1.3em}.sp-botao.aberto .sp-bico{font-size:0}
.sp-bolinha{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#ef4444;color:#fff;font-size:.72em;display:grid;place-items:center;border:2px solid var(--fundo)}
.sp-painel{position:fixed;right:18px;bottom:78px;z-index:66;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100vh - 110px));display:flex;flex-direction:column;
  background:var(--cartao);border:1px solid var(--linha);border-radius:16px;box-shadow:0 24px 60px -18px #0006;overflow:hidden}
.sp-painel[hidden]{display:none}
.sp-cab{display:flex;align-items:center;gap:.6em;padding:.8em .9em;background:linear-gradient(135deg,#1d3f8f,#2f6ff0);color:#fff}
.sp-logo{width:32px;height:32px;border-radius:10px;background:#ffffff26;display:grid;place-items:center;flex:none}
.sp-cab-t{flex:1;min-width:0}.sp-cab-t strong{display:block;font-size:.95em}.sp-cab-t small{display:block;opacity:.8;font-size:.76em}
.sp-x{background:#ffffff1f;color:#fff;width:30px;height:30px;padding:0;border-radius:9px;font-size:1.2em;line-height:1;flex:none}
.sp-msgs{flex:1;overflow-y:auto;padding:.9em;display:flex;flex-direction:column;gap:.55em;background:var(--fundo)}
.sp-bolha{max-width:85%;padding:.55em .75em;border-radius:14px;background:var(--cartao);border:1px solid var(--linha);align-self:flex-start;font-size:.88em}
.sp-bolha.minha{align-self:flex-end;background:var(--cor);border-color:var(--cor);color:#fff}
.sp-bolha p{margin:0;white-space:pre-wrap;word-break:break-word}
.sp-bolha small{display:block;margin-top:.25em;font-size:.72em;opacity:.7}
.sp-tipo{display:inline-block;font-size:.72em;font-weight:700;margin-bottom:.2em;opacity:.9}
.sp-rodape{border-top:1px solid var(--linha);padding:.6em;background:var(--cartao)}
.sp-tipos{display:flex;gap:.3em;flex-wrap:wrap;margin-bottom:.45em}
.sp-tipos button{font-size:.74em;padding:.25em .6em;border-radius:99px;background:var(--fundo);border:1px solid var(--linha);font-weight:600;color:var(--suave)}
.sp-tipos button.ativo{background:color-mix(in srgb,var(--cor) 14%,transparent);border-color:var(--cor);color:var(--cor)}
.sp-escreve{display:flex;gap:.45em;align-items:flex-end}
.sp-escreve textarea{flex:1;resize:none;font:inherit;font-size:.9em;padding:.55em .7em;border:1px solid var(--linha);border-radius:12px;background:var(--fundo);color:var(--texto);max-height:120px}
.sp-escreve textarea:focus{outline:2px solid var(--cor);outline-offset:0}
.sp-enviar{width:40px;height:40px;padding:0;border-radius:12px;flex:none}
.sp-caixa{flex:1;overflow-y:auto}
.sp-conv{width:100%;display:flex;gap:.6em;align-items:center;text-align:left;background:none;border-radius:0;border-bottom:1px solid var(--linha);padding:.75em .9em;font-weight:400}
.sp-conv:hover{background:var(--fundo)}.sp-conv.nova strong{color:var(--cor)}
.sp-conv-l{flex:1;min-width:0}.sp-conv-l strong{display:block;font-size:.9em}
.sp-conv-l small{display:block;color:var(--suave);font-size:.78em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-conv-r{text-align:right;flex:none}.sp-conv-r small{display:block;color:var(--suave);font-size:.72em}
.sp-n{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:99px;background:var(--cor);color:#fff;font-size:.72em;font-weight:700;margin-top:.2em}
.sp-vazio{padding:1.5em;color:var(--suave);text-align:center;font-size:.9em}
@media (max-width:640px){
  .sp-botao{right:12px;bottom:12px;padding:.65em .8em}.sp-botao .sp-rot{display:none}
  .sp-painel{inset:0;width:auto;height:auto;border-radius:0;border:0}
  .sp-painel:not([hidden])~.sp-botao{display:none}
  .avisos-pedidos{bottom:70px}
}
.sp-botao.aberto .sp-bico::before{font-size:22px;line-height:1}
.ads-afil{padding-left:.8em;border-left:1px solid var(--linha)}

/* Ads e Afiliados: um quadro, duas linhas separadas, rótulo com largura fixa para alinhar */
.mkt-faixa{border:1px solid var(--linha);border-radius:12px;background:var(--cartao);margin:-.3em 0 .9em;overflow:hidden}
.mkt-faixa>.ads-vivo{margin:0;border-bottom:0;padding:.5em .9em}
.mkt-faixa>.ads-vivo+.ads-vivo{border-top:1px solid var(--linha)}
.mkt-faixa .ads-t{min-width:6.6em}
.afil-vivo{background:color-mix(in srgb,#7b2fd0 4%,transparent)}
.afil-periodo{margin-left:auto;font-size:.88em;color:var(--suave);cursor:help;white-space:nowrap}
.ads-afil{display:none}

/* menu do sininho: som, aviso no celular, instalar o app */
.ap-menu{position:absolute;z-index:80;width:min(320px,calc(100vw - 16px));background:var(--cartao);border:1px solid var(--linha);border-radius:14px;box-shadow:0 18px 44px -14px #0006;padding:.35em}
.ap-op{width:100%;display:flex;align-items:center;gap:.7em;background:none;border-radius:10px;padding:.6em .65em;text-align:left;font-weight:400}
.ap-op:hover{background:var(--fundo)}
.ap-ic{width:32px;height:32px;border-radius:9px;background:var(--fundo);display:grid;place-items:center;flex:none}
.ap-t{flex:1;min-width:0}.ap-t b{display:block;font-size:.9em}.ap-t small{display:block;color:var(--suave);font-size:.76em;line-height:1.3}
.ap-chave{width:34px;height:20px;border-radius:99px;background:var(--linha);position:relative;flex:none;transition:background .15s}
.ap-chave::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .15s}
.ap-chave.on{background:#14a85a}.ap-chave.on::after{left:16px}
@media (display-mode:standalone){.topo{padding-top:env(safe-area-inset-top)}}

/* canal (marketplace) do pedido */
.canal{display:inline-block;font-size:.68em;font-weight:800;letter-spacing:.02em;padding:.08em .45em;border-radius:5px;vertical-align:middle;line-height:1.5}
.canal-shopee{background:#fde8e1;color:#c2410c}.canal-mercadolivre{background:#fff3b0;color:#3d3a00}.canal-tiktok{background:#111;color:#25f4ee}.canal-shein{background:#111;color:#fff}
:root[data-tema="escuro"] .canal-shopee{background:#3a2210;color:#ffb07a}:root[data-tema="escuro"] .canal-mercadolivre{background:#3a3510;color:#ffe766}
.sv-mercadolivre{background:#fff3b0;color:#3d3a00}:root[data-tema="escuro"] .sv-mercadolivre{background:#3a3510;color:#ffe766}
.por-canal{display:flex;flex-wrap:wrap;gap:.4em;margin:.6em 0 .2em}
.por-canal>.pc-item{flex:1 1 180px;display:flex;align-items:center;gap:.5em;font-size:.82em;padding:.4em .6em;border:1px solid var(--linha);border-radius:10px}
.por-canal>.pc-item>span:nth-child(2){flex:1;min-width:0}.por-canal>.pc-item small{color:var(--suave)}
.renomeia{background:none;border:0;padding:0 .25em;font-size:.85em;opacity:.55}.renomeia:hover{opacity:1}
/* barrinha da cor do marketplace na lateral de cada pedido */
.ult:has(.canal){border-left:4px solid #ee4d2d}
.ult:has(.canal-mercadolivre){border-left-color:#ffd400}.ult:has(.canal-tiktok){border-left-color:#25f4ee}.ult:has(.canal-shein){border-left-color:#222}
.tab-pedidos tr:has(.canal)>td:first-child{box-shadow:inset 4px 0 0 #ee4d2d}
.tab-pedidos tr:has(.canal-mercadolivre)>td:first-child{box-shadow:inset 4px 0 0 #ffd400}
.tab-pedidos tr:has(.canal-tiktok)>td:first-child{box-shadow:inset 4px 0 0 #25f4ee}
.tab-pedidos tr:has(.canal-shein)>td:first-child{box-shadow:inset 4px 0 0 #222}
.tab-pedidos tr:has(.canal)>td:first-child{padding-left:.8em}

/* ligar produtos do ML ao mesmo da Shopee */
.eq-cartao{display:flex;align-items:center;gap:.8em;margin-bottom:1em;border-color:color-mix(in srgb,#ffd400 55%,var(--linha));background:color-mix(in srgb,#ffd400 6%,var(--cartao))}
.eq-cartao small{display:block;color:var(--suave);font-size:.82em}.eq-ic{font-size:1.4em}
.eq-topo{display:flex;align-items:center;justify-content:space-between;gap:.8em;flex-wrap:wrap;margin-bottom:.6em}
.eq-linha{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.15fr);gap:.7em;align-items:center;padding:.7em 0;border-top:1px solid var(--linha)}
.eq-prod{display:flex;align-items:center;gap:.6em;min-width:0}
.eq-img{width:44px;height:44px;border-radius:8px;object-fit:cover;flex:none}
.eq-txt{min-width:0;font-size:.86em}.eq-txt b{display:inline}.eq-txt small{display:block;color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eq-seta{color:var(--suave);font-size:1.2em}
.eq-dir{text-align:right;flex:none;margin-left:auto}.eq-dir strong{display:block}
.eq-conf{font-size:.72em;font-weight:700;border-radius:99px;padding:.05em .5em}
.eq-alta{background:var(--ok-fundo);color:var(--ok)}.eq-media{background:var(--aviso-fundo);color:var(--aviso)}.eq-baixa{background:var(--erro-fundo);color:var(--erro)}
.eq-acoes{display:flex;gap:.4em;margin-top:.4em}.eq-sel{flex:1;min-width:0;font-size:.82em;padding:.4em}
.eq-ligadas{margin-top:1em;font-size:.88em}.eq-ligadas summary{cursor:pointer;color:var(--suave)}
.eq-lig{display:flex;align-items:center;justify-content:space-between;gap:.6em;padding:.35em 0;border-top:1px solid var(--linha)}
@media (max-width:760px){.eq-linha{grid-template-columns:minmax(0,1fr)}.eq-seta{display:none}}

/* Estratégias: anúncios que só gastam */
.gt{margin-bottom:1em;padding:.8em 1em}.gt>summary{cursor:pointer}.gt-t{font-weight:700}
.gt-ajuda{font-size:.78em;margin:.4em 0 .2em}
.gt-linha{display:grid;grid-template-columns:38px minmax(0,1fr) 92px 120px 100px auto;gap:.7em;align-items:center;padding:.55em 0;border-top:1px solid var(--linha)}
.gt-linha img,.gt-linha .sem-img{width:38px;height:38px;border-radius:8px;object-fit:cover}
.gt-nome{min-width:0}.gt-nome b{display:block;font-size:.88em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gt-nome small{color:var(--suave);font-size:.76em}
.gt-num{text-align:right;font-size:.86em}.gt-num small{display:block;color:var(--suave);font-size:.78em}
.gt-fim{display:flex;align-items:center;gap:.4em;justify-content:flex-end}
.gt-v{font-size:.74em;font-weight:700;border-radius:99px;padding:.15em .6em;white-space:nowrap;cursor:help}
.gt-pausar{background:var(--erro-fundo);color:var(--erro)}.gt-prejuizo{background:var(--erro-fundo);color:var(--erro)}
.gt-fraco{background:var(--aviso-fundo);color:var(--aviso)}.gt-ok{background:var(--ok-fundo);color:var(--ok)}
.gt-btn{font-size:.78em;padding:.3em .7em}
.gt-ok-lista{margin-top:.4em;font-size:.95em}.gt-ok-lista>summary{cursor:pointer;color:var(--suave);font-size:.85em;padding:.3em 0}
@media (max-width:760px){.gt-linha{grid-template-columns:38px minmax(0,1fr) auto}.gt-num{display:none}}
.gt-semcusto{background:var(--fundo);color:var(--suave);border:1px solid var(--linha)}
.sv-ads-valor{font-size:.9em;font-weight:600;opacity:.8;margin-left:.3em;padding-left:.35em;border-left:1px solid currentColor}
.sv-ads-parte{font-size:.68em;color:var(--suave);align-self:center;cursor:help;white-space:nowrap}

/* transmissão da semana */
.tr-linha{width:100%;display:flex;align-items:center;gap:.2em;background:none;border:1px dashed var(--linha);border-radius:10px;padding:.4em .8em;margin:-.3em 0 .8em;font-size:.84em;font-weight:400;text-align:left}
.tr-linha:hover{border-color:var(--cor)}.tr-ir{margin-left:auto;color:var(--cor);font-weight:600}
.tr-status{font-weight:600;border-radius:8px;padding:.45em .7em;margin:.6em 0}.tr-livre{background:var(--ok-fundo);color:var(--ok)}.tr-feita{background:var(--fundo);color:var(--suave)}
.tr-passos{font-size:.86em;color:var(--suave);padding-left:1.2em;line-height:1.55;margin:.4em 0 .7em}

/* Chat da Shopee */
.ch-topo{display:flex;align-items:center;gap:.6em;flex-wrap:wrap;margin-bottom:.8em}.ch-prod{width:auto;max-width:340px;font-size:.88em}.ch-sync{margin-left:auto;font-size:.78em}
.ch-n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--erro);color:#fff;font-size:.7em;font-weight:700;margin-left:.35em}
.ch-corpo{display:grid;grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:1em;align-items:start}
.ch-lista{background:var(--cartao);border:1px solid var(--linha);border-radius:12px;max-height:var(--ch-alto,calc(100vh - 230px));overflow-y:auto}
.ch-conv{width:100%;display:flex;gap:.6em;align-items:flex-start;text-align:left;background:none;border-radius:0;border-bottom:1px solid var(--linha);padding:.65em .8em;font-weight:400}
.ch-conv:hover{background:var(--fundo)}.ch-conv.aberta{background:color-mix(in srgb,var(--cor) 9%,transparent)}
.ch-conv.espera .ch-linha1 b{color:var(--texto)}
.ch-av{width:34px;height:34px;border-radius:50%;flex:none;object-fit:cover;background:var(--fundo);display:grid;place-items:center;font-weight:700;color:var(--suave)}
.ch-meio{flex:1;min-width:0}.ch-linha1{display:flex;align-items:center;gap:.35em;flex-wrap:wrap}.ch-linha1 b{font-size:.88em}
.ch-ult,.ch-produto{display:block;font-size:.78em;color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-produto{color:var(--cor)}
.ch-dir{text-align:right;flex:none;font-size:.8em;color:var(--suave)}.ch-dir small{display:block}
.ch-demora{color:var(--aviso);font-weight:700}.ch-atraso{color:var(--erro);font-weight:700}
.ch-tag{font-size:.68em;font-weight:700;border-radius:99px;padding:.05em .5em;background:var(--fundo);color:var(--suave);border:1px solid var(--linha)}
.ch-imp{background:var(--erro-fundo);color:var(--erro);border-color:transparent}.ch-link{cursor:pointer}
.ch-painel{background:var(--cartao);border:1px solid var(--linha);border-radius:12px;display:flex;flex-direction:column;height:var(--ch-alto,calc(100vh - 230px));min-height:260px}
.ch-dica{margin:auto;padding:2em;text-align:center}
.ch-cab{display:flex;align-items:center;gap:.5em;flex-wrap:wrap;padding:.7em .9em;border-bottom:1px solid var(--linha)}.ch-resolver{margin-left:auto;font-size:.8em;padding:.3em .7em}
.ch-msgs{flex:1;overflow-y:auto;padding:.9em;display:flex;flex-direction:column;gap:.5em;background:var(--fundo)}
.ch-bolha{max-width:78%;align-self:flex-start;background:var(--cartao);border:1px solid var(--linha);border-radius:12px;padding:.5em .7em;font-size:.88em}
.ch-bolha.minha{align-self:flex-end;background:color-mix(in srgb,#ee4d2d 12%,var(--cartao));border-color:color-mix(in srgb,#ee4d2d 30%,var(--linha))}
.ch-bolha p{margin:0;white-space:pre-wrap;word-break:break-word}.ch-bolha small{display:block;font-size:.72em;color:var(--suave);margin-top:.2em}
.ch-escreve{display:flex;gap:.5em;padding:.6em;border-top:1px solid var(--linha);align-items:flex-end}
.ch-escreve textarea{flex:1;resize:vertical;font:inherit;font-size:.9em;padding:.5em .7em;border:1px solid var(--linha);border-radius:10px;background:var(--fundo);color:var(--texto)}
.ch-lote{display:flex;align-items:center;gap:.8em;justify-content:space-between;background:color-mix(in srgb,var(--cor) 8%,var(--cartao));border:1px solid color-mix(in srgb,var(--cor) 30%,var(--linha));border-radius:10px;padding:.5em .8em;margin-bottom:.8em;font-size:.88em}
.ch-lote-lista{max-height:240px;overflow-y:auto;border:1px solid var(--linha);border-radius:10px;margin-bottom:.6em}
.ch-lote-item{display:flex;gap:.5em;align-items:center;padding:.45em .6em;border-bottom:1px solid var(--linha);font-size:.85em;margin:0;color:var(--texto)}.ch-lote-item input{width:auto}
#ch-painel textarea:disabled{opacity:.6}
@media (max-width:860px){.ch-corpo{grid-template-columns:minmax(0,1fr)}.ch-painel{height:70vh}.ch-lista{max-height:45vh}}

/* lembrete de pagamento */
.lb{padding:1em 1.1em}.lb-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:1em;flex-wrap:wrap;margin-bottom:.6em}
.lb-cab h2{margin:0}.lb-auto{display:flex;align-items:center;gap:.4em;font-size:.88em;color:var(--texto);margin:0;cursor:pointer}.lb-auto input{width:auto}
.lb textarea{width:100%;font:inherit;font-size:.9em;padding:.6em .7em;border:1px solid var(--linha);border-radius:10px;background:var(--fundo);color:var(--texto);resize:vertical}
.lb-previa{font-size:.8em;color:var(--suave);background:var(--fundo);border-radius:8px;padding:.45em .7em;margin:.4em 0 0}
.lb-lista{border:1px solid var(--linha);border-radius:10px}
.lb-item{display:flex;align-items:center;gap:.7em;padding:.55em .7em;border-bottom:1px solid var(--linha);margin:0;color:var(--texto);cursor:pointer}
.lb-item input{width:auto}.lb-item img,.lb-item .sem-img{width:38px;height:38px;border-radius:8px;object-fit:cover;flex:none}
.lb-meio{flex:1;min-width:0}.lb-meio b{display:block;font-size:.87em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-meio small{color:var(--suave);font-size:.76em}
.lb-dir{text-align:right;flex:none;font-size:.82em}.lb-dir small{display:block;color:var(--suave);font-size:.85em}.lb-enviado{color:var(--ok)!important;font-weight:600}
.lb-off{opacity:.55;cursor:default}

/* Minha conta */
.mc-colunas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1em;align-items:start}.mc-colunas>div{display:grid;gap:1em}
.mc-cartao{padding:1em 1.1em}.mc-cab{display:flex;gap:.7em;align-items:center;margin-bottom:.7em}.mc-cab h2{margin:0;font-size:1.02em}
.mc-ic{width:34px;height:34px;border-radius:10px;background:var(--fundo);display:grid;place-items:center;flex:none}
.mc-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6em;margin-bottom:.7em}
.mc-campo{margin:0}.mc-campo>span{display:block;font-size:.8em;color:var(--suave);margin-bottom:.25em}
.mc-ok-txt{color:var(--ok);font-weight:600;margin:0 0 .5em}
.mc-qr{width:180px;height:180px;display:block;margin:.4em 0;background:#fff;padding:6px;border-radius:10px;image-rendering:pixelated}
.mc-cod{width:120px;font-size:1.1em;letter-spacing:.15em;text-align:center}
.mc-passos{font-size:.88em;padding-left:1.2em;margin:.2em 0}
.mc-lista{border:1px solid var(--linha);border-radius:10px;margin-bottom:.7em}
.mc-item{display:flex;align-items:center;gap:.6em;padding:.5em .7em;border-bottom:1px solid var(--linha);font-size:.88em}.mc-item:last-child{border-bottom:0}
.mc-este{margin-left:auto;font-size:.75em;font-weight:700;color:var(--ok);background:var(--ok-fundo);border-radius:99px;padding:.1em .55em}
.mc-plano{display:flex;align-items:center;gap:.8em;flex-wrap:wrap;margin-bottom:.8em;font-size:.9em}
.mc-selo{font-weight:700;border-radius:99px;padding:.2em .8em;font-size:.85em}.mc-ok{background:var(--ok-fundo);color:var(--ok)}.mc-teste{background:var(--aviso-fundo);color:var(--aviso)}.mc-ruim{background:var(--erro-fundo);color:var(--erro)}
.mc-linha{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.4em 0 .8em;border-bottom:1px solid var(--linha);margin-bottom:.7em}
.mc-linha small{display:block}.botao{display:inline-block;text-decoration:none;border-radius:10px;padding:.55em 1em;font-weight:600}
.botao.secundario{background:var(--fundo);border:1px solid var(--linha);color:var(--texto)}
.mc-perigo>summary{cursor:pointer;color:var(--erro);font-weight:600;font-size:.9em}
.mc-avisos{font-size:.84em;color:var(--suave);padding-left:1.2em;line-height:1.5}
@media (max-width:900px){.mc-colunas,.mc-grade{grid-template-columns:minmax(0,1fr)}}

/* Estratégias: orçamento diário − / + */
.oc{display:inline-flex;align-items:center;gap:.3em;font-size:.84em;border:1px solid var(--linha);border-radius:10px;padding:.2em .35em .2em .6em;background:var(--fundo)}
.oc-off{color:var(--suave);padding:.35em .7em}
.oc-btn{width:28px;height:28px;padding:0;border-radius:8px;background:var(--cartao);border:1px solid var(--linha);font-size:1.1em;line-height:1;font-weight:700}
.oc-btn:hover{border-color:var(--cor);color:var(--cor)}
.oc-rs{color:var(--suave)}.oc-valor{width:78px;padding:.3em .4em;text-align:right;font-variant-numeric:tabular-nums}
.oc-aplicar{padding:.35em .8em;font-size:.95em;margin-left:.2em}
.oc-roas{width:56px}.oc-dica{font-size:.85em;color:var(--suave);white-space:nowrap}.oc-dica.ruim{color:var(--erro);font-weight:600}
.est2-acoes{align-items:center}

/* emojis no chat */
.ch-emoji-wrap{position:relative;flex:none;align-self:flex-end}
.ch-emoji-bt{width:40px;height:40px;padding:0;border-radius:10px;background:var(--fundo);border:1px solid var(--linha);font-size:1.25em}
.ch-emojis{position:absolute;bottom:46px;left:0;z-index:30;width:286px;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:6px;
  background:var(--cartao);border:1px solid var(--linha);border-radius:12px;box-shadow:0 14px 34px -12px #0007}
.ch-emo{padding:0;height:32px;background:none;font-size:1.2em;border-radius:8px}.ch-emo:hover{background:var(--fundo)}
.ch-com-emoji{display:flex;gap:.45em;align-items:flex-end}.ch-com-emoji textarea{flex:1}
body.na-aba-chat .sp-botao:not(.aberto){display:none}

/* Controle: o que precisa de você */
.al-cartao{margin-bottom:1em;padding:1em 1.1em}.al-cab{display:flex;align-items:baseline;gap:.8em;flex-wrap:wrap;margin-bottom:.6em}.al-cab h2{margin:0}
.al-tudo-ok{border-color:color-mix(in srgb,var(--ok) 40%,var(--linha))}
.al-linha{display:flex;align-items:center;gap:.7em;padding:.6em .7em;border-radius:10px;margin-top:.4em;border:1px solid var(--linha);border-left-width:4px}
.al-alto{border-left-color:var(--erro);background:color-mix(in srgb,var(--erro) 6%,var(--cartao))}
.al-medio{border-left-color:var(--aviso);background:color-mix(in srgb,var(--aviso) 6%,var(--cartao))}
.al-info{border-left-color:var(--cor)}
.al-ic{font-size:1.25em;flex:none;width:1.6em;text-align:center}
.al-meio{flex:1;min-width:0}.al-meio b{font-size:.92em}.al-meio small{display:block;color:var(--suave);font-size:.8em;margin-top:.1em;overflow:hidden;text-overflow:ellipsis}
.al-nivel{font-size:.68em;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-right:.5em;padding:.05em .45em;border-radius:5px;background:var(--fundo);color:var(--suave)}
.al-alto .al-nivel{background:var(--erro-fundo);color:var(--erro)}.al-medio .al-nivel{background:var(--aviso-fundo);color:var(--aviso)}
.al-linha button{flex:none;font-size:.85em;padding:.4em .8em}
.al-info-lista{margin-top:.6em}.al-info-lista>summary{cursor:pointer;color:var(--suave);font-size:.88em}
.ctl-uso{display:flex;flex-wrap:wrap;gap:.25em .6em;font-size:.76em;color:var(--suave);margin-top:.2em}.ctl-uso .ruim{color:var(--erro);font-weight:600}
.pr-loja-linha{display:flex;align-items:center;gap:.6em;margin-bottom:.8em;font-size:.9em}.pr-loja{width:auto;min-width:220px;font-weight:600}

/* assinatura (Minha conta) */
.as-botoes{display:flex;flex-wrap:wrap;gap:.6em;margin:.4em 0 .6em}.as-dica{font-size:.84em;margin:.3em 0 .6em}
.as-cancela{font-size:.82em;padding:.35em .7em}.as-hist{margin-top:.8em;font-size:.88em}.as-hist>summary{cursor:pointer;color:var(--suave)}
.as-pag{display:grid;grid-template-columns:6.5em 6em 6em 1fr;gap:.5em;padding:.35em 0;border-bottom:1px solid var(--linha);align-items:center}
.janela-larga.as-janela{max-width:440px}.as-pix{display:flex;flex-direction:column;gap:.7em;align-items:stretch;text-align:center}
.as-qr{width:220px;height:220px;margin:0 auto;border-radius:12px;background:#fff;padding:8px;image-rendering:pixelated}
.as-codigo{font-family:ui-monospace,monospace;font-size:.75em;word-break:break-all;resize:none}
.as-estado{font-weight:600;color:var(--aviso);margin:.2em 0}.as-estado.ok{color:var(--ok)}
.as-pausada{margin-bottom:1em}
.lp-aceite{display:flex;gap:.5em;align-items:flex-start;font-size:.85em;margin-top:1em;font-weight:400}.lp-aceite input{width:auto;margin-top:.2em}

/* Controle: recebimentos */
.rc-cab{display:flex;align-items:baseline;gap:.8em;flex-wrap:wrap}.rc-cab h2{margin:0}.rc-ok{color:var(--ok);font-weight:600;font-size:.88em}.rc-off{color:var(--suave);font-size:.88em}
.rc-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6em;margin:.8em 0}
.rc-nums>div{background:var(--fundo);border-radius:10px;padding:.6em .8em}.rc-nums small{display:block;color:var(--suave);font-size:.78em}.rc-nums b{font-size:1.1em}
.rc-lista,.rc-passos{margin:.5em 0;font-size:.88em}.rc-lista>summary,.rc-passos>summary{cursor:pointer;color:var(--suave)}.rc-passos ol{padding-left:1.3em;line-height:1.6}
.rc-pag{display:grid;grid-template-columns:7em 1fr 6em 6em;gap:.5em;padding:.35em 0;border-bottom:1px solid var(--linha)}
.rc-form{display:flex;gap:.5em;flex-wrap:wrap;margin-top:.6em}.rc-token{flex:1 1 16em}.rc-form button{flex:none}

/* escolha do plano (Minha conta) */
.as-planos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5em;margin:.2em 0 .8em}
.as-plano{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.15em;text-align:left;padding:.7em .8em;border-radius:12px;
  background:var(--cartao);border:1.5px solid var(--linha);color:var(--texto);font-weight:400;line-height:1.3}
.as-plano strong{font-size:1.15em}.as-plano strong small{font-weight:400;color:var(--suave)}.as-plano>small{font-size:.78em}
.as-plano.escolhido{border-color:var(--cor);box-shadow:0 0 0 3px color-mix(in srgb,var(--cor) 18%,transparent)}
.as-plano:disabled{opacity:.55;cursor:not-allowed}.as-planos.travado .as-plano.escolhido{opacity:1}
.as-plano-selo{position:absolute;top:-.7em;right:.6em;font-size:.68em;font-weight:700;background:var(--cor);color:#fff;border-radius:99px;padding:.1em .6em}

/* Controle: editor de planos */
.pe{margin:.6em 0 .8em;border:1px solid var(--linha);border-radius:12px;padding:.6em .8em}.pe>summary{cursor:pointer;font-weight:700}
.pe-dica{font-size:.82em;margin:.4em 0 .6em}.pe-lista{display:flex;flex-direction:column;gap:.5em}
.pe-linha{display:grid;grid-template-columns:minmax(110px,1.2fr) 100px 120px minmax(160px,2fr) auto auto auto auto;gap:.45em;align-items:end;padding:.5em;border-radius:10px;background:var(--fundo)}
.pe-linha.off{opacity:.6}.pe-campo{display:flex;flex-direction:column;font-size:.75em;color:var(--suave);gap:.15em}.pe-campo input{font-size:1.25em}
.pe-check{display:flex;align-items:center;gap:.25em;font-size:.82em;white-space:nowrap;padding-bottom:.5em}.pe-check input{width:auto}
.pe-uso{font-size:.74em;padding-bottom:.6em;white-space:nowrap}.pe-tira{padding:.3em .6em;margin-bottom:.15em}
.pe-rodape{display:flex;gap:.6em;align-items:end;flex-wrap:wrap;margin-top:.7em}.pe-dias{width:6em}
@media (max-width:760px){.pe-linha{grid-template-columns:1fr 1fr}.pe-texto,.pe-nome{grid-column:1/-1}}
.lb-cab .sub-h{margin:.3em 0 0}

/* página de vendas: central de lojas, destaques com print e celulares */
.lp-centro-bloco{display:table;margin:0 auto .8em}
.lp-antes{display:grid;grid-template-columns:1fr 1fr;gap:1em;max-width:860px;margin:1.6em auto 2.6em}
.lp-antes-col{border-radius:16px;padding:1.1em 1.3em;border:1px solid var(--linha);background:var(--cartao)}
.lp-antes-col b{display:block;font-size:1.05em;margin-bottom:.5em}.lp-antes-col ul{margin:0;padding:0;list-style:none;display:grid;gap:.45em}
.lp-antes-col li{padding-left:1.5em;position:relative;color:var(--suave);font-size:.95em}
.lp-antes-col.ruim li::before{content:'✕';position:absolute;left:0;color:var(--erro);font-weight:800}
.lp-antes-col.bom{border-color:color-mix(in srgb,var(--ok) 45%,var(--linha));box-shadow:0 18px 40px -24px color-mix(in srgb,var(--ok) 60%,transparent)}
.lp-antes-col.bom li{color:var(--texto)}.lp-antes-col.bom li::before{content:'✓';position:absolute;left:0;color:var(--ok);font-weight:800}
.lp-dest{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2.6em;align-items:center;margin:3.2em 0}
.lp-dest-inv{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.lp-dest-inv .lp-dest-txt{order:2}
.lp-dest-ic{display:inline-grid;place-items:center;width:2.4em;height:2.4em;border-radius:12px;background:var(--cartao);border:1px solid var(--linha);font-size:1.3em;margin-bottom:.6em}
.lp-dest-txt h3{font-size:1.55rem;line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em}.lp-dest-txt p{color:var(--suave);line-height:1.6;margin:0 0 1em}
.lp-dest-txt ul{margin:0;padding:0;list-style:none;display:grid;gap:.55em}
.lp-dest-txt li{position:relative;padding-left:1.6em;line-height:1.45}.lp-dest-txt li::before{content:'✓';position:absolute;left:0;top:0;color:var(--cor);font-weight:800}
.lp-dest-fig .lp-janela img{display:block;width:100%;height:auto}
.lp-cels{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4em;max-width:1000px;margin:2em auto 1.2em}
.lp-cel{margin:0;text-align:center}
.lp-cel img{display:block;width:100%;height:auto;border-radius:30px;border:8px solid #10151f;box-shadow:0 28px 60px -26px #0d1a3366;background:#10151f}
.lp-cel:nth-child(even){transform:translateY(1.6em)}
.lp-cel figcaption{margin-top:.8em;font-weight:700;font-size:.92em}
@media (max-width:860px){
  .lp-antes{grid-template-columns:1fr}
  .lp-dest,.lp-dest-inv{grid-template-columns:1fr;gap:1.2em;margin:2.4em 0}.lp-dest-inv .lp-dest-txt{order:0}
  .lp-cels{grid-template-columns:repeat(2,1fr);gap:1em}.lp-cel:nth-child(even){transform:none}
}
.lp-dest-fig img,.lp-palco img,.lp-cel img,.lp-real img{cursor:zoom-in}
.lp-zoom{position:fixed;inset:0;z-index:100;background:#0b1220e6;display:grid;place-items:center;padding:16px;cursor:zoom-out;animation:lpZoom .18s ease}
.lp-zoom img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;box-shadow:0 30px 80px #0008}
.lp-zoom-x{position:fixed;top:12px;right:12px;width:44px;height:44px;border-radius:50%;font-size:1.6em;background:#fff;color:#111;border:0}
@keyframes lpZoom{from{opacity:0}to{opacity:1}}
.ctl-atalhos{display:flex;gap:.6em;flex-wrap:wrap;margin-bottom:1em}.ctl-atalhos a{text-decoration:none}

/* página de vendas: planos (mesmo padrão do Peddos) */
.lp-planos-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.3em;align-items:stretch;margin-top:2.2em}
.lp-planos-lista.um{grid-template-columns:minmax(0,380px);justify-content:center}
.lp-plano{position:relative;display:flex;flex-direction:column;background:var(--cartao);border:1px solid var(--linha);border-radius:20px;padding:1.6em;text-align:left}
.lp-plano.destaque{border:2px solid var(--cor);box-shadow:0 20px 50px color-mix(in srgb,var(--cor) 18%,transparent);transform:translateY(-6px)}
.lp-plano-selo{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--cor);color:#fff;padding:.25em .9em;border-radius:99px;font-size:.8em;font-weight:700;white-space:nowrap}
.lp-plano h3{margin:0;font-size:1.3em}.lp-plano>p{margin:.3em 0 1em;min-height:2.6em;font-size:.92em}
.lp-plano-preco strong{font-size:2.4em;letter-spacing:-.02em}.lp-plano-preco span{color:var(--suave)}
.lp-plano ul{list-style:none;padding:0;margin:1.2em 0 1.5em;display:flex;flex-direction:column;gap:.55em;flex:1;font-size:.95em}
.lp-plano li::before{content:"✓ ";color:var(--ok);font-weight:800}
.lp-plano-bt{text-align:center;padding:.8em 1em}
.lp-planos-nota{margin-top:1.6em}
.lp-form-preco{text-align:center;color:var(--suave);margin:0 0 1.2em}.lp-form-preco b{color:var(--texto)}
@media (max-width:860px){.lp-plano.destaque{transform:none}}

/* página de vendas: cadastro (duas colunas, como o Peddos) */
.lp-cad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:3em;align-items:start;max-width:1080px}
.lp-cad-lado h2{font-size:2.2rem;line-height:1.15;margin:.4em 0 .4em;letter-spacing:-.02em}.lp-cad-lado>p{color:var(--suave);font-size:1.05em;line-height:1.55}
.lp-cad-lista{list-style:none;padding:0;margin:1.3em 0;display:grid;gap:.6em}
.lp-cad-lista li{position:relative;padding-left:1.7em;font-weight:600}.lp-cad-lista li::before{content:'✓';position:absolute;left:0;color:var(--ok);font-weight:900}
.lp-cad-depois{background:var(--cartao);border:1px solid var(--linha);border-radius:16px;padding:1em 1.2em;margin:1.4em 0}
.lp-cad-depois b{display:block;margin-bottom:.6em}.lp-cad-depois ol{list-style:none;margin:0;padding:0;display:grid;gap:.55em;font-size:.94em;color:var(--suave)}
.lp-cad-depois li{display:flex;gap:.6em;align-items:center}
.lp-cad-depois li span{flex:none;display:grid;place-items:center;width:1.7em;height:1.7em;border-radius:50%;background:var(--cor);color:#fff;font-weight:800;font-size:.85em}
.lp-cad-selos{display:flex;flex-wrap:wrap;gap:.5em;font-size:.84em;color:var(--suave)}
.lp-cad-selos span{background:var(--cartao);border:1px solid var(--linha);border-radius:99px;padding:.3em .8em}
.lp-form{padding:1.8em;box-shadow:0 30px 70px -30px #0d1a3340}
.lp-form label small,.lp-canais legend small{font-weight:400;color:var(--suave)}
.lp-grade2{display:grid;grid-template-columns:1fr 1fr;gap:0 .8em}
.lp-senha{position:relative}.lp-senha input{padding-right:5.5em}
.lp-ver{position:absolute;right:.4em;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--cor);font-weight:600;font-size:.85em;padding:.3em .5em}
.lp-forca{display:flex;align-items:center;gap:.6em;margin:.4em 0 0;min-height:1.1em;font-size:.8em;color:var(--suave)}
.lp-forca i{flex:1;height:5px;border-radius:9px;background:var(--linha);position:relative;overflow:hidden}
.lp-forca i::after{content:'';position:absolute;inset:0;width:0;border-radius:9px;transition:width .25s,background .25s}
.lp-forca[data-n="1"] i::after{width:33%;background:var(--erro)}.lp-forca[data-n="2"] i::after{width:66%;background:var(--aviso)}.lp-forca[data-n="3"] i::after{width:100%;background:var(--ok)}
.lp-forca[data-n="1"] span{color:var(--erro)}.lp-forca[data-n="3"] span{color:var(--ok)}
.lp-canais{gap:.45em}.lp-canais label{position:relative}
.lp-canais input{position:absolute;opacity:0;pointer-events:none}
.lp-canais label span{display:inline-block;padding:.45em .9em;border-radius:99px;border:1.5px solid var(--linha);background:var(--cartao);cursor:pointer;font-size:.92em;transition:.15s}
.lp-canais input:checked+span{border-color:var(--cor);background:color-mix(in srgb,var(--cor) 10%,var(--cartao));color:var(--cor);font-weight:700}
.lp-canais input:focus-visible+span{outline:2px solid var(--cor);outline-offset:2px}
.lp-cad-bt{width:100%;margin-top:1.3em;padding:.95em;font-size:1.08em}
.lp-cad-rod{text-align:center;margin:.9em 0 0}
.lp-cad-plano{background:color-mix(in srgb,var(--ok) 10%,var(--cartao));color:var(--ok);border-radius:10px;padding:.55em .8em;font-weight:600;font-size:.9em;margin:0 0 .6em}
@media (max-width:860px){.lp-cad{grid-template-columns:1fr;gap:1.6em}.lp-cad-lado h2{font-size:1.8rem}.lp-grade2{grid-template-columns:1fr}}

/* tela de entrar: marca à esquerda, formulário à direita */
.en{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:var(--fundo)}
.en-lado{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:2em;padding:2.4em 3em;color:#fff;
  background:radial-gradient(900px 500px at 10% 0%,#1d6fe855,transparent 60%),radial-gradient(700px 500px at 100% 100%,#7c3aed40,transparent 60%),#0b1220}
.en-marca{display:inline-flex;align-items:center;gap:.5em;font-weight:800;font-size:1.25em;color:inherit;text-decoration:none}.en-marca img{width:34px;height:34px}
.en-lado h1{font-size:2.4rem;line-height:1.12;margin:0 0 .6em;letter-spacing:-.02em}.en-lado h1 span{color:#7fb2ff}
.en-lado ul{list-style:none;margin:0 0 2em;padding:0;display:grid;gap:.7em;font-size:1.02em;color:#d6def0}
.en-print{margin:0;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px #0009;border:1px solid #ffffff22;transform:perspective(1200px) rotateY(-6deg) rotateX(2deg);max-width:620px}
.en-print img{display:block;width:100%;height:auto}
.en-lado-rod{margin:0;font-size:.85em;color:#9fb0cf}
.en-form-lado{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2em 16px;gap:1.4em}
.en-marca-cel{display:none;color:var(--texto)}
.en-caixa{width:min(400px,100%);background:var(--cartao);border:1px solid var(--linha);border-radius:20px;padding:2em 1.8em;box-shadow:0 30px 70px -36px #0d1a3366}
.en-caixa h2{margin:0;font-size:1.6em;letter-spacing:-.01em}.en-sub{margin:.3em 0 1.2em;font-size:.93em}
.en-rot-linha{display:flex;justify-content:space-between;align-items:baseline;gap:1em}.en-rot-linha a{font-size:.85em}
.en-bt{display:block;width:100%;margin-top:1.2em;padding:.85em;font-size:1.02em;text-align:center}
.en-msg{min-height:1.2em;margin:.7em 0 0;font-size:.9em}
.en-ou{display:flex;align-items:center;gap:.8em;margin:.6em 0 0;color:var(--suave);font-size:.88em}
.en-ou::before,.en-ou::after{content:'';flex:1;height:1px;background:var(--linha)}
.en-criar{margin-top:.8em;font-weight:700;border-color:var(--cor);color:var(--cor)}
.en-criar:hover{background:color-mix(in srgb,var(--cor) 8%,var(--cartao))}
.en-mini{text-align:center;font-size:.8em;margin:.6em 0 0}
.en-volta{text-align:center;margin:.4em 0 0;font-size:.9em}
.en-rodape{margin:0;font-size:.82em;color:var(--suave);text-align:center}
@media (max-width:900px){.en{grid-template-columns:1fr}.en-lado{display:none}.en-marca-cel{display:inline-flex}.en-form-lado{justify-content:flex-start;padding-top:2.4em}}
.lp-canais label input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none;appearance:none}

/* escolha do plano: marca o cartão e anima */
.lp-plano{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.lp-plano:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px #0d1a3355}
.lp-plano.destaque:hover{transform:translateY(-10px)}
.lp-plano-check{position:absolute;top:14px;right:14px;background:var(--ok);color:#fff;font-weight:800;font-size:.78em;padding:.3em .7em;border-radius:99px;
  opacity:0;transform:scale(.6);transition:opacity .2s,transform .25s cubic-bezier(.3,1.6,.5,1)}
.lp-plano.escolhido{border:2px solid var(--ok);box-shadow:0 0 0 5px color-mix(in srgb,var(--ok) 18%,transparent),0 24px 50px -24px #0d1a3355;animation:lpEscolhe .45s ease}
.lp-plano.escolhido .lp-plano-check{opacity:1;transform:scale(1)}
.lp-plano.escolhido .lp-plano-bt{background:var(--ok);border-color:var(--ok);color:#fff}
@keyframes lpEscolhe{0%{transform:scale(1)}35%{transform:scale(1.035)}100%{transform:scale(1)}}
.lp-cad-plano{display:flex;justify-content:space-between;align-items:center;gap:.8em}
.lp-cad-plano.pulsa{animation:lpPulsa .9s ease}
@keyframes lpPulsa{0%{transform:translateY(-6px);opacity:0}40%{transform:none;opacity:1;box-shadow:0 0 0 6px color-mix(in srgb,var(--ok) 25%,transparent)}100%{box-shadow:0 0 0 0 transparent}}
.lp-troca{font-size:.85em;font-weight:600;white-space:nowrap}
/* Minha conta: plano escolhido */
.as-plano{transition:border-color .2s,box-shadow .2s,transform .2s}.as-plano:not(:disabled):hover{transform:translateY(-2px)}
.as-plano.escolhido{border-color:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 22%,transparent);animation:lpEscolhe .4s ease}
.as-plano.escolhido::after{content:'✓';position:absolute;top:.5em;right:.6em;width:1.4em;height:1.4em;display:grid;place-items:center;border-radius:50%;background:var(--ok);color:#fff;font-size:.8em;font-weight:800}
@media (prefers-reduced-motion:reduce){.lp-plano,.lp-plano.escolhido,.lp-cad-plano.pulsa,.as-plano.escolhido{animation:none;transition:none}}

/* topo: marketplaces e situação de cada um */
.lp-canais-hero{display:flex;flex-wrap:wrap;gap:.4em;align-items:center;margin:1.2em 0 .2em}
.lp-canais-hero span{font-size:.85em;font-weight:700;padding:.35em .8em;border-radius:99px;border:1px solid var(--linha);background:var(--cartao);display:inline-flex;align-items:center;gap:.4em}
.lp-canais-hero span::before{content:'';width:.55em;height:.55em;border-radius:50%;background:var(--suave)}
.lp-canais-hero .ok::before,.lp-canais-hero small i.ok{background:var(--ok)}.lp-canais-hero .vem::before,.lp-canais-hero small i.vem{background:var(--aviso)}
.lp-canais-hero .prox{color:var(--suave);font-weight:600}
.lp-canais-hero small{flex-basis:100%;font-size:.75em;color:var(--suave);display:flex;gap:.9em;align-items:center;margin-top:.2em}
.lp-canais-hero small i{display:inline-block;width:.55em;height:.55em;border-radius:50%;background:var(--suave);margin-right:-.5em}
.lp-mk-tag{font-size:.9em;padding:.05em .45em;border-radius:6px}.lp-mk-tag.ml{background:#fff159;color:#2d3277}
.lp-mks{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}

/* topo: selos de segurança */
.lp-seguro{display:flex;flex-wrap:wrap;gap:.4em .9em;margin-top:.9em;font-size:.84em;color:var(--suave)}
.lp-seguro span{white-space:nowrap}
.lp-sub b{color:var(--texto)}
.lp-hero h1{font-size:clamp(1.9rem,3vw,2.75rem);line-height:1.1}

/* números reais: 8 cartões */
.lp-numeros{grid-template-columns:repeat(4,1fr)}
.lp-num strong{white-space:nowrap}
@media (max-width:900px){.lp-numeros{grid-template-columns:repeat(2,1fr)}}
/* vitrine do suporte (só a janela, sem o painel atrás) */
.lp-sp-vitrine{position:relative;display:grid;place-items:center;padding:2.4em 1.5em;border-radius:24px;overflow:visible;
  background:radial-gradient(420px 300px at 20% 10%,color-mix(in srgb,var(--cor) 22%,transparent),transparent 70%),radial-gradient(380px 300px at 90% 90%,color-mix(in srgb,var(--ok) 18%,transparent),transparent 70%),var(--cartao);border:1px solid var(--linha)}
.lp-sp-vitrine img{width:min(340px,100%);height:auto;border-radius:18px;box-shadow:0 30px 70px -20px #0d1a3366;cursor:zoom-in}
.lp-sp-selo{position:absolute;background:var(--cartao);border:1px solid var(--linha);border-radius:12px;padding:.5em .8em;font-size:.82em;font-weight:700;box-shadow:0 12px 30px -12px #0d1a3340;white-space:nowrap}
.lp-sp-s1{top:1.2em;left:-.6em}.lp-sp-s2{top:46%;right:-.8em}
.lp-sp-bolha{position:absolute;bottom:1em;right:1.2em;background:var(--cor);color:#fff;font-weight:700;font-size:.85em;padding:.55em 1em;border-radius:99px;box-shadow:0 10px 24px -8px color-mix(in srgb,var(--cor) 70%,transparent)}
@media (max-width:860px){.lp-sp-s1{left:.4em}.lp-sp-s2{right:.4em}}
/* app grátis + guia de instalação */
.lp-app-guia{max-width:900px;margin:3em auto 0;display:grid;gap:1.2em}
.lp-app-gratis{display:flex;align-items:center;gap:1.2em;justify-content:center;background:color-mix(in srgb,var(--ok) 10%,var(--cartao));border:1px solid color-mix(in srgb,var(--ok) 35%,var(--linha));border-radius:18px;padding:1em 1.4em}
.lp-app-gratis strong{font-size:2.4rem;color:var(--ok);letter-spacing:-.02em;white-space:nowrap}.lp-app-gratis span{color:var(--texto);line-height:1.45}
.lp-app-passos{display:grid;grid-template-columns:1fr 1fr;gap:1em}
.lp-app-passos>div{background:var(--cartao);border:1px solid var(--linha);border-radius:16px;padding:1em 1.2em}
.lp-app-passos>div>b{font-size:1.05em}
.lp-app-passos ol{margin:.6em 0 0;padding-left:1.3em;display:grid;gap:.4em;color:var(--suave)}.lp-app-passos ol b{color:var(--texto)}
.lp-ic-mini{display:inline-block;padding:0 .3em;border:1px solid var(--linha);border-radius:6px;font-size:.85em}
@media (max-width:760px){.lp-app-passos{grid-template-columns:1fr}.lp-app-gratis{flex-direction:column;text-align:center}}

/* "Como usar" em cada aba (discreto, ao lado do título) */
.titulo-bloco h1{display:inline-block;vertical-align:middle}
.como-usar{vertical-align:middle;margin-left:.7em;display:inline-flex;align-items:center;gap:.35em;padding:.22em .65em .22em .3em;border-radius:99px;
  font-size:.74rem;font-weight:600;background:transparent;border:1px solid var(--linha);color:var(--suave);position:relative;transition:.15s}
.como-usar:hover{color:var(--cor);border-color:var(--cor);background:color-mix(in srgb,var(--cor) 6%,transparent)}
.como-usar .cu-ic{display:grid;place-items:center;width:1.35em;height:1.35em;border-radius:50%;background:var(--fundo);font-weight:800;font-size:.95em}
.como-usar.feito .cu-ic{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}
.como-usar.novo::after{content:'';position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--cor);box-shadow:0 0 0 0 var(--cor);animation:cuPisca 2s infinite}
@keyframes cuPisca{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--cor) 60%,transparent)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media (max-width:700px){.como-usar .cu-rot{display:none}.como-usar{padding:.2em;margin-left:.4em}}
/* tour */
.tutor-fundo{position:fixed;inset:0;z-index:54;background:rgba(8,14,28,.45);animation:tutor-entra .2s ease-out}
.tutor-alvo{background:var(--cartao)}
.tutor-balao.tour{max-width:340px}
.tour-pontos{display:flex;gap:4px;margin:.35em 0 .55em}.tour-pontos i{flex:1;height:4px;border-radius:9px;background:color-mix(in srgb,var(--cartao) 25%,transparent)}
.tour-pontos i.ok{background:color-mix(in srgb,var(--cartao) 70%,transparent)}.tour-pontos i.atual{background:var(--cor)}
.tour-bts{gap:.4em;align-items:center}.tour-pula{border:0!important;opacity:.75;padding-left:0!important}
/* painel do guia: telas aprendidas */
.tutor-telas{border-top:1px solid var(--linha);margin-top:.8em;padding-top:.8em}
.tutor-telas-cab{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5em;font-size:.9em}
.tutor-chips{display:flex;flex-wrap:wrap;gap:.35em}
.tutor-chip{font-size:.78em;padding:.3em .7em;border-radius:99px;background:var(--fundo);border:1px solid var(--linha);color:var(--texto);font-weight:600}
.tutor-chip:hover{border-color:var(--cor);color:var(--cor)}.tutor-chip.ok{background:color-mix(in srgb,var(--ok) 12%,var(--cartao));color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,var(--linha))}
/* botões flutuantes arrastáveis */
.arrastavel{touch-action:none;user-select:none}
.arrastavel.arrastando{cursor:grabbing;transform:scale(1.06);box-shadow:0 18px 40px -10px #0007;transition:none!important}
.tutor-telas{margin-bottom:.9em}
.ult .nome.nome-sku{letter-spacing:.01em}
.ult-qtd{display:inline-block;min-width:1.9em;text-align:center;margin-right:.35em;padding:0 .35em;border-radius:6px;font-size:.85em;font-weight:800;background:var(--fundo);color:var(--suave)}.ult-qtd.varias{background:color-mix(in srgb,var(--cor) 14%,transparent);color:var(--cor)}
.ult .nome.nome-sku{white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.25;font-size:.92em;overflow-wrap:anywhere}

/* promoções: ações de cada uma */
.pa-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:.35em;margin-top:.55em}
.pa-bt{font-size:.8em;padding:.32em .7em;border-radius:8px}
.pa-auto.ligado{background:color-mix(in srgb,var(--ok) 12%,var(--cartao));color:var(--ok);border:1px solid color-mix(in srgb,var(--ok) 40%,var(--linha));font-weight:700}
.pr-promo>summary .pa-acoes{margin-left:0}
/* Melhor Oferta */
.mo-aviso{background:var(--fundo);border-radius:10px;padding:.6em .8em;font-size:.86em;color:var(--suave);margin:.4em 0 .9em}
.mo-lista{display:flex;flex-direction:column}
.mo-linha{display:grid;grid-template-columns:minmax(0,3fr) 1.4fr 1fr .9fr;gap:.7em;align-items:center;padding:.55em .2em;border-bottom:1px solid var(--linha);font-size:.92em}
.mo-linha.mo-cab{font-size:.76em;color:var(--suave);font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.mo-linha.prejuizo{background:color-mix(in srgb,var(--erro) 5%,transparent)}
.mo-prod{display:flex;gap:.6em;align-items:center;min-width:0}.mo-prod img,.mo-prod .sem-img{width:38px;height:38px;border-radius:8px;object-fit:cover;flex:none}
.mo-prod strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mo-prod small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mo-linha .num small{display:block}
@media (max-width:700px){.mo-linha{grid-template-columns:1fr 1fr}.mo-prod{grid-column:1/-1}.mo-cab{display:none}}

.pr-filtro{margin:.2em 0 .8em;flex-wrap:wrap}.pr-filtro small{opacity:.7;font-weight:700}
/* celular: cabeçalho da promoção quebra a linha (nome em cima, etiquetas embaixo) e a Melhor Oferta não passa da tela */
.mo-prod>div{min-width:0;flex:1}
.mo-linha>*{min-width:0}
@media (max-width:700px){
  .pr-promo-cab{flex-wrap:wrap;row-gap:.35em}
  .pr-promo-cab>div:first-child{flex-basis:100%!important}
  .pa-acoes .pa-bt{padding:.38em .6em}
}
.tr-passos li{margin:.3em 0;line-height:1.45}

.pr-recusados{margin:.4em 0;padding-left:1.2em;max-height:50vh;overflow:auto}.pr-recusados li{margin:.4em 0}
.pr-abas{scroll-behavior:smooth}
/* Melhor Oferta no celular: SKU inteira (quebra a linha) e o nome do anúncio em até 2 linhas */
@media (max-width:700px){
  .mo-prod{align-items:flex-start}
  .mo-prod strong{white-space:normal;overflow:visible;word-break:break-word;line-height:1.3}
  .mo-prod small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}

/* campos obrigatórios */
.obrig{color:var(--erro);font-weight:800}
.campo-erro{border-color:var(--erro)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--erro) 18%,transparent)!important;animation:campoTreme .3s}
@keyframes campoTreme{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.selo.sincronizando{background:var(--fundo);color:var(--suave)}

/* promoções do Mercado Livre */
.ml-item{display:grid;grid-template-columns:minmax(0,3fr) 1.6fr 1fr;gap:.7em;align-items:center;padding:.55em .2em;border-bottom:1px solid var(--linha);font-size:.92em}
.ml-item.prejuizo{background:color-mix(in srgb,var(--erro) 5%,transparent)}.ml-item .num small{display:block}
.ml-pode{color:var(--aviso);font-weight:700}.ml-dentro{color:var(--ok);font-weight:700}
@media (max-width:700px){.ml-item{grid-template-columns:1fr 1fr}.ml-item .mo-prod{grid-column:1/-1}}

/* chat: rascunho não enviado, discreto na lista */
.ch-rasc{color:var(--azul,#2f6ff0);font-style:italic}

/* ---------- Termômetro do Mercado: visual profissional (topo com Voltar, abertura escura, grade em 2 colunas) ---------- */
.mk-pagina{background:var(--fundo)}
.mk-barra{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--cartao) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
.mk-barra-in{max-width:1120px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:14px}
.mk-voltar{display:inline-flex;align-items:center;gap:.35em;padding:.5em .9em .5em .6em;border-radius:10px;border:1px solid var(--linha);background:var(--cartao);color:var(--texto);font-weight:600;font-size:.92rem;cursor:pointer;transition:background .15s,border-color .15s}
.mk-voltar:hover{border-color:var(--azul);color:var(--azul)}
.mk-marca{text-decoration:none;color:var(--texto);display:flex;align-items:center;gap:.45em;font-weight:800}
.mk-marca img{width:28px;height:28px}
.mk-entrar{margin-left:auto}
.mk-hero{background:linear-gradient(135deg,#0d1a33 0%,#14294f 55%,#1d3b73 100%);color:#fff}
.mk-hero-in{max-width:1120px;margin:0 auto;padding:44px 16px 48px;display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:center}
.mk-sobre{display:block;font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--azul);margin-bottom:.35em}
.mk-hero .mk-sobre{color:#8fb6ff}
.mk-hero h1{font-size:clamp(1.9rem,3.6vw,2.7rem);line-height:1.1;margin:.1em 0 .35em;color:#fff}
.mk-hero-txt>p{color:#c6d0e0;font-size:1.02rem;line-height:1.55;margin:0 0 1.4em;max-width:560px}
.mk-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:560px}
.mk-kpi{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:.75em .9em;display:flex;flex-direction:column;gap:.15em}
.mk-kpi small{color:#aebbd0;font-size:.78rem}
.mk-kpi strong{font-size:1.45rem;font-variant-numeric:tabular-nums;color:#fff}
.mk-kpi-nota{display:flex;align-items:center;gap:.4em;font-size:.75rem;color:#aebbd0}
.mk-kpi-nota i{width:8px;height:8px;border-radius:50%;display:inline-block}
.mk-atualizado{color:#8d9bb3;font-size:.8rem;margin:1em 0 0}
.mk-hero-medidor{text-align:center;padding:22px 20px 18px;border:0;box-shadow:0 24px 60px #0006}
.mk-hero-medidor .medidor{max-width:330px}
.mk-compartilha{margin-top:.8em}
.mk-grade{max-width:1120px;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px 16px 8px;align-items:start}
.mk-grade .mk-largo{grid-column:1/-1}
.mk-grade .cartao{padding:20px 22px}
.mk-grade h2{font-size:1.15rem;margin:0 0 .5em}
.mk-sub{margin:-.2em 0 .9em;font-size:.88em}
.mk-manchetes{columns:2;column-gap:28px}
.mk-manchetes .manchete{break-inside:avoid}
.mk-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border-radius:16px;background:linear-gradient(120deg,#2f6ff0,#4c8dff);color:#fff}
.mk-cta h2{color:#fff;margin:0 0 .3em}.mk-cta p{margin:0;color:#e6eeff;max-width:640px}
.mk-cta .botao-link.primario{background:#fff;border-color:#fff;color:#1f4fbf;white-space:nowrap}
.mk-grade .mercado-nota{margin:4px 0 24px}
@media (max-width:860px){
  .mk-hero-in{grid-template-columns:1fr;padding:28px 16px 32px;gap:22px}
  .mk-grade{grid-template-columns:1fr;padding-top:18px}
  .mk-manchetes{columns:1}
  .mk-cta{flex-direction:column;align-items:flex-start}
}
@media (max-width:480px){
  .mk-voltar span{display:none}.mk-voltar{padding:.5em .6em}
  .mk-kpi strong{font-size:1.2rem}
  .mk-grade .cartao{padding:16px}
}
.mk-hero-medidor{color:var(--texto)}
.mk-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.mk-grade{align-items:stretch}
.mk-atualizado{margin-top:1.2em}
@media (max-width:480px){.mk-kpis{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}.mk-kpi{padding:.6em .7em}.mk-kpi small{font-size:.7rem}}
.mk-grade{align-items:start}
.mk-hero-txt>.mk-atualizado{color:#8d9bb3;font-size:.8rem;margin:1.2em 0 0}

/* ---------- avaliações da Shopee (aba do Chat) ---------- */
.av-topo h2{margin:0 0 .2em;font-size:1.15rem}
.av-resumo{display:flex;justify-content:space-between;align-items:flex-start;gap:1em;flex-wrap:wrap}
.av-filtros{margin-top:.8em}
.av-lote{display:flex;align-items:center;justify-content:space-between;gap:1em;flex-wrap:wrap;padding:.8em 1em;margin:12px 0;border-radius:12px;
  background:color-mix(in srgb,var(--azul) 9%,var(--cartao));border:1px solid color-mix(in srgb,var(--azul) 30%,transparent)}
.cartao.av{margin-top:12px}
.av-cab{display:flex;align-items:center;gap:.6em;flex-wrap:wrap}
.av-estrelas{color:#f5a623;letter-spacing:1px;font-size:1.05rem;white-space:nowrap}
.ch-tag.av-bom{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}
.av-prod{display:flex;align-items:center;gap:.5em;margin-top:.5em;min-width:0}
.av-prod img{width:34px;height:34px;border-radius:6px;object-fit:cover;flex:none}
.av-prod small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--suave)}
.av-texto{margin:.6em 0;line-height:1.45}
.av-rot{display:block;font-size:.82rem;color:var(--suave);margin:.3em 0}
.av-resp{border-left:3px solid var(--azul);padding:.3em .8em;margin-top:.4em;background:color-mix(in srgb,var(--azul) 5%,transparent);border-radius:0 8px 8px 0}
.av-resp p{margin:.2em 0 0}.av-resp small{color:var(--azul);font-weight:600}
.av-acoes{margin-top:.5em;align-items:center}
.av-erro{color:var(--erro);font-size:.88rem;margin:.2em 0}
.av-modelo{display:block;margin:.7em 0}.av-modelo b{display:block;font-size:.9rem;margin-bottom:.25em}.av-modelo textarea{width:100%}
.cartao.av textarea{font:inherit;width:100%;line-height:1.4;min-height:5.2em}.av-filtros{overflow-x:auto;flex-wrap:nowrap;max-width:100%}

/* ---------- Controle: funções por marketplace ---------- */
.fx-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:.8em}
.fx-mkt{border:1px solid var(--linha);border-radius:12px;padding:.8em .9em}
.fx-cab{display:flex;align-items:center;gap:.5em;margin-bottom:.4em}
.fx-cab .mkt-logo{width:26px;height:26px;font-size:.85rem}
.fx-sit{margin-left:auto;font-size:.75rem;font-weight:700;padding:.15em .55em;border-radius:99px}
.fx-sit.on{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}
.fx-sit.off{background:color-mix(in srgb,var(--erro) 13%,transparent);color:var(--erro)}
.fx-linha{display:flex;align-items:center;gap:.8em;padding:.55em 0;border-top:1px solid var(--linha);margin:0;cursor:pointer;color:var(--texto)}
.fx-txt{flex:1;display:flex;flex-direction:column;gap:.1em;min-width:0}.fx-txt b{font-size:.92rem}.fx-txt small{font-size:.78rem;line-height:1.35}
.fx-chave{position:relative;flex:none;width:42px;height:24px}
.fx-chave input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.fx-chave i{position:absolute;inset:0;border-radius:99px;background:var(--grade);transition:background .2s}
.fx-chave i::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}
.fx-chave input:checked+i{background:var(--ok)}.fx-chave input:checked+i::after{transform:translateX(18px)}
.fx-chave input:focus-visible+i{outline:2px solid var(--azul);outline-offset:2px}
.fx-chave input:disabled+i{opacity:.6}

.promo-auto-ok{cursor:default}
.promo-av-erro{display:block;width:100%;color:var(--erro);font-size:.82rem;margin-top:.15em}

/* ---------- Promoções: Shopee | Mercado Livre ---------- */
.pr-mkt{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.pr-mkt-bt{display:flex;align-items:center;gap:.7em;text-align:left;padding:.75em .9em;border-radius:14px;border:2px solid var(--linha);background:var(--cartao);color:var(--texto);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.pr-mkt-bt .mkt-logo{width:34px;height:34px;font-size:1rem}
.pr-mkt-bt b{display:block;font-size:1rem}.pr-mkt-bt small{display:block;color:var(--suave);font-size:.78rem;font-weight:400}
.pr-mkt-bt.shopee.ativa{border-color:#ee4d2d;box-shadow:0 4px 14px #ee4d2d22}
.pr-mkt-bt.ml.ativa{border-color:#e6c200;box-shadow:0 4px 14px #ffe60033}
@media (max-width:560px){.pr-mkt-bt small{display:none}.pr-mkt-bt{padding:.6em .7em}}
.ml-acoes{display:flex;gap:.5em;flex-wrap:wrap;padding:.4em 0 .2em}
.fantasma.perigo{color:var(--erro);border-color:color-mix(in srgb,var(--erro) 35%,transparent)}
.ml-item{flex-wrap:wrap}
.ml-acao{display:flex;align-items:center;gap:.45em;flex-wrap:wrap;width:100%;padding-top:.45em}
.ml-preco{width:7.5em;padding:.45em .6em}
.ml-lucro-ao{font-size:.8rem}
.mlf{display:grid;grid-template-columns:1fr 1fr;gap:.6em .8em}
.mlf-campo{display:flex;flex-direction:column;gap:.25em;margin:0;font-size:.9rem}
.mlf-campo[data-k="nome"],.mlf-campo[data-k="codigo"],.mlf-campo[data-k="orcamento"]{grid-column:1/-1}
.mlf-campo small{font-size:.76rem}
.mlf-campo.falta input,.mlf-campo.falta select{border-color:var(--erro);box-shadow:0 0 0 3px color-mix(in srgb,var(--erro) 18%,transparent)}
.obrig{color:var(--erro)}
@media (max-width:480px){.mlf{grid-template-columns:1fr}}

/* ---------- Minha conta: equipe ---------- */
.eq-lista{display:flex;flex-direction:column;gap:2px;margin:.4em 0 .8em}
.eq-pessoa{display:flex;align-items:center;gap:.7em;padding:.55em 0;border-bottom:1px solid var(--linha)}
.eq-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:color-mix(in srgb,var(--azul) 15%,var(--cartao));color:var(--azul);flex:none}
.eq-txt{flex:1;min-width:0;display:flex;flex-direction:column}.eq-txt small{overflow:hidden;text-overflow:ellipsis}
.eq-acoes{display:flex;gap:.4em;align-items:center}.eq-acoes select{padding:.35em .5em}
.eq-novo{display:grid;grid-template-columns:1fr 1.3fr auto auto;gap:.5em;align-items:center}
.eq-ajuda{display:block;margin-top:.4em;font-size:.8rem}
@media (max-width:640px){.eq-novo{grid-template-columns:1fr 1fr}.eq-novo button{grid-column:1/-1}}
.selo-leitura{position:fixed;top:10px;right:84px;z-index:50;background:#fff4d6;color:#8a5a00;border:1px solid #f0d58a;border-radius:99px;padding:.3em .8em;font-size:.8rem;font-weight:700}

/* Minha conta: acesso do suporte */
.as-sit{padding:.6em .8em;border-radius:10px;font-weight:700;font-size:.92rem;margin-bottom:.5em}
.as-sit.on{background:color-mix(in srgb,var(--ok) 13%,transparent);color:var(--ok)}
.as-sit.off{background:color-mix(in srgb,var(--azul) 9%,transparent);color:var(--texto)}
.as-hist{margin-top:.7em;font-size:.88em}.as-hist summary{cursor:pointer;color:var(--azul)}

/* ---------- Central de Ajuda (/ajuda) ---------- */
.aj-marca-sub{font-weight:600;color:var(--azul);margin-left:.15em}
.aj-hero{background:linear-gradient(135deg,#0d1a33 0%,#14294f 55%,#1d3b73 100%);color:#fff}
.aj-hero-in{max-width:860px;margin:0 auto;padding:40px 16px 44px;text-align:center}
.aj-hero h1{color:#fff;font-size:clamp(1.8rem,3.4vw,2.5rem);margin:.15em 0 .3em}
.aj-hero p{color:#c6d0e0;margin:0 0 1.2em}
.aj-hero .mk-sobre{color:#8fb6ff}
.aj-busca{position:relative;max-width:620px;margin:0 auto;text-align:left}
.aj-busca input{width:100%;padding:.95em 1.1em;border-radius:14px;border:1px solid var(--linha);font-size:1rem;box-shadow:0 10px 30px #0003}
.aj-resultados{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:10;background:var(--cartao);border:1px solid var(--linha);border-radius:12px;box-shadow:0 14px 34px #0003;overflow:hidden}
.aj-resultados a{display:block;padding:.7em 1em;text-decoration:none;color:var(--texto);border-top:1px solid var(--linha)}
.aj-resultados a:first-child{border-top:0}.aj-resultados a:hover{background:color-mix(in srgb,var(--azul) 7%,var(--cartao))}
.aj-resultados small{display:block;color:var(--suave);font-size:.8rem}.aj-resultados p{margin:0;padding:.8em 1em}
.aj-main{max-width:1060px;margin:0 auto;padding:24px 16px 10px}
.aj-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:8px}
.aj-cat{background:var(--cartao);border:1px solid var(--linha);border-radius:16px;padding:18px 20px}
.aj-cat h2{margin:0;font-size:1.1rem;display:flex;align-items:center;gap:.4em}.aj-cat > p{margin:.2em 0 .7em;font-size:.86rem}
.aj-cat ul{list-style:none;margin:0;padding:0}
.aj-cat li a{display:block;padding:.5em 0;border-top:1px solid var(--linha);text-decoration:none;color:var(--texto)}
.aj-cat li a:hover b{color:var(--azul)}.aj-cat li small{display:block;color:var(--suave);font-size:.8rem}
.aj-aviso{display:block;padding:.75em 1em;border-radius:12px;margin-bottom:10px;text-decoration:none;color:var(--texto)}
.aj-aviso.problema{background:color-mix(in srgb,var(--erro) 12%,var(--cartao))}.aj-aviso.andamento{background:#fff4d6;color:#7a5200}
.aj-avisos-link{display:inline-block;margin:18px 0 6px;font-weight:600}
.aj-art{max-width:780px}
.aj-trilha{font-size:.85rem;color:var(--suave);margin-bottom:.8em}.aj-trilha a{color:var(--azul);text-decoration:none}
.aj-art h1{font-size:clamp(1.6rem,3vw,2.1rem);margin:.1em 0 .25em}
.aj-resumo{color:var(--suave);font-size:1.05rem;margin:0 0 1.2em}
.aj-art article{background:var(--cartao);border:1px solid var(--linha);border-radius:16px;padding:22px 26px;line-height:1.65}
.aj-art article h2{font-size:1.15rem;margin:1.3em 0 .4em}.aj-art article li{margin:.25em 0}
.aj-dica{background:color-mix(in srgb,var(--azul) 8%,var(--cartao));border-left:3px solid var(--azul);padding:.6em .9em;border-radius:0 10px 10px 0}
.aj-fig{margin:0 0 1em}.aj-fig img{width:100%;border-radius:12px;border:1px solid var(--linha);box-shadow:0 8px 24px #0001}
.aj-voto{display:flex;align-items:center;gap:.6em;flex-wrap:wrap;margin:16px 0 22px;padding:.8em 1em;border:1px solid var(--linha);border-radius:12px;background:var(--cartao)}
.aj-voto span{font-weight:600}.aj-voto button{padding:.4em .9em}
.aj-art .aj-busca{max-width:none;margin:0 0 20px}.aj-art .aj-busca input{box-shadow:none}
.aj-mais{margin-bottom:20px}.aj-mais h2{font-size:1rem}.aj-mais ul{padding-left:1.1em}
.aj-av{background:var(--cartao);border:1px solid var(--linha);border-left:4px solid var(--linha);border-radius:12px;padding:14px 18px;margin-bottom:12px}
.aj-av.problema{border-left-color:var(--erro)}.aj-av.andamento{border-left-color:#e6a700}.aj-av.resolvido{border-left-color:var(--ok)}.aj-av.novidade{border-left-color:var(--azul)}
.aj-av-cab{display:flex;justify-content:space-between;gap:1em}.aj-av-tag{font-size:.8rem;font-weight:700}.aj-av h2{font-size:1.05rem;margin:.3em 0}
.aj-rodape{max-width:1060px;margin:10px auto 30px;padding:0 16px;text-align:center;font-size:.9rem}
@media (max-width:560px){.aj-art article{padding:16px}.aj-cats{grid-template-columns:1fr}}
/* painel: faixa de aviso do sistema e link da ajuda */
.faixa-aviso-sis{display:flex;align-items:center;gap:.8em;padding:.6em .9em;border-radius:12px;margin-bottom:12px;font-size:.9rem}
.faixa-aviso-sis span{flex:1;min-width:0}.faixa-aviso-sis.problema{background:color-mix(in srgb,var(--erro) 12%,var(--cartao))}
.faixa-aviso-sis.andamento{background:var(--aviso-fundo);color:var(--texto);border:1px solid color-mix(in srgb,var(--aviso) 40%,transparent)}.faixa-aviso-sis button{padding:.15em .55em}
.menu-link{display:flex;align-items:center;gap:.6em;padding:.7em .8em;border-radius:10px;color:var(--menu-texto);text-decoration:none;font-weight:500}
.menu-link:hover{background:#ffffff12;color:#fff}
/* Controle: avisos e artigos */
.av-novo{display:grid;grid-template-columns:auto 1fr auto;gap:.5em;margin:.6em 0 .4em}
.av-item{display:flex;align-items:center;gap:.6em;padding:.55em 0;border-top:1px solid var(--linha)}
.aj-lista-ctl{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:6px}
.aj-item-ctl{display:flex;gap:.6em;align-items:center;text-align:left;background:var(--cartao);border:1px solid var(--linha);border-radius:10px;padding:.55em .7em;color:var(--texto)}
.aj-item-ctl.oculto{opacity:.55}
.aj-form{display:grid;grid-template-columns:1fr 1fr;gap:.5em .8em}.aj-form .aj-campo:nth-child(n+3){grid-column:1/-1}
.aj-campo{display:flex;flex-direction:column;gap:.2em;margin:0;font-size:.9rem}.aj-campo textarea{font-family:ui-monospace,Consolas,monospace;font-size:.85rem}
@media (max-width:560px){.av-novo{grid-template-columns:1fr}.aj-form{grid-template-columns:1fr}}
.ajuda-aba{margin-left:.4em;font-size:.82rem;padding:.25em .65em;border-radius:99px;border:1px solid var(--linha);text-decoration:none;color:var(--suave);background:var(--cartao)}.ajuda-aba:hover{color:var(--azul);border-color:var(--azul)}
.av-texto{width:100%;font:inherit;margin-bottom:.4em}

/* página de vendas: menu numa linha só no PC e ☰ no celular */
.lp-nav a{white-space:nowrap}
.lp-topo .botao-link{white-space:nowrap}
.lp-menu-bt{display:none;width:44px;height:44px;flex:none;border-radius:12px;border:1px solid var(--linha);background:var(--cartao);padding:0;cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:5px}
.lp-menu-bt span{display:block;width:20px;height:2px;border-radius:2px;background:var(--texto);transition:transform .25s,opacity .2s}
.lp-menu-bt.aberto span:nth-child(1){transform:translateY(7px) rotate(45deg)}.lp-menu-bt.aberto span:nth-child(2){opacity:0}.lp-menu-bt.aberto span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.lp-menu-cel{max-width:1080px;margin:8px 12px 0;background:var(--cartao);border:1px solid var(--linha);border-radius:18px;box-shadow:0 18px 40px #0d1a3326;padding:8px;display:flex;flex-direction:column;animation:lpMenu .18s ease-out}
.lp-menu-cel[hidden]{display:none}
.lp-menu-cel > a{padding:.85em 1em;border-radius:12px;text-decoration:none;color:var(--texto);font-weight:600}
.lp-menu-cel > a:hover,.lp-menu-cel > a:focus-visible{background:color-mix(in srgb,var(--cor) 8%,var(--cartao))}
.lp-menu-cel-acoes{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 4px 4px;border-top:1px solid var(--linha);margin-top:6px}
.lp-menu-cel-acoes .botao-link{text-align:center;padding:.8em}
@keyframes lpMenu{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (max-width:1180px){.lp-nav-extra{display:none}.lp-nav a{padding:.45em .7em}}
@media (max-width:900px){.lp-menu-bt{display:flex}.lp-topo #bt-entrar{margin-left:auto}}
@media (max-width:420px){.lp-topo #bt-entrar{display:none}.lp-menu-bt{margin-left:auto}}
.lp-menu-cel-acoes .botao-link{display:block;width:100%;box-sizing:border-box}

/* ---------- Financeiro ---------- */
.fin-abas{margin-bottom:1em;overflow-x:auto;flex-wrap:nowrap;max-width:100%}.fin-abas button{white-space:nowrap}
.fin-grade{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}
.dre td{padding:.55em .6em}.dre .dre-sub td:first-child{padding-left:1.6em;color:var(--suave)}
.dre .dre-topo td{font-weight:700}.dre .dre-parcial td{font-weight:700;border-top:2px solid var(--linha);background:color-mix(in srgb,var(--azul) 5%,transparent)}
.dre .dre-final td{font-weight:800;font-size:1.05em;border-top:2px solid var(--texto);color:var(--ok)}
.dre .dre-negativo td{font-weight:800;font-size:1.05em;border-top:2px solid var(--texto);color:var(--erro)}
.fin-equilibrio p{line-height:1.55}.fin-destaque{color:var(--azul);font-size:1.1em}
.fin-barra{height:12px;border-radius:99px;background:var(--grade);overflow:hidden;margin:.6em 0 .3em}
.fin-barra span{display:block;height:100%;background:linear-gradient(90deg,#f5b301,#f47a1f);border-radius:99px}.fin-barra span.ok{background:var(--ok)}
.fin-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:1em}
.fin-chip{background:var(--cartao);border:1px solid var(--linha);border-radius:14px;padding:.75em .9em;display:flex;flex-direction:column;gap:.1em}
.fin-chip small{color:var(--suave);font-size:.8rem}.fin-chip strong{font-size:1.25rem}.fin-chip span{font-size:.78rem;color:var(--suave)}
.fin-chip.ruim{border-color:color-mix(in srgb,var(--erro) 45%,transparent);background:color-mix(in srgb,var(--erro) 6%,var(--cartao))}.fin-chip.ruim strong{color:var(--erro)}
.fin-chip.atencao{border-color:#f0c040;background:#fff8e1}.fin-chip.bom strong{color:var(--ok)}
.fin-dia{margin-bottom:.7em}.fin-dia-cab{display:flex;justify-content:space-between;padding:.35em .2em;border-bottom:1px solid var(--linha);font-size:.88rem;text-transform:capitalize}
.fin-conta{display:grid;grid-template-columns:1fr auto auto;gap:.8em;align-items:center;padding:.6em .3em;border-bottom:1px solid var(--linha)}
.fin-conta.vencida{background:color-mix(in srgb,var(--erro) 5%,transparent)}.fin-conta.hoje{background:#fff8e1}
.fin-conta-txt{min-width:0;display:flex;flex-direction:column}.fin-conta-txt small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fin-conta-dir{text-align:right;display:flex;flex-direction:column}.fin-conta-acoes{display:flex;gap:.3em}.fin-conta-acoes button{padding:.4em .6em}
.fin-tag{font-size:.72rem;font-weight:600;margin-left:.45em;padding:.1em .45em;border-radius:99px;background:color-mix(in srgb,var(--azul) 10%,transparent);color:var(--azul)}
.fin-hoje{color:#b07800;font-weight:700}
.fin-form{display:grid;grid-template-columns:1fr 1fr;gap:.6em .8em}.fin-form .largo{grid-column:1/-1}
.fin-campo{display:flex;flex-direction:column;gap:.25em;margin:0;font-size:.9rem}.fin-campo[hidden]{display:none}
.fin-fluxo-topo{display:flex;justify-content:space-between;gap:1em;flex-wrap:wrap;align-items:flex-end}
.fin-saldo-svg{width:100%;height:70px;display:block}.fin-saldo-linha{fill:none;stroke:var(--azul);stroke-width:2.5;vector-effect:non-scaling-stroke}
.fin-zero{stroke:var(--erro);stroke-dasharray:4 4;opacity:.6;vector-effect:non-scaling-stroke}
.fin-barras{display:flex;align-items:flex-end;gap:2px;height:90px;margin-top:.6em}
.fin-barra-dia{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;height:100%;position:relative;min-width:0}
.fin-barra-dia .e{background:var(--ok);border-radius:3px 3px 0 0;min-height:0}.fin-barra-dia .s{background:var(--erro);border-radius:0 0 3px 3px;min-height:0;opacity:.8}
.fin-barra-dia small{font-size:.6rem;text-align:center;color:var(--suave)}
.faixa-contas{background:var(--aviso-fundo)}
@media (max-width:900px){.fin-grade{grid-template-columns:1fr}}
@media (max-width:560px){.fin-conta{grid-template-columns:1fr auto}.fin-conta-acoes{grid-column:1/-1}.fin-form{grid-template-columns:1fr}}

/* Pedidos do dia: filtros Pagos / Aguardando pgto / Cancelados */
.pd-chips{display:flex;gap:6px;flex-wrap:wrap;margin:.5em 0 .7em}
.pd-chip{display:inline-flex;align-items:center;gap:.35em;padding:.3em .7em;border-radius:99px;border:1px solid var(--linha);background:var(--cartao);font-size:.78rem;font-weight:600;color:var(--suave);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.pd-chip b{color:var(--texto);font-weight:800}.pd-chip small{font-weight:500;opacity:.85}
.pd-chip:hover{border-color:var(--azul)}
.pd-chip.ativo{background:color-mix(in srgb,var(--azul) 10%,var(--cartao));border-color:var(--azul);color:var(--azul)}
.pd-chip.pd-pago.ativo{background:color-mix(in srgb,var(--ok) 12%,var(--cartao));border-color:var(--ok);color:var(--ok)}
.pd-chip.pd-aguardando.ativo{background:#fff6dc;border-color:#e0a800;color:#8a6200}
.pd-chip.pd-cancelado.ativo{background:color-mix(in srgb,var(--erro) 10%,var(--cartao));border-color:var(--erro);color:var(--erro)}
.pd-pct{font-weight:600;opacity:.85}
.pd-chips{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.pd-chip{justify-content:space-between;padding:.32em .6em;font-size:.74rem;white-space:nowrap;overflow:hidden}
.pd-chip small{margin-left:auto}
.pd-chip{flex-direction:column;align-items:flex-start;gap:0;border-radius:10px;padding:.35em .6em;line-height:1.25}
.pd-rot{display:flex;gap:.35em;align-items:center;width:100%;overflow:hidden;text-overflow:ellipsis}.pd-chip small{margin-left:0}

/* Financeiro › Impostos */
.imp-empresa{margin-bottom:1em}
.imp-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:.8em;flex-wrap:wrap}
.imp-tabela tr.imp-atual td{background:color-mix(in srgb,var(--azul,#3b82f6) 8%,transparent)}
.imp-tabela td small{font-weight:400}
.imp-mei{margin:.4em 0 .9em}.imp-mei .fin-barra span.alerta{background:#f59e0b}.imp-mei .fin-barra span.ruim{background:var(--erro)}
.imp-lojas{display:flex;flex-wrap:wrap;gap:.3em 1em;margin:.3em 0}
.imp-antigo{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:.5em}
.imp-antigo .imp-falta span{color:var(--erro);font-weight:700}
.imp-nota{font-size:.8rem;margin-top:.6em}
.imp-vazio{max-width:640px;margin-bottom:1em}
.imp-tabela{min-width:660px}.imp-tabela td:first-child,.imp-tabela th{white-space:nowrap}
.cartao:not(.imp-todas) tr.imp-mais{display:none}
.imp-lojas label.check{display:inline-flex;flex-direction:row;align-items:center;gap:.4em;margin:0}
:root[data-tema="escuro"] .faixa-imposto button{color:#1d1500}

/* Financeiro: mesmo desenho em todas as abas e em todo tamanho de tela */
.topo .fin-abas{flex-basis:100%;order:9;margin:0}.topo .fin-abas[hidden]{display:none}
.mini-kpis.fin-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1em}
.fin-kpis .mini{min-height:76px}
.fin-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:1em;flex-wrap:wrap;margin-bottom:.6em}
.fin-cab .fin-campo{margin:0}
@media (max-width:760px){
  .mini-kpis.fin-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .fin-kpis .mini{padding:.55em .6em;gap:.45em;align-items:flex-start}
  .fin-kpis .mini .ic{width:20px;height:20px}
  .fin-kpis .mini strong{font-size:1.05em}
  .fin-kpis .mini small{white-space:normal;font-size:.78em;line-height:1.25}
  .fin-cab .fin-campo{width:100%}
}
@media (max-width:640px){.topo .fin-abas{grid-row:3;grid-column:1/-1;min-width:0}.topo .filtros{grid-row:4}}
.imp-contador{margin-bottom:1em}
.imp-contador-linha{display:flex;flex-wrap:wrap;gap:.6em;align-items:flex-end;margin-top:.6em}
.imp-contador-linha .fin-campo{margin:0;min-width:180px}
@media (max-width:640px){.imp-contador-linha>*{flex:1 1 100%}.imp-contador-linha button{width:100%}}

/* Dashboard › Por loja: uma linha por loja, sem poluir */
.por-loja{margin-bottom:1em}
.pl-cab{display:flex;align-items:baseline;gap:.8em;flex-wrap:wrap;margin-bottom:.4em}.pl-cab h2{margin:0}.pl-cab .sub-h{margin:0}
.pl-lista{display:flex;flex-direction:column}
.pl-linha{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.6fr) 5em 8em 5em;gap:.8em;align-items:center;padding:.55em .4em;border:0;border-top:1px solid var(--linha);
  background:none;color:inherit;font:inherit;text-align:left;width:100%;border-radius:0;cursor:pointer}
button.pl-linha:hover{background:color-mix(in srgb,var(--azul,#3b82f6) 6%,transparent)}
.pl-titulos{cursor:default;border-top:0;font-size:.75em;color:var(--suave);text-transform:uppercase;letter-spacing:.03em;padding-top:0}
.pl-linha .num{text-align:right}
.pl-nome{display:flex;align-items:center;gap:.5em;min-width:0}.pl-nome b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-vendas{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5em}.pl-vendas .num{text-align:left}
.pl-barra{display:block;height:6px;border-radius:9px;background:var(--linha);overflow:hidden}.pl-barra i{display:block;height:100%;background:#3b82f6;border-radius:9px}
.pl-vendas small{color:var(--suave);font-size:.78em;min-width:2.6em;text-align:right}
.pl-margem{font-weight:600}
@media (max-width:760px){
  .pl-titulos{display:none}
  .pl-linha{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nome lucro" "vendas margem";row-gap:.3em}
  .pl-nome{grid-area:nome}.pl-vendas{grid-area:vendas}.pl-ped{display:none}.pl-linha>b{grid-area:lucro}.pl-margem{grid-area:margem}
}

/* Dashboard: uma linha só com o Ads do período */
.linha-ads{font-size:.8em;margin:.4em 0 0;line-height:1.45}
.og-nums .og-aguarda{display:block;font-size:.8em;color:var(--alerta,#b7791f);margin-top:.15em}
.selos-venda .sv-dia{background:color-mix(in srgb,#111827 10%,transparent)}
.ads-vivo .ads-hoje{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}

/* Chat: foto, vídeo e cartão de produto nas mensagens; escolher produto para mandar */
.ch-foto{display:block;max-width:220px;max-height:260px;border-radius:8px;object-fit:cover}
.ch-video{display:inline-flex;flex-direction:column;gap:.3em;font-weight:600}
.ch-prod-cartao{display:flex;gap:.5em;align-items:center;max-width:260px;background:var(--fundo);border:1px solid var(--linha);border-radius:8px;padding:.4em;margin-bottom:.2em}
.ch-prod-cartao img,.ch-prod-cartao .sem-img{width:48px;height:48px;border-radius:6px;object-fit:cover;flex:none}
.ch-prod-cartao b{display:block;font-size:.85em;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ch-prod-cartao small{color:var(--suave)}
.ch-bt-prod{font-size:1.1em;padding:.35em .55em}
.ch-prod-busca{width:100%;margin-bottom:.6em}
.ch-prod-lista{display:flex;flex-direction:column;gap:.4em;max-height:60vh;overflow-y:auto}
.ch-prod-op{display:flex;gap:.6em;align-items:center;border:1px solid var(--linha);border-radius:8px;padding:.45em}
.ch-prod-op img,.ch-prod-op .sem-img{width:52px;height:52px;border-radius:6px;object-fit:cover;flex:none}
.ch-prod-txt{flex:1;min-width:0}.ch-prod-txt b{display:block;font-size:.88em;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-prod-txt small{display:block;font-size:.78em}
.ch-sem-chat{margin:8px 0;padding:8px 12px;border-radius:8px;background:color-mix(in srgb,#f59e0b 14%,transparent);font-size:.9em}
.canal-loja{display:inline-flex;gap:.3em;align-items:center;flex-wrap:wrap}
.loja-selo{display:inline-block;font-size:.68em;font-weight:700;padding:.08em .45em;border-radius:5px;vertical-align:middle;line-height:1.5;background:color-mix(in srgb,currentColor 10%,transparent);max-width:14em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.loja-terceiro{background:#ede4ff;color:#5b21b6}
:root[data-tema="escuro"] .loja-terceiro{background:#2e1f52;color:#c4b5fd}
.lojas-escolha{display:flex;gap:.35em;flex-wrap:wrap;align-items:center}
.le-bt{display:inline-flex;align-items:center;gap:.25em;padding:.4em .75em;border-radius:99px;border:1.5px solid var(--linha);background:transparent;font-weight:600;font-size:.88em;cursor:pointer;max-width:16em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.le-bt:hover{border-color:#ee4d2d}
.le-bt.ativo{background:#ee4d2d;border-color:#ee4d2d;color:#fff}
.le-bt.ativo .canal{background:rgba(255,255,255,.25);color:#fff}
.le-bt.le-terceiro{border-style:dashed;border-color:#8b5cf6}
.le-bt.le-terceiro.ativo{background:#6d28d9;border-color:#6d28d9;border-style:solid}
.rent-fat{font-size:.85em;color:var(--suave);opacity:.85}
.rent-topo .roxo-claro{grid-column:1/-1}
.janela-fim{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px;gap:.4em}
.janela-fim .jf-ic{font-size:3em}.janela-fim h1{margin:.2em 0;font-size:1.4em}.janela-fim p{color:var(--suave);max-width:24em}
.robo-cab{display:flex;gap:1em;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}
.robo-cfg{display:flex;gap:.6em;flex-wrap:wrap;align-items:center;font-size:.9em}
.robo-chips{display:flex;gap:.4em;flex-wrap:wrap;margin:.8em 0}
.robo-chip{border:1.5px solid var(--linha);background:transparent;border-radius:99px;padding:.35em .8em;cursor:pointer;font-weight:600;display:inline-flex;gap:.4em;align-items:center}
.robo-chip.ativo{background:#ee4d2d;border-color:#ee4d2d;color:#fff}
.robo-acao{display:flex;gap:.6em;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:.6em .8em;border-radius:10px;background:color-mix(in srgb,#14a85a 10%,transparent);margin-bottom:.8em}
.robo-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.8em}
.robo-item{border:1px solid var(--linha);border-radius:12px;padding:.7em;display:flex;flex-direction:column;gap:.5em}
.robo-item-cab{display:flex;gap:.6em;align-items:center}.robo-item-cab img,.robo-item-cab .sem-img{width:44px;height:44px;border-radius:8px;object-fit:cover;flex:none}
.robo-item-cab b{font-size:.9em;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.robo-var{border-radius:10px;padding:.55em .65em;border-left:4px solid var(--linha);background:var(--fundo)}
.robo-cheio{border-left-color:#14a85a}.robo-apertado{border-left-color:#eab308}.robo-prejuizo{border-left-color:#dc2626}
.robo-var-cab{display:flex;gap:.45em;align-items:center;flex-wrap:wrap}
.robo-selo{font-size:.75em;font-weight:700}.robo-varnome{flex:1;min-width:0;font-size:.88em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.robo-preco{font-weight:700}.robo-marca input{width:1.1em;height:1.1em}
.robo-diag{margin:.35em 0;font-size:.86em;line-height:1.45}
.robo-nums{font-size:.75em;display:flex;gap:.5em;align-items:center;flex-wrap:wrap;justify-content:space-between}
@media (max-width:520px){.robo-lista{grid-template-columns:1fr}.robo-cfg input{width:3em}}
.robo-loja{margin-left:.5em;font-size:.75em;padding:.3em .5em;width:auto;vertical-align:middle}
.robo-preco{display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1.15}.robo-hoje{font-weight:500;font-size:.72em;color:var(--suave)}
.periodo{display:contents}
.av-botoes{display:flex;gap:.4em;margin:-.3em 0 .8em;flex-wrap:wrap}
.tr-semana{display:none}
.av-bt{display:inline-flex;align-items:center;gap:.3em;padding:.35em .75em;border-radius:99px;border:1.5px solid var(--linha);background:var(--cartao);font-weight:600;font-size:.82em;cursor:pointer;color:inherit}
.av-bt.av-alerta{border-color:var(--erro)}
.av-ponto{display:inline-grid;place-items:center;width:1.25em;height:1.25em;border-radius:50%;background:var(--erro);color:#fff;font-size:.8em;font-weight:800}
.janela-mkt .mkt-faixa{margin:0 0 .6em}
.av-tr{display:contents}
.av-so-cel{display:none}.janela-rent>.cartao{border:0;box-shadow:none;padding:0;margin:0}.janela-rent>.cartao>.linha>h2{display:none}
@media (max-width:640px){.av-so-cel{display:inline-flex}.cartoes-dir{display:none}}
.resumo-selos .rs-total td{border-top:2px solid var(--linha)}.resumo-selos .rs-fora td{color:var(--suave)}
.tab-pedidos tfoot td{border-top:2px solid var(--linha);padding-top:.6em}
.av-lojas{display:flex;width:fit-content;max-width:100%;margin:.2em 0 .6em;flex-wrap:wrap}.av-loja{background:var(--fundo);color:var(--texto)}
@media (max-width:640px){.av-lojas{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.av-lojas button{flex:none;white-space:nowrap}}
/* celular: lojas numa linha só (arrasta para o lado) e faixas de Ads/Afiliados compactas */
@media (max-width:640px){
  .filtros .lojas-escolha{grid-column:1/-1;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:.3em;padding-bottom:1px}
  .filtros .lojas-escolha::-webkit-scrollbar{display:none}
  .le-bt{flex:none;padding:.3em .6em;font-size:.8em;max-width:12em}
  .le-bt .canal{font-size:.85em}
  .mkt-faixa{margin:-.2em 0 .5em;border-radius:10px}
  .mkt-faixa>.ads-vivo{padding:.35em .65em;gap:.1em .7em;font-size:.78em}
  .mkt-faixa .ads-t{min-width:0;flex:1 1 100%}
  .afil-periodo{font-size:.85em}
  /* Ads e Afiliados: no celular viram dois botões que abrem a janela (o gráfico fica logo no topo) */
  .av-botoes{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.av-bt{flex:none;white-space:nowrap}
  .av-botoes{display:flex;gap:.4em;margin:-.2em 0 .6em}
  /* período: Hoje … Mês passado e as duas datas numa linha só, arrastando para o lado como as lojas */
  .periodo{grid-column:1/-1;display:flex;gap:.4em;align-items:center;overflow-x:auto;scrollbar-width:none}
  .periodo::-webkit-scrollbar{display:none}
  .periodo .escolhas{flex:none;overflow:visible}
  .filtros .periodo input[type=date]{flex:none;width:auto;font-size:.8em;padding:.35em .4em}
}
/* 🧾 Contas a pagar: grupos por urgência; no computador cada informação na sua coluna, no celular em cartão */
.cp-grupo{margin-bottom:1.1em}.cp-grupo:last-child{margin-bottom:0}
.cp-grupo-cab{display:flex;align-items:center;gap:.5em;padding:0 .2em .45em;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--suave);font-weight:700}
.cp-n{font-size:.95em;padding:.05em .5em;border-radius:99px;background:var(--fundo);letter-spacing:0}
.cp-total{margin-left:auto;text-transform:none;letter-spacing:0;color:var(--texto);font-size:1.15em}
.cp-vencidas .cp-grupo-cab{color:var(--erro)}.cp-vencidas .cp-n{background:var(--erro-fundo);color:var(--erro)}.cp-vencidas .cp-total{color:var(--erro)}
.cp-hoje .cp-grupo-cab{color:var(--aviso)}.cp-hoje .cp-n{background:var(--aviso-fundo);color:var(--aviso)}
.cp-lista{border:1px solid var(--linha);border-radius:12px;overflow:hidden;background:var(--cartao)}
.cp-linha{display:grid;grid-template-columns:3em minmax(0,2.4fr) minmax(0,1.5fr) 9.5em 8.5em 10.5em;grid-template-areas:"data txt cat prazo valor acoes";
  gap:1em;align-items:center;padding:.65em 1em;border-top:1px solid var(--linha);box-shadow:inset 3px 0 0 transparent}
.cp-linha:first-child{border-top:0}
.cp-lista .cp-linha:hover{background:color-mix(in srgb,var(--cor) 4%,transparent)}
.cp-titulos{border:0;padding:0 1em .5em;margin:0 1px;text-transform:uppercase;letter-spacing:.05em;color:var(--suave);font-weight:700}.cp-titulos>span{font-size:.72rem}   /* a fonte fica no texto: as colunas (em) ficam iguais às das linhas */
.cp-titulos>:nth-child(1){grid-area:data}.cp-titulos>:nth-child(2){grid-area:txt}.cp-titulos>:nth-child(3){grid-area:cat}.cp-titulos>:nth-child(4){grid-area:prazo}
.cp-titulos>:nth-child(5){grid-area:valor;text-align:right}.cp-titulos>:nth-child(6){grid-area:acoes}
.cp-linha.vencida{box-shadow:inset 3px 0 0 var(--erro)}.cp-linha.hoje{box-shadow:inset 3px 0 0 var(--aviso)}
.cp-data{grid-area:data;width:2.9em;text-align:center;border-radius:9px;background:var(--fundo);padding:.3em 0;line-height:1.05;display:flex;flex-direction:column}
.cp-data b{font-size:1.15rem}.cp-data small{font-size:.68rem;text-transform:uppercase;color:var(--suave);font-weight:700;letter-spacing:.03em}
.cp-linha.vencida .cp-data{background:var(--erro-fundo);color:var(--erro)}.cp-linha.vencida .cp-data small{color:var(--erro)}
.cp-linha.hoje .cp-data{background:var(--aviso-fundo);color:var(--aviso)}.cp-linha.hoje .cp-data small{color:var(--aviso)}
.cp-txt{grid-area:txt;min-width:0;display:flex;flex-direction:column;gap:.15em}
.cp-txt b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-txt small{color:var(--suave);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-txt small:empty{display:none}
.cp-cat-m{display:none}
.cp-cat{grid-area:cat;min-width:0;font-size:.86rem;color:var(--suave);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-prazo{grid-area:prazo}
.cp-valor{grid-area:valor;text-align:right;font-size:1.02rem}
.cp-pill{display:inline-block;font-size:.74rem;font-weight:700;padding:.18em .65em;border-radius:99px;background:var(--fundo);color:var(--suave);white-space:nowrap}
.cp-pill.vencida{background:var(--erro-fundo);color:var(--erro)}.cp-pill.hoje{background:var(--aviso-fundo);color:var(--aviso)}.cp-pill.paga{background:var(--ok-fundo);color:var(--ok)}
.cp-acoes{grid-area:acoes;display:flex;gap:.25em;align-items:center;justify-content:flex-end}.cp-acoes .primario,.cp-acoes .fantasma{padding:.4em .8em;font-size:.88em}
.cp-ic{background:transparent;border:1px solid transparent;border-radius:8px;padding:.35em .45em;cursor:pointer;opacity:.55;font-size:.9em}
.cp-ic:hover{opacity:1;border-color:var(--linha);background:var(--fundo)}
/* telas médias: sem a coluna de categoria (ela volta embaixo do nome) */
@media (max-width:1100px){
  .cp-linha{grid-template-columns:3em minmax(0,1fr) 9.5em 8.5em 10.5em;grid-template-areas:"data txt prazo valor acoes"}
  .cp-cat,.cp-titulos>:nth-child(3){display:none}.cp-cat-m{display:inline}
}
@media (max-width:560px){
  .cp-titulos{display:none}
  .cp-linha{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"data txt valor" "data txt prazo" "acoes acoes acoes";gap:.3em .65em;padding:.6em .7em}
  .cp-valor{align-self:end}.cp-prazo{align-self:start;justify-self:end}
  .cp-grupo-cab{font-size:.72rem}
  .cp-topo .escolhas{flex:1 1 100% !important;flex-wrap:nowrap;justify-content:space-between}.cp-topo .escolhas button{flex:1}
  .cp-topo>.primario{width:100%}
  .cp-txt b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}
  .cp-txt small{white-space:normal}
  .cp-acoes .primario{padding:.35em .9em}
}