/* ---------- tema: claro (padrão, off-white) ou escuro/automático escolhido em Meu perfil ---------- */
:root{color-scheme:light;
  --bg:#faf8f4;--bg-grad:#fdfcf9;--card:#ffffff;--card-2:#f7f4ee;--text:#2b140d;--muted:#7a6255;--line:#ece6db;--line-forte:#ddd3c3;
  --accent:#2d5a3d;--accent-hover:#234a31;--accent-soft:#e3eee2;--brand:#32160f;--brand-2:#45200f;--brand-text:#f9f6ef;--terra:#5f2213;--ouro:#b9822f;
  --danger:#a3261b;--danger-soft:#f9e3de;--ok:#2d6a3e;--ok-soft:#e0efdf;--warn:#86570a;--warn-soft:#f7ebcf;--info:#2f5a7a;--info-soft:#e0ebf4;
  --sombra:0 1px 2px rgba(50,22,15,.04),0 6px 20px -8px rgba(50,22,15,.10);--sombra-alta:0 12px 32px -10px rgba(50,22,15,.28);--anel:0 0 0 3px rgba(45,90,61,.18)}
body{background:radial-gradient(900px 520px at 100% -8%,rgba(79,138,95,.06),transparent 62%),radial-gradient(760px 480px at 18% -12%,rgba(185,130,47,.05),transparent 60%),linear-gradient(180deg,var(--bg-grad),var(--bg) 420px);background-color:var(--bg);background-attachment:fixed}
@media (prefers-color-scheme:dark){.login .logo{filter:none}}
/* tema escuro, escolhido em Meu perfil (grafite neutro, sem o marrom) */
html[data-tema=escuro]{color-scheme:dark;--bg:#121212;--bg-grad:#161616;--card:#1c1c1c;--card-2:#242424;--text:#f2efe9;--muted:#a9a39b;--line:#2d2d2d;--line-forte:#3a3a3a;--accent:#8cc39c;--accent-hover:#a3d3b0;--accent-soft:#1f3326;--brand:#0f0f0f;--brand-2:#1a1a1a;--brand-text:#f2efe9;--terra:#e0a07f;--ouro:#e0b066;--danger:#f08a7a;--danger-soft:#3b1a14;--ok:#8cc39c;--ok-soft:#1c3024;--warn:#e6b85c;--warn-soft:#3a2c10;--info:#9cc3e0;--info-soft:#172a38;--sombra:0 1px 2px rgba(0,0,0,.3),0 6px 20px -8px rgba(0,0,0,.5);--sombra-alta:0 12px 32px -10px rgba(0,0,0,.7);--anel:0 0 0 3px rgba(140,195,156,.25);--grad-lat:linear-gradient(165deg,#262626 0%,#1a1a1a 45%,#101010 100%)}
@media (prefers-color-scheme:dark){html[data-tema=auto]{color-scheme:dark;--bg:#121212;--bg-grad:#161616;--card:#1c1c1c;--card-2:#242424;--text:#f2efe9;--muted:#a9a39b;--line:#2d2d2d;--line-forte:#3a3a3a;--accent:#8cc39c;--accent-hover:#a3d3b0;--accent-soft:#1f3326;--brand:#0f0f0f;--brand-2:#1a1a1a;--brand-text:#f2efe9;--terra:#e0a07f;--ouro:#e0b066;--danger:#f08a7a;--danger-soft:#3b1a14;--ok:#8cc39c;--ok-soft:#1c3024;--warn:#e6b85c;--warn-soft:#3a2c10;--info:#9cc3e0;--info-soft:#172a38;--sombra:0 1px 2px rgba(0,0,0,.3),0 6px 20px -8px rgba(0,0,0,.5);--sombra-alta:0 12px 32px -10px rgba(0,0,0,.7);--anel:0 0 0 3px rgba(140,195,156,.25);--grad-lat:linear-gradient(165deg,#262626 0%,#1a1a1a 45%,#101010 100%)}}
html[data-tema=escuro] body{background:var(--bg)}
html[data-tema=escuro] .login .logo{filter:brightness(0) invert(.94)}
@media (prefers-color-scheme:dark){html[data-tema=auto] body{background:var(--bg)}html[data-tema=auto] .login .logo{filter:brightness(0) invert(.94)}}
/* botão Meu perfil no rodapé do menu */
#perfil::before{content:"";width:20px;height:20px;flex-shrink:0;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
#perfil{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M6.2 18.4a6.5 6.5 0 0 1 11.6 0'/%3E%3C/svg%3E")}
@media (max-width:760px){#perfil{width:auto;padding:0 10px}#perfil span{display:none}}

/* fotos do produto: arrastar para mudar a ordem */
.foto.arrasta{cursor:grab;touch-action:none;user-select:none;transition:transform .12s}.foto.arrasta:hover img{border-color:var(--line-forte)}
.foto.pegando{cursor:grabbing;transform:scale(1.06);z-index:5;opacity:.85}.foto.pegando img{box-shadow:var(--sombra-alta)}
.foto .foto-del{position:absolute;top:6px;right:6px;width:26px;height:26px;padding:0;border-radius:50%;font-size:12px;line-height:1;display:grid;place-items:center}

/* código de barras no produto (fundo branco também no tema escuro, para leitura) */
.ean-img{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;justify-content:center}.ean-img svg{max-width:100%;height:auto}

/* ---------- lista de produtos: escolher colunas ---------- */
.colunas{position:relative}
.colunas>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.colunas>summary::-webkit-details-marker{display:none}
.colunas>summary::after{content:"";width:14px;height:14px;background:var(--ic-seta) center/contain no-repeat;transition:transform .15s}
.colunas[open]>summary::after{transform:rotate(180deg)}
.colunas-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:220px;max-height:min(60vh,420px);overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--raio-p);box-shadow:var(--sombra-alta);padding:10px 12px;display:grid;gap:2px}
.colunas-menu p{margin:0 0 6px}
.chk{display:flex;align-items:center;gap:8px;margin:0;padding:5px 4px;border-radius:8px;color:var(--text);font-size:14px;cursor:pointer}
.chk:hover{background:var(--card-2)}
.chk input{width:auto;margin:0}
.colunas-menu .link{justify-self:start;margin-top:6px}

/* ---------- assistente (conversa) ---------- */
.conversa{display:flex;flex-direction:column;gap:12px}
#falas{display:flex;flex-direction:column;gap:10px;max-height:min(62vh,640px);overflow:auto;padding:2px}
.fala{max-width:min(78ch,88%);padding:10px 14px;border-radius:14px;line-height:1.5}
.fala.eu{align-self:flex-end;background:var(--grad-prim);color:#fff;border-bottom-right-radius:4px}
.fala.ia{align-self:flex-start;background:var(--card-2);border:1px solid var(--line);border-bottom-left-radius:4px}
.fala.pensando{font-style:italic}
.exemplos{gap:8px}
.exemplos .exemplo{white-space:normal;text-align:left;max-width:100%;height:auto}
.caixa-pergunta{align-items:flex-end;flex-wrap:nowrap}
.caixa-pergunta textarea{flex:1;min-height:52px;resize:vertical}
@media (max-width:760px){.colunas-menu{right:auto;left:0}.fala{max-width:94%}.caixa-pergunta{flex-wrap:wrap}.caixa-pergunta button{width:100%}}

/* ---------- paginação ---------- */
.paginas{display:flex;justify-content:space-between;align-items:center;gap:10px 16px;flex-wrap:wrap;margin:-8px 0 18px;padding:10px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--raio-p);box-shadow:var(--sombra)}
.paginas .linha{gap:6px;align-items:center}.paginas button.link:disabled{opacity:.4;cursor:default;background:none}
.pag-tam{display:flex;align-items:center;gap:6px;margin:0;font-weight:600}.pag-tam select{width:auto;padding:5px 30px 5px 10px}
@media (max-width:760px){.paginas{justify-content:center}.paginas>span{width:100%;text-align:center}}

/* ---------- início (painéis) ---------- */
.ini-cab{margin-bottom:6px}.ini-cab h1{margin-bottom:2px}.ini-cab p{margin-top:0}
.ini-secao{margin:22px 0 12px;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);display:flex;align-items:center;gap:10px}
.ini-secao::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line-forte),transparent)}
.ini-num{font-family:Poppins,system-ui,sans-serif;font-size:28px;font-weight:600;line-height:1.15;margin:2px 0;letter-spacing:-.02em}
.ini-grande{font-family:Poppins,system-ui,sans-serif;font-size:40px;font-weight:600;line-height:1.1;letter-spacing:-.03em}
.ini-frase{font-size:19px;margin:2px 0 2px}
.ini-tit-linha{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.ini-pilula{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap}
.ini-pilula.sobe{background:var(--ok-soft);color:var(--ok)}.ini-pilula.desce{background:var(--danger-soft);color:var(--danger)}
/* herói do mês */
.ini-heroi-linha{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.ini-heroi-linha>.card{margin-bottom:18px}
.ini-heroi{position:relative;overflow:hidden;color:#fdf8ef;border:0;background:radial-gradient(420px 220px at 100% 0%,rgba(230,184,98,.38),transparent 70%),radial-gradient(380px 260px at 0% 120%,rgba(95,174,120,.35),transparent 70%),linear-gradient(135deg,#6e2c18 0%,#45200f 48%,#26110a 100%);box-shadow:0 18px 40px -18px rgba(50,22,15,.6)}
.ini-heroi .small{color:rgba(253,248,239,.78)}
.ini-heroi .ini-grande{color:#fff}
.ini-heroi .ini-pilula.sobe{background:rgba(140,215,160,.2);color:#b9f0c8}.ini-heroi .ini-pilula.desce{background:rgba(255,140,120,.2);color:#ffc4b8}
.ini-heroi-sub{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:12px;font-size:13.5px;color:rgba(253,248,239,.8)}.ini-heroi-sub b{color:#fff;margin-left:4px}
.ini-heroi-nota{margin-top:14px;padding-top:12px;border-top:1px solid rgba(253,248,239,.16);font-size:14px}
/* barra de meta */
.ini-trilho{position:relative;height:8px;border-radius:999px;background:var(--card-2);border:1px solid var(--line);margin:10px 0 6px}
.ini-trilho i{display:block;height:100%;border-radius:inherit;background:var(--grad-prim);min-width:4px}
.ini-trilho.grosso{height:14px;margin:16px 0 6px}
.ini-trilho b{position:absolute;top:-6px;bottom:-6px;width:2px;margin-left:-1px;background:var(--text);border-radius:2px}
.ini-escala{position:relative;display:flex;justify-content:space-between;height:20px;margin-bottom:6px}
.ini-escala span:nth-child(2):not(:last-child){position:absolute;transform:translateX(-50%);white-space:nowrap;font-weight:700;color:var(--text)}
/* faixa de números de hoje e funil */
.ini-faixa,.ini-funil{display:grid;grid-template-columns:repeat(4,1fr);padding:0;overflow:hidden}
.ini-faixa>div,.ini-funil>div{padding:18px 20px;border-left:1px solid var(--line)}
.ini-faixa>div:first-child,.ini-funil>div:first-child{border-left:0}
.ini-funil .ini-trilho{background:var(--card-2)}
/* topo do gestor: rosca + cartões */
.ini-topo{display:grid;grid-template-columns:minmax(260px,1fr) 2fr;gap:18px;margin-bottom:18px}
.ini-topo>.card{margin:0}
.ini-acao{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.ini-rosca{position:relative;width:160px;height:160px}.ini-rosca svg{width:100%;height:100%;filter:drop-shadow(0 6px 12px rgba(50,22,15,.12))}
.ini-rosca-meio{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.ini-rosca-meio b{font-family:Poppins,system-ui,sans-serif;font-size:36px;font-weight:500;line-height:1}.ini-rosca-meio span{font-size:12.5px;color:var(--muted)}
.ini-leg{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13.5px;color:var(--muted)}
.ini-acao .ini-leg{flex-direction:column;gap:8px}
.ini-leg li{display:flex;align-items:center;gap:6px}.ini-leg b{color:var(--text)}.ini-leg a{color:var(--muted)}.ini-leg a:hover{color:var(--accent)}
.ini-leg i{width:10px;height:10px;border-radius:3px;flex-shrink:0}
.ini-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ini-card{position:relative;display:block;overflow:hidden;text-decoration:none;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:var(--raio);padding:16px 18px;box-shadow:var(--sombra);transition:transform .15s,box-shadow .15s,border-color .15s}
.ini-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--g)}
.ini-card::after{content:"";position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:50%;background:var(--g);opacity:.09;transition:opacity .15s}
.ini-card:hover{transform:translateY(-3px);box-shadow:var(--sombra-alta);color:var(--text);border-color:var(--line-forte)}.ini-card:hover::after{opacity:.16}
.ini-card-topo{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ini-seta{font-size:22px;line-height:1;color:var(--muted);transition:transform .15s}.ini-card:hover .ini-seta{transform:translateX(3px);color:var(--text)}
.ini-rot{font-weight:700;font-size:14.5px;margin-bottom:2px}
.ini-ic{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--g);box-shadow:0 6px 14px -6px rgba(50,22,15,.45),inset 0 1px 0 rgba(255,255,255,.25);flex-shrink:0}
.ini-ic::before{content:"";width:19px;height:19px;background:#fff;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
/* barras por canal */
.ini-barra{display:grid;grid-template-columns:120px 1fr 90px;gap:14px;align-items:center;padding:7px 0;text-decoration:none;color:var(--text)}
.ini-barra>div{display:flex;gap:4px;height:12px}
.ini-barra>div i{display:block;height:100%;border-radius:999px;min-width:6px;transition:filter .15s}
.ini-barra:hover>div i{filter:brightness(1.08) saturate(1.1)}
.ini-barra:hover span:first-child{color:var(--accent)}
.ini-barra>span:last-child{text-align:right}.ini-barra b{color:var(--text)}
.ini-barra+.ini-leg,.ini-area .ini-leg{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
/* gráfico de área */
.ini-plot{--pe:44px;position:relative;padding-left:var(--pe)}
.ini-plot svg{display:block;width:100%;height:240px;overflow:visible}
.ini-grade{stroke:var(--line-forte);stroke-dasharray:3 5;stroke-width:1}
.ini-base{stroke:var(--line-forte);stroke-width:1}
.ini-eixo{position:absolute;left:0;transform:translateY(-50%);font-size:11.5px;color:var(--muted)}
.ini-colunas{position:absolute;inset:0 0 0 var(--pe);display:flex}.ini-colunas span{flex:1;cursor:crosshair}
.ini-guia{position:absolute;top:0;bottom:0;width:1px;background:var(--line-forte);pointer-events:none}
.ini-ponto{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#2d5a3d;border:3px solid var(--card);box-shadow:0 0 0 1px #2d5a3d,0 4px 10px rgba(45,90,61,.45);pointer-events:none}
.ini-dica{position:absolute;top:6px;z-index:5;min-width:180px;transform:translateX(14px);padding:10px 12px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sombra-alta);font-size:13px;pointer-events:none}
.ini-dica.esq{transform:translateX(calc(-100% - 14px))}
.ini-dica>b{display:block;margin-bottom:6px;text-transform:capitalize}
.ini-dica div{display:flex;justify-content:space-between;gap:16px;padding:3px 0;color:var(--muted)}.ini-dica div b{color:var(--text)}.ini-dica div b.neg{color:var(--danger)}.ini-dica div b.pos{color:var(--ok)}
.ini-dias{display:flex;padding-left:44px;margin-top:6px}.ini-dias span{flex:1;text-align:center;font-size:11.5px;color:var(--muted);white-space:nowrap}.ini-dias .hoje{font-weight:700;color:var(--text)}
/* listas */
.ini-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ini-lista li{padding-bottom:10px;border-bottom:1px solid var(--line)}.ini-lista li:last-child{border-bottom:0;padding-bottom:0}
.ini-lista li>a:first-child,.ini-linha>div>a{font-weight:600;text-decoration:none}
.ini-linha{display:flex;align-items:center;gap:12px}.ini-linha>div{flex:1;min-width:0}
.ini-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
.ini-tags span{font-size:11.5px;padding:2px 8px;border-radius:999px;background:var(--warn-soft);color:var(--warn);font-weight:600}
.ini-passos{list-style:none;margin:0;padding:0}
.ini-passos li{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px dashed var(--line-forte)}.ini-passos li:first-child{padding-top:0}.ini-passos li:last-child{border-bottom:0;padding-bottom:0}
.ini-passos li>div{flex:1}
.ini-passos a{white-space:nowrap;font-weight:600;text-decoration:none}
.ini-n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--g);color:#fff;font-weight:700;font-size:13px;flex-shrink:0;box-shadow:0 4px 10px -4px rgba(50,22,15,.5)}
.ini-atalhos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.ini-atalhos a{display:grid;gap:2px;justify-items:start;padding:14px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--text);background:linear-gradient(160deg,var(--card),var(--card-2));transition:transform .15s,box-shadow .15s,border-color .15s}
.ini-atalhos a .ini-ic{margin-bottom:8px;width:34px;height:34px;border-radius:10px}.ini-atalhos a .ini-ic::before{width:17px;height:17px}
.ini-atalhos a:hover{transform:translateY(-2px);border-color:var(--line-forte);box-shadow:var(--sombra-alta);color:var(--text)}
@media (max-width:980px){.ini-heroi-linha,.ini-topo{grid-template-columns:1fr}}
@media (max-width:760px){
  .ini-faixa,.ini-funil{grid-template-columns:1fr 1fr}.ini-faixa>div:nth-child(3),.ini-funil>div:nth-child(3){border-left:0}
  .ini-faixa>div:nth-child(n+3),.ini-funil>div:nth-child(n+3){border-top:1px solid var(--line)}
  .ini-faixa>div,.ini-funil>div{padding:14px}
  .ini-cards{grid-template-columns:1fr 1fr;gap:10px}.ini-card{padding:14px}
  .ini-barra{grid-template-columns:84px 1fr 58px;gap:8px}.ini-num{font-size:24px}.ini-grande{font-size:32px}
  .ini-plot{--pe:34px}.ini-dias{padding-left:34px}.ini-eixo{font-size:10.5px}
  .ini-dias span{font-size:10px}.ini-plot svg{height:190px}.ini-dica{min-width:150px}
  .ini-acao{flex-direction:row;flex-wrap:wrap}.ini-rosca{width:130px;height:130px}
}
.ic-publicar{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5'/%3E%3Cpath d='M5 12l7-7 7 7'/%3E%3C/svg%3E")}
.ic-completar{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E")}
.ic-margem{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3Cpath d='M14 7h7v7'/%3E%3C/svg%3E")}
.ic-concorrente{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8Z'/%3E%3Cpath d='M7.5 7.5h.01'/%3E%3C/svg%3E")}
.ic-vendas{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='M7 15l4-4 3 3 5-6'/%3E%3C/svg%3E")}
.ic-produtos{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5Z'/%3E%3Cpath d='M3 8l9 5 9-5'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E")}
.ic-calc{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 7h8'/%3E%3Cpath d='M8 12h.01M12 12h.01M16 12h.01M8 16h.01M12 16h.01M16 16h.01'/%3E%3C/svg%3E")}
.ic-ia{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.8 4.7L18.5 9.5l-4.7 1.8L12 16l-1.8-4.7L5.5 9.5l4.7-1.8Z'/%3E%3Cpath d='M19 15l.8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8Z'/%3E%3C/svg%3E")}
.ic-config{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1Z'/%3E%3C/svg%3E")}
.lateral nav a[data-nav=inicio]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-7 9 7'/%3E%3Cpath d='M5 9.5V20h14V9.5'/%3E%3Cpath d='M10 20v-5.5h4V20'/%3E%3C/svg%3E")}
.lateral nav a[data-nav=atendimento]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20.5l1.4-4.9A8 8 0 1 1 21 12Z'/%3E%3Cpath d='M8.5 12h.01M12 12h.01M15.5 12h.01'/%3E%3C/svg%3E")}
/* situação do anúncio editável na lista de produtos */
select.st-sel{width:auto;max-width:100%;padding:3px 24px 3px 10px;border:1px solid transparent;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 12px) 52%,calc(100% - 8px) 52%;background-size:4px 4px,4px 4px;background-repeat:no-repeat;box-shadow:none;font:inherit;font-size:12px;font-weight:700}
select.st-sel.st-nao_anunciado{border-color:var(--line-forte)}
select.st-sel:hover{filter:brightness(.97)}select.st-sel:focus{outline:none;box-shadow:var(--anel)}
select.st-sel option{background:var(--card);color:var(--text);font-weight:400}
.st-dica{margin-top:4px}.st-dica .chip{font-size:11px;padding:1px 7px}
/* ficha técnica do produto */
.ficha{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card-2)}
.ficha-ic{font-size:22px;line-height:1}.ficha-nome{flex:1;min-width:140px;overflow-wrap:anywhere;font-weight:600}
/* lista de produtos: cabeçalho da tabela fica fixo ao rolar */
.tabela-wrap.fixo{max-height:calc(100dvh - 230px);min-height:260px;overflow:auto}
.tabela-wrap.fixo thead th{position:sticky;top:0;z-index:3;box-shadow:0 1px 0 var(--line-forte)}