@scope (:is(.native-surface,.native-overlays)) {
/* legado */
@layer legado {
/* ==========================================================================
   SEJADARK — sistema visual do painel (seção 13 do prompt_atendimento.md)
   Regras: fundo #f5f5f7, superfícies brancas, item ativo do menu como "papel
   branco elevado", ícones SVG inline stroke:currentColor 1.5px, contadores em
   pílula à direita, base 14 px, tabular-nums em número que muda, raios
   16/10/8, cor SÓ para estado — o resto é cinza. Sidebar 250 px fixa; só o
   conteúdo rola.
   ========================================================================== */

:scope{
  --bg:#f5f5f7; --surface:#ffffff; --surface-2:#fafafa; --line:#e6e6ea; --line-strong:#d2d2d7;
  --text:#1d1d1f; --text-2:#6e6e73; --text-3:#a1a1a6;
  --accent:#0071e3; --accent-hover:#0077ed; --accent-soft:#eaf3fe;
  --ok:#34c759; --ok-soft:#e8f8ec; --warn:#ff9500; --warn-soft:#fff3e0;
  --err:#ff3b30; --err-soft:#ffecea; --info:#007aff; --info-soft:#e9f2ff;
  --r:16px; --r-sm:10px; --r-xs:8px;
  --shadow:0 1px 2px rgba(0,0,0,.03), 0 6px 20px rgba(0,0,0,.04);
  --font:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Segoe UI,Roboto,sans-serif;
  --sidebar:250px;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}

/* ---------- reset leve ---------- */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%}
body{
  font-family:var(--font);font-size:14px;line-height:1.45;color:var(--text);background:var(--bg);
  -webkit-font-smoothing:antialiased;
  height:100vh;overflow:hidden;
}
/* a shell (aside + main) é montada dentro de #app: o grid fica nele, não no body */
#app{display:grid;grid-template-columns:var(--sidebar) 1fr;height:100vh;overflow:hidden}
body.login #app{display:block;height:auto}
body.login{overflow:auto}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}
h1{font-size:22px}h2{font-size:17px}h3{font-size:15px}h4{font-size:14px}
p{margin:0}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
ul{margin:0;padding:0;list-style:none}
code,pre,.mono{font-family:var(--mono);font-size:12.5px}
.num{font-variant-numeric:tabular-nums}
.muted{color:var(--text-2)}
.faint{color:var(--text-3)}
.small{font-size:12.5px}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.right{text-align:right}
.row{display:flex;align-items:center;gap:8px}
.row.wrap{flex-wrap:wrap}
.between{justify-content:space-between}
.grow{flex:1 1 auto;min-width:0}
.stack{display:flex;flex-direction:column;gap:8px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mt{margin-top:12px}.mb{margin-bottom:12px}.mt-l{margin-top:20px}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}

/* ---------- conexão do Facebook (lojista) ---------- */
.meta-pagina .meta-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,310px);gap:20px;max-width:1240px}
.meta-pagina .meta-layout>div,.meta-pagina .meta-apoio{min-width:0}
.meta-pagina .meta-passos{display:flex;gap:18px;list-style:none;margin:0 0 20px;padding:0;flex-wrap:wrap}
.meta-pagina .meta-passos li{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:12.5px}
.meta-pagina .meta-passos li>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line-strong);border-radius:50%;font-variant-numeric:tabular-nums}
.meta-pagina .meta-passos .atual{color:var(--text);font-weight:600}
.meta-pagina .meta-passos .atual>span{background:var(--text);color:var(--surface);border-color:var(--text)}
.meta-pagina .meta-passos .concluido>span{background:var(--ok-soft);border-color:transparent;color:#1f7a3a}
.meta-pagina .meta-aviso{margin:0 0 12px;overflow-wrap:anywhere}
.meta-pagina .meta-aviso p{margin-top:4px}
.meta-pagina .meta-conexao h2{margin:0}
.meta-pagina .meta-conexao>.muted{margin-top:10px}
.meta-pagina .meta-seletores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.meta-pagina .meta-seletores select{width:100%;min-width:0;text-overflow:ellipsis;min-height:42px}
.meta-pagina .meta-seletores .campo{gap:8px}
.meta-pagina .meta-form{margin-top:16px}
.meta-pagina .meta-salva{padding:12px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);margin:14px 0;overflow-wrap:anywhere}
.meta-pagina .meta-salva p{margin-top:4px}
.meta-pagina .meta-conta-info{margin-top:14px}
.meta-pagina .meta-ajuda-listas{padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--text-2)}
.meta-pagina .meta-ajuda-listas p+p{margin-top:8px}
.meta-pagina .meta-apoio p{line-height:1.6}
.meta-pagina .meta-apoio a,.meta-pagina .meta-ajuda-listas a{overflow-wrap:anywhere}
.meta-pagina .btn{min-height:38px}
.meta-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.meta-pagina .meta-layout{grid-template-columns:minmax(0,1fr)}.meta-pagina .meta-apoio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.meta-pagina .meta-apoio>.mt{margin-top:0}}
@media(max-width:600px){.meta-pagina .meta-seletores,.meta-pagina .meta-apoio{grid-template-columns:minmax(0,1fr)}.meta-pagina .meta-passos{gap:10px 16px}.meta-pagina .btn{min-height:44px;white-space:normal;text-align:center}.meta-pagina .pill{white-space:normal}.meta-pagina .card{padding:16px}}

/* ---------- sidebar ---------- */
.sidebar{
  background:var(--bg);border-right:1px solid var(--line);height:100vh;display:flex;flex-direction:column;
  padding:16px 12px;gap:4px;overflow:hidden;
}
.sidebar .logo{display:flex;align-items:center;gap:10px;padding:6px 10px 16px}
.sidebar .logo .marca{
  width:32px;height:32px;border-radius:var(--r-sm);background:var(--text);color:#fff;display:grid;place-items:center;
  font-weight:700;font-size:13px;letter-spacing:.02em;flex:none;
}
.sidebar .logo .nome{font-weight:600;font-size:14px}
.sidebar .logo .sub{font-size:12px;color:var(--text-2)}
.menu{display:flex;flex-direction:column;gap:2px}
.menu a{
  display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);color:var(--text-2);
  text-decoration:none;font-weight:500;border:1px solid transparent;transition:background .12s,color .12s,box-shadow .12s;
}
.menu a:hover{color:var(--text);background:rgba(0,0,0,.035);text-decoration:none}
.menu a.ativo{color:var(--text);background:var(--surface);box-shadow:var(--shadow);border-color:var(--line)}
.menu a svg{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.menu a .rotulo{flex:1 1 auto;min-width:0}
.menu .separador{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:14px 10px 4px}
.sidebar .rodape{margin-top:auto;border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:8px}
.sidebar .status-ponte{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:13px;color:var(--text-2)}
.ponto{width:8px;height:8px;border-radius:50%;background:var(--text-3);flex:none}
.ponto.ok{background:var(--ok)}.ponto.warn{background:var(--warn)}.ponto.err{background:var(--err)}
.sidebar .usuario{display:flex;align-items:center;gap:8px;padding:4px 10px;font-size:13px}
.sidebar .usuario .avatar{width:26px;height:26px;border-radius:50%;background:var(--line);display:grid;place-items:center;font-size:11px;font-weight:600;color:var(--text-2)}

/* ---------- conteúdo ---------- */
main{overflow:auto;height:100vh;padding:24px 28px 40px;min-width:0}
main.cheio{padding:0;overflow:hidden}
.pagina-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.pagina-cab .sub{color:var(--text-2);font-size:13px;margin-top:2px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;box-shadow:var(--shadow)}
.card.plana{box-shadow:none}
.card .rotulo{font-size:12.5px;color:var(--text-2);font-weight:500}
.card .valor{font-size:26px;font-weight:600;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums}
.card .valor small{font-size:13px;font-weight:500;color:var(--text-2);margin-left:4px}
.card h2,.card h3{margin-bottom:10px}
.secao{margin-top:20px}
.secao-cab{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}

/* ---------- pílulas (estado) ---------- */
.pill{
  display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:500;
  line-height:18px;background:var(--bg);color:var(--text-2);border:1px solid var(--line);white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.pill.ok{background:var(--ok-soft);color:#1f7a3a;border-color:transparent}
.pill.warn{background:var(--warn-soft);color:#9a5b00;border-color:transparent}
.pill.err{background:var(--err-soft);color:#b3261e;border-color:transparent}
.pill.info{background:var(--info-soft);color:#0a5bb5;border-color:transparent}
.pill.accent{background:var(--accent-soft);color:var(--accent);border-color:transparent}
.pill.contador{margin-left:auto;min-width:22px;justify-content:center;padding:0 7px;background:var(--surface);border-color:var(--line)}
.pill.contador.zero{display:none}
.menu a.ativo .pill.contador{background:var(--bg)}
.pill.contador.alerta{background:var(--warn-soft);color:#9a5b00;border-color:transparent}

/* ---------- botões ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:var(--r-sm);
  border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-weight:500;font-size:13.5px;
  line-height:1.2;white-space:nowrap;transition:background .12s,border-color .12s,box-shadow .12s;
}
.btn:hover{background:var(--surface-2);border-color:#bdbdc2}
.btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg);color:var(--text-3)}
.btn.primario{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.primario:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.btn.primario:disabled{background:var(--line-strong);border-color:var(--line-strong);color:#fff}
.btn.perigo{color:var(--err);border-color:var(--line)}
.btn.perigo:hover{background:var(--err-soft);border-color:transparent}
.btn.fantasma{border-color:transparent;background:transparent;color:var(--text-2)}
.btn.fantasma:hover{background:rgba(0,0,0,.05);color:var(--text)}
.btn.pequeno{padding:4px 9px;font-size:12.5px;border-radius:var(--r-xs)}
.btn.icone{padding:6px;width:32px;height:32px}
.btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.btn.ativo{background:var(--text);color:#fff;border-color:var(--text)}
.btn-grupo{display:inline-flex;gap:4px;flex-wrap:wrap}

/* ---------- formulários ---------- */
.input,select.input,textarea.input{
  width:100%;padding:7px 10px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);
  color:var(--text);font-size:13.5px;line-height:1.3;transition:border-color .12s,box-shadow .12s;
}
.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.input:disabled{background:var(--bg);color:var(--text-3)}
textarea.input{resize:vertical;min-height:80px}
textarea.mono{font-family:var(--mono);font-size:12.5px;line-height:1.5}
.input.pequeno{padding:4px 8px;font-size:12.5px;border-radius:var(--r-xs)}
label.campo{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--text-2);font-weight:500}
label.campo .input{font-weight:400;color:var(--text)}
.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.form .largo{grid-column:1 / -1}
.ajuda{font-size:12px;color:var(--text-3)}
.toggle{position:relative;display:inline-block;width:36px;height:22px;flex:none}
.toggle input{opacity:0;width:0;height:0;position:absolute}
.toggle .trilho{position:absolute;inset:0;background:var(--line-strong);border-radius:999px;transition:background .15s}
.toggle .trilho::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .15s}
.toggle input:checked + .trilho{background:var(--ok)}
.toggle input:checked + .trilho::after{transform:translateX(14px)}
.toggle input:focus-visible + .trilho{outline:2px solid var(--accent);outline-offset:2px}
.toggle input:disabled + .trilho{opacity:.5}
.busca{position:relative}
.busca svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;stroke:var(--text-3);stroke-width:1.5;fill:none}
.busca .input{padding-left:30px}

/* ---------- tabelas ---------- */
.tabela-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.table{width:100%;border-collapse:collapse;font-size:13.5px}
.table th,.table td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
.table th{font-size:12px;font-weight:600;color:var(--text-2);letter-spacing:.02em;background:var(--surface-2);white-space:nowrap}
.table tr:last-child td{border-bottom:none}
.table tbody tr:hover{background:var(--surface-2)}
.table tr.clicavel{cursor:pointer}
.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}
.table .mini{width:44px;height:34px;object-fit:cover;border-radius:6px;background:var(--bg)}
.table td.acoes{white-space:nowrap;text-align:right}
.table tr.expandido td{background:var(--surface-2)}
.paginacao{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:10px;font-size:13px;color:var(--text-2)}

/* ---------- abas ---------- */
.abas{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}
.abas button{background:none;border:none;padding:8px 12px;color:var(--text-2);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.abas button:hover{color:var(--text)}
.abas button.ativa{color:var(--text);border-bottom-color:var(--text)}

/* ---------- vazio / carregando ---------- */
.vazio{padding:36px 16px;text-align:center;color:var(--text-3);font-size:13.5px}
.carregando{color:var(--text-3);font-size:13px;padding:12px}
.spinner{width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--text-2);border-radius:50%;animation:gira .8s linear infinite;display:inline-block;vertical-align:middle}
@keyframes gira{to{transform:rotate(360deg)}}
.aviso{padding:10px 14px;border-radius:var(--r-sm);font-size:13px;border:1px solid transparent}
.aviso.info{background:var(--info-soft);color:#0a5bb5}
.aviso.warn{background:var(--warn-soft);color:#9a5b00}
.aviso.err{background:var(--err-soft);color:#b3261e}
.aviso.ok{background:var(--ok-soft);color:#1f7a3a}
.aviso a{color:inherit;text-decoration:underline}

/* ---------- toasts ---------- */
.toasts{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px;z-index:1000;max-width:380px}
.toast{
  background:var(--text);color:#fff;padding:10px 14px;border-radius:var(--r-sm);font-size:13px;box-shadow:0 8px 30px rgba(0,0,0,.2);
  display:flex;gap:10px;align-items:flex-start;animation:entra .18s ease-out;
}
.toast .ponto{margin-top:5px}
.toast.err{background:#b3261e}
.toast.warn{background:#9a5b00}
.toast.ok{background:#1f7a3a}
.toast a{color:#fff;text-decoration:underline}
@keyframes entra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ---------- modal ---------- */
.modal-fundo{position:fixed;inset:0;background:rgba(29,29,31,.35);display:grid;place-items:center;z-index:900;padding:20px}
.modal{background:var(--surface);border-radius:var(--r);box-shadow:0 20px 60px rgba(0,0,0,.25);width:min(560px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}
.modal.larga{width:min(860px,100%)}
.modal .modal-cab{padding:16px 20px 0;display:flex;align-items:center;justify-content:space-between}
.modal .modal-corpo{padding:16px 20px;overflow:auto}
.modal .modal-pe{padding:12px 20px 16px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line)}

/* ---------- login ---------- */
.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:20px}
.login-card{width:min(380px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:28px}
.login-card h1{font-size:18px;margin-bottom:4px}
.login-card .stack{margin-top:18px}

/* ---------- atendimentos (WhatsApp Web) ---------- */
.atd{display:grid;grid-template-columns:320px 1fr 320px;height:100vh;min-width:0}
.atd > *{min-width:0;min-height:0}
.atd .col-lista{border-right:1px solid var(--line);display:flex;flex-direction:column;background:var(--surface)}
.atd .col-lista .topo{padding:14px 14px 8px;display:flex;flex-direction:column;gap:8px}
.atd .filtros{display:flex;gap:4px;flex-wrap:wrap}
.atd .filtros button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:2px 10px;font-size:12px;color:var(--text-2)}
.atd .filtros button.ativo{background:var(--text);color:#fff;border-color:var(--text)}
.atd .lista{overflow:auto;flex:1 1 auto}
.conv{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);cursor:pointer;align-items:flex-start}
.conv:hover{background:var(--surface-2)}
.conv.ativa{background:var(--bg)}
.conv .avatar{width:38px;height:38px;border-radius:50%;background:var(--line);display:grid;place-items:center;font-weight:600;color:var(--text-2);flex:none;font-size:13px}
.conv .corpo{flex:1 1 auto;min-width:0}
.conv .linha1{display:flex;justify-content:space-between;gap:6px;align-items:baseline}
.conv .nome{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conv .hora{font-size:11.5px;color:var(--text-3);flex:none;font-variant-numeric:tabular-nums}
.conv .previa{font-size:12.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}
.conv .linha3{display:flex;gap:4px;align-items:center;margin-top:4px;flex-wrap:wrap}
.conv .nao-lidas{margin-left:auto;background:var(--accent);color:#fff;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:grid;place-items:center;font-variant-numeric:tabular-nums}
.atd .col-chat{display:flex;flex-direction:column;background:var(--bg)}
.chat-topo{padding:10px 16px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;gap:12px}
.chat-topo .nome{font-weight:600}
.chat-topo .tel{font-size:12.5px;color:var(--text-2);font-variant-numeric:tabular-nums}
.chat{flex:1 1 auto;overflow:auto;padding:16px 20px;display:flex;flex-direction:column;gap:6px}
.chat .mais{align-self:center;margin-bottom:8px}
.balao{max-width:min(72%,620px);padding:8px 12px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);font-size:13.5px;position:relative;word-wrap:break-word;white-space:pre-wrap}
.balao.in{align-self:flex-start;background:var(--surface);border-bottom-left-radius:4px}
.balao.out{align-self:flex-end;background:#e9e9ee;border-color:transparent;border-bottom-right-radius:4px}
.balao .meta{display:flex;gap:6px;align-items:center;justify-content:flex-end;margin-top:4px;font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.balao .etiqueta{font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);background:var(--bg);padding:0 5px;border-radius:4px;border:1px solid var(--line)}
.balao .etiqueta.ia{color:var(--text-2)}
.balao audio{width:260px;max-width:100%;display:block;margin:2px 0}
.balao img.midia{max-width:280px;border-radius:var(--r-xs);margin-bottom:4px;cursor:zoom-in}
.balao .legenda-midia{font-size:12.5px;color:var(--text-2);white-space:pre-wrap;margin-top:2px}
.balao .legenda-midia::before{content:"";display:block;height:1px;background:var(--line);margin:6px 0}
.chip-evento{align-self:center;background:var(--line);color:var(--text-2);border-radius:999px;padding:2px 10px;font-size:11.5px;margin:4px 0;max-width:80%;text-align:center}
.chat .data-sep{align-self:center;font-size:11px;color:var(--text-3);margin:8px 0 4px;font-weight:500}
.rascunho{background:var(--warn-soft);border:1px solid #ffd8a3;border-radius:var(--r-sm);padding:10px 12px;align-self:flex-end;max-width:min(72%,620px);font-size:13.5px}
.rascunho .cab{font-size:11.5px;color:#9a5b00;font-weight:600;letter-spacing:.03em;margin-bottom:4px}
.rascunho .texto{white-space:pre-wrap}
.rascunho textarea{margin-top:6px}
.rascunho .acoes{display:flex;gap:6px;margin-top:8px;justify-content:flex-end}
.rascunhos{padding:0 20px 8px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.composer{padding:10px 14px;background:var(--surface);border-top:1px solid var(--line);display:flex;gap:8px;align-items:flex-end}
.composer textarea{flex:1 1 auto;min-height:40px;max-height:160px;resize:none}
.composer .btn.icone{flex:none}
.atd .col-lead{border-left:1px solid var(--line);overflow:auto;background:var(--surface);padding:14px 16px;display:flex;flex-direction:column;gap:14px}
.col-lead h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:600}
.col-lead .campo .input{padding:5px 8px;font-size:13px}
.col-lead .lista-ev{display:flex;flex-direction:column;gap:6px;font-size:12.5px}
.col-lead .ev{border-left:2px solid var(--line);padding-left:8px}
.col-lead .ev .q{color:var(--text-3);font-size:11.5px;font-variant-numeric:tabular-nums}
.atd .vazio-chat{flex:1 1 auto;display:grid;place-items:center;color:var(--text-3)}
.assumida{background:var(--warn-soft);color:#9a5b00;padding:4px 16px;font-size:12.5px;border-bottom:1px solid #ffd8a3}

/* ---------- kanban ---------- */
.kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;align-items:flex-start;min-height:60vh}
.kanban .coluna{flex:0 0 250px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;max-height:calc(100vh - 170px)}
.kanban .coluna.sobre{border-color:var(--accent);background:var(--accent-soft)}
.kanban .col-cab{padding:10px 12px;display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;border-bottom:1px solid var(--line)}
.kanban .col-cab .pill{margin-left:auto}
.kanban .col-corpo{padding:8px;display:flex;flex-direction:column;gap:8px;overflow:auto;min-height:60px}
.kcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;cursor:grab;box-shadow:var(--shadow);font-size:13px}
.kcard:active{cursor:grabbing}
.kcard.arrastando{opacity:.5}
.kcard .nome{font-weight:600;display:flex;align-items:center;gap:6px}
.kcard .carro{color:var(--text-2);margin-top:2px;font-size:12.5px}
.kcard .pe{display:flex;gap:6px;align-items:center;margin-top:8px;font-size:11.5px;color:var(--text-3);flex-wrap:wrap}
.kcard .pe .tempo{font-variant-numeric:tabular-nums;margin-left:auto}
.kcard svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.5;fill:none}

/* ---------- estoque: painel lateral ---------- */
.lateral-fundo{position:fixed;inset:0;background:rgba(29,29,31,.25);z-index:800}
.lateral{position:fixed;top:0;right:0;bottom:0;width:min(520px,100%);background:var(--surface);box-shadow:-10px 0 40px rgba(0,0,0,.15);z-index:801;overflow:auto;padding:20px 22px;display:flex;flex-direction:column;gap:14px}
.galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.galeria img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-xs);background:var(--bg);cursor:pointer;border:2px solid transparent}
.galeria img.sel{border-color:var(--accent)}
.ficha{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:13px}
.ficha dt{color:var(--text-2)}.ficha dd{margin:0;font-variant-numeric:tabular-nums}

/* ---------- agenda ---------- */
.agenda-nav{display:flex;align-items:center;gap:8px}
.agenda-nav .dia{font-weight:600;min-width:200px;text-align:center}
.ag-item{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}
.ag-item:last-child{border-bottom:none}
.ag-item .hora{font-weight:600;font-size:16px;font-variant-numeric:tabular-nums}
.ag-item .sub{font-size:12.5px;color:var(--text-2)}

/* ---------- IA ---------- */
.prompt-wrap{position:relative}
.prompt-wrap .contador{position:absolute;right:10px;top:-22px;font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums}
.prompt-wrap .contador.warn{color:#9a5b00}
.lista-toggle{display:flex;flex-direction:column}
.lista-toggle .item{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.lista-toggle .item:last-child{border-bottom:none}
.lista-toggle .item .desc{font-size:12.5px;color:var(--text-2)}

/* ---------- QR / sessão ---------- */
.qr-box{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
.qr-box img{width:240px;height:240px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;padding:8px}
.qr-box .contador{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}
.sinais{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.sinais .sinal{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px}
.sinais .sinal .r{font-size:12px;color:var(--text-2)}
.sinais .sinal .v{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:2px}
.sinais .sinal .v small{font-size:12px;color:var(--text-2);font-weight:500}

/* ---------- horário (editor por dia) ---------- */
.horario-grid{display:grid;grid-template-columns:90px 1fr 1fr auto;gap:6px 10px;align-items:center;font-size:13px}
.horario-grid .dia{color:var(--text-2);font-weight:500}

/* ---------- chips de lista editável ---------- */
.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.chips .chip{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:2px 4px 2px 10px;font-size:12.5px;display:inline-flex;gap:4px;align-items:center}
.chips .chip button{border:none;background:none;color:var(--text-3);padding:0 4px;font-size:14px;line-height:1}
.chips .chip button:hover{color:var(--err)}
.chips input{border:none;background:transparent;min-width:120px;padding:3px 4px}
.chips input:focus{outline:none}

/* ---------- detalhes expansíveis ---------- */
details.bloco{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);margin-top:8px}
details.bloco summary{padding:8px 12px;cursor:pointer;font-weight:500;list-style:none;display:flex;align-items:center;gap:8px}
details.bloco summary::-webkit-details-marker{display:none}
details.bloco summary::before{content:"›";display:inline-block;transition:transform .12s;color:var(--text-3)}
details.bloco[open] summary::before{transform:rotate(90deg)}
details.bloco .conteudo{padding:0 12px 12px}
pre.json{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-xs);padding:8px 10px;max-height:260px;overflow:auto;white-space:pre-wrap;word-break:break-word;margin:0}

/* ---------- complementos usados pelas páginas (JS) ---------- */
.ico{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;flex:none}
.sidebar .status-ponte{text-decoration:none;border-radius:var(--r-sm)}
.sidebar .status-ponte:hover{background:rgba(0,0,0,.035);text-decoration:none;color:var(--text)}
.sidebar .usuario .btn{margin-left:auto}
body.sse-caido .sidebar .logo .sub::after{content:" · reconectando…";color:var(--warn)}
.marca-login{width:40px;height:40px;border-radius:var(--r-sm);background:var(--text);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;flex:none}
.login-card .aviso{font-size:12.5px}
.avatar-topo{width:36px;height:36px;border-radius:50%;background:var(--line);display:grid;place-items:center;font-weight:600;color:var(--text-2);flex:none;font-size:12.5px}
.btn-voltar{display:none}
.chat-topo .btn-grupo{flex:none}
.vazio-chat .ico{width:36px;height:36px;color:var(--text-3)}
.balao a{color:var(--accent)}
.balao.out .etiqueta{background:var(--surface)}
.composer textarea{overflow-y:auto}
.col-lead .galeria{grid-template-columns:repeat(3,1fr)}
.col-lead .campo .row .btn{flex:none}
.modal .form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.modal .galeria img{aspect-ratio:4/3}
.chips .chip.mono{font-family:var(--mono);font-size:12px}
.sinais .sinal .v.warn{color:#9a5b00}
.sinais .sinal .v.err{color:#b3261e}
.sinais .sinal .v small{display:block;margin-top:2px}
.lista-toggle .item .pill{flex:none}
.table .btn-grupo{justify-content:flex-end}
.table td .mini[aria-hidden]{border:1px dashed var(--line)}
.table.small th,.table.small td{padding:5px 8px;font-size:12px}
.card > .form + .ajuda{margin-top:8px}
.kanban .vazio.small{padding:14px 8px;font-size:12px}
.prompt-wrap{margin-top:24px}
.pill.contador{font-variant-numeric:tabular-nums}
.menu a.ativo svg{color:var(--text)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

/* ---------- mensagens: menu "⋯", editada/apagada, player de áudio, anexos, lightbox, modo edição ---------- */
.balao .balao-menu{
  position:absolute;top:3px;right:3px;width:22px;height:22px;padding:0;border-radius:6px;border:1px solid var(--line);
  background:var(--surface);color:var(--text-2);font-size:14px;line-height:1;display:grid;place-items:center;
  opacity:0;transition:opacity .12s;white-space:normal;
}
.balao:hover .balao-menu,.balao:focus-within .balao-menu,.balao .balao-menu:focus-visible{opacity:1}
.balao .balao-menu:hover{color:var(--text);border-color:var(--line-strong)}
@media (hover:none){.balao .balao-menu{opacity:.7}}
.menu-msg{
  position:absolute;top:28px;right:3px;z-index:20;min-width:190px;padding:4px;display:flex;flex-direction:column;gap:1px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:0 8px 30px rgba(0,0,0,.12);
  white-space:normal;text-align:left;
}
.menu-msg.acima{top:auto;bottom:28px}
.menu-msg button{display:flex;align-items:center;gap:8px;border:none;background:none;padding:7px 10px;border-radius:var(--r-xs);font-size:13px;color:var(--text);text-align:left;width:100%}
.menu-msg button:hover,.menu-msg button:focus-visible{background:var(--bg)}
.menu-msg button.perigo{color:var(--err)}
.menu-msg button .ico{width:15px;height:15px;color:var(--text-2)}
.menu-msg button.perigo .ico{color:inherit}
.balao .meta .editada,.balao .meta .pendente-rotulo{font-style:italic}
.balao.apagada{color:var(--text-3);background:var(--surface-2);border:1px dashed var(--line-strong)}
.balao.apagada .apagada-rotulo{font-style:italic}
.balao.apagada .texto-apagado{display:none;margin-top:6px;padding-top:6px;border-top:1px dashed var(--line);color:var(--text-2);font-size:12.5px}
.balao.apagada:hover .texto-apagado,.balao.apagada:focus-within .texto-apagado{display:block}
.balao.pendente{opacity:.6}
.balao.em-edicao{outline:2px solid var(--accent);outline-offset:1px}
.audio-player{display:flex;align-items:center;gap:8px;width:280px;max-width:100%;padding:2px 0;white-space:normal}
.audio-player audio{display:none}
.audio-player .ap-play{width:32px;height:32px;border-radius:50%;flex:none}
.audio-player .ap-barra{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}
.audio-player .ap-seek{width:100%;margin:0;height:18px;accent-color:var(--text-2);cursor:pointer}
.audio-player .ap-tempo{font-size:11px;color:var(--text-3)}
.audio-player .ap-vel{flex:none;min-width:36px;padding:2px 6px}
.audio-player.tocando .ap-play{background:var(--text);color:#fff;border-color:var(--text)}
.audio-player.erro .ap-seek{opacity:.4;pointer-events:none}
.balao .anexo{display:flex;align-items:center;gap:10px;white-space:normal;flex-wrap:wrap}
.balao .anexo .anexo-link{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:260px}
.balao .anexo .anexo-link .ico{flex:none}
.balao .anexo .anexo-baixar{display:inline-flex;align-items:center;gap:3px;color:var(--text-2)}
.balao .anexo .anexo-baixar .ico{width:13px;height:13px}
.lightbox{
  position:fixed;inset:0;z-index:950;background:rgba(10,10,12,.92);color:#fff;padding:16px;
  display:grid;grid-template-columns:56px 1fr 56px;grid-template-rows:1fr auto;align-items:center;justify-items:center;
}
.lightbox .lb-fechar{position:absolute;top:12px;right:12px;color:#fff}
.lightbox .lb-nav{color:#fff;width:44px;height:44px}
.lightbox .lb-nav:disabled{opacity:.25}
.lightbox .lb-fechar:hover,.lightbox .lb-nav:hover:not(:disabled){background:rgba(255,255,255,.12);color:#fff}
.lightbox .lb-figura{margin:0;grid-column:2;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:100%;max-height:calc(100vh - 110px)}
.lightbox .lb-figura img{max-width:100%;max-height:calc(100vh - 200px);object-fit:contain;border-radius:var(--r-xs);background:#000;cursor:default}
.lightbox .lb-legenda{font-size:13.5px;text-align:center;max-width:720px;color:rgba(255,255,255,.92);display:flex;flex-direction:column;gap:4px;white-space:pre-wrap}
.lightbox .lb-legenda .lb-visao{color:rgba(255,255,255,.72);font-size:12.5px}
.lightbox .lb-legenda .lb-sem{font-style:italic;color:rgba(255,255,255,.45)}
.lightbox .lb-legenda .lb-meta{color:rgba(255,255,255,.5);font-size:12px}
.lightbox .lb-rodape{grid-column:1 / -1;display:flex;align-items:center;gap:14px;padding-top:10px}
.lightbox .lb-rodape .btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff}
.lightbox .lb-rodape .btn:hover{background:rgba(255,255,255,.18);text-decoration:none}
.lightbox .lb-contador{color:rgba(255,255,255,.6);font-size:12.5px}
.composer{flex-wrap:wrap}
.composer .banner-edicao{
  flex:1 0 100%;display:flex;align-items:center;gap:8px;background:var(--accent-soft);color:var(--accent);
  border-radius:var(--r-xs);padding:5px 10px;font-size:12.5px;
}
.composer .banner-edicao .ico{width:14px;height:14px;flex:none}
.composer .banner-edicao kbd{font-family:var(--mono);font-size:11px;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:0 4px;color:var(--text-2)}
.composer .banner-edicao .btn{color:var(--accent)}
.composer.editando textarea{border-color:var(--accent)}

/* ---------- responsivo ---------- */
@media (max-width:1280px){
  .atd{grid-template-columns:280px 1fr 280px}
}
@media (max-width:900px){
  #app{grid-template-columns:1fr}
  .sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:700;transform:translateX(-100%);transition:transform .18s;box-shadow:0 0 40px rgba(0,0,0,.2);background:var(--surface)}
  body.menu-aberto .sidebar{transform:none}
  .btn-menu{display:inline-flex}
  main{padding:16px}
  .atd{grid-template-columns:1fr}
  .atd .col-lead{display:none}
  .atd.com-conversa .col-lista{display:none}
  .atd:not(.com-conversa) .col-chat{display:none}
  .btn-voltar{display:inline-flex}
  .pagina-cab{flex-wrap:wrap}
  main{padding:56px 16px 24px}
  main.cheio{padding:0}
  .grid-2,.grid-3{grid-template-columns:1fr}
}
.btn-menu{display:none;position:fixed;left:12px;top:12px;z-index:750}

/* fontes · site da loja */
.celula-vazia{background:var(--warn-soft)}
.texto-err{color:var(--err);font-weight:500;font-size:13px}
.card-site{margin-bottom:14px}
.card-site .site-estado{margin-top:6px}
.mb{margin-bottom:14px}

/* arquivos */
#arquivos-zona.ativa{border-color:var(--accent);background:var(--accent-soft)}

/* ---------- criador de campanhas Meta ---------- */
.meta-pagina .meta-abas{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:24px}
.meta-pagina .meta-abas a{padding:10px 16px;color:var(--text-2);border-bottom:2px solid transparent;font-weight:500}
.meta-pagina .meta-abas a[aria-current="page"]{border-color:var(--text);color:var(--text)}
.meta-pagina .an-pagina{max-width:1260px}
.meta-pagina .an-contexto{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm)}
.meta-pagina .an-contexto>div{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}
.meta-pagina .an-lista{border-top:1px solid var(--line)}
.meta-pagina .an-linha{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.meta-pagina .an-linha h3{overflow-wrap:anywhere;margin-bottom:5px}
.meta-pagina .an-vazio{padding:36px 20px;text-align:center;border:1px dashed var(--line-strong);border-radius:var(--r-sm)}
.meta-pagina .an-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);gap:20px;align-items:start}
.meta-pagina .an-editor-layout>*,.meta-pagina .an-detalhe>*{min-width:0}
.meta-pagina .an-carros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.meta-pagina .an-carro{display:flex;flex-direction:column;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);text-align:left;overflow:hidden;min-width:0}
.meta-pagina .an-carro>img,.meta-pagina .an-sem-foto{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--surface-2)}
.meta-pagina .an-sem-foto{display:grid;place-items:center;color:var(--text-2)}
.meta-pagina .an-carro>span:last-child{padding:12px;display:flex;flex-direction:column;gap:5px;overflow-wrap:anywhere}
.meta-pagina .an-carro.selecionado{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.meta-pagina .an-carro:disabled{opacity:.6;cursor:not-allowed}
.meta-pagina .an-galeria{border:0;padding:0;margin:24px 0 0}
.meta-pagina .an-galeria legend{font-weight:600;margin-bottom:8px}
.meta-pagina .an-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:12px}
.meta-pagina .an-foto{position:relative;border:1px solid var(--line);border-radius:var(--r-xs);padding:4px;cursor:pointer;overflow:hidden}
.meta-pagina .an-foto.selecionada{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.meta-pagina .an-foto input{position:absolute;top:10px;left:10px;accent-color:var(--accent);width:18px;height:18px}
.meta-pagina .an-foto img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:5px}
.meta-pagina .an-foto>span{display:block;padding:7px 4px;font-size:12px}
.meta-pagina .an-previa{position:sticky;top:0}
.meta-pagina .an-previa-cab{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.meta-pagina .an-avatar{width:36px;height:36px;display:grid;place-items:center;background:var(--text);color:white;border-radius:50%;flex:none}
.meta-pagina .an-texto{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
.meta-pagina .an-previa-imagem{aspect-ratio:1;object-fit:contain;width:100%;margin-top:16px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-xs)}
.meta-pagina .an-previa-rodape{display:flex;flex-direction:column;gap:12px;margin-top:12px;overflow-wrap:anywhere}
.meta-pagina .an-cta{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-xs);padding:10px;text-align:center;font-weight:500}
.meta-pagina .an-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.meta-pagina .an-cidades{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto}
.meta-pagina .an-cidades .btn{width:100%;text-align:left;justify-content:flex-start}
.meta-pagina .an-resumo{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1fr);gap:12px;margin:0}
.meta-pagina .an-resumo dt{color:var(--text-2)}
.meta-pagina .an-resumo dd{margin:0;overflow-wrap:anywhere;font-weight:500}
.meta-pagina .an-pendencias{list-style:disc;padding-left:20px;margin:12px 0;color:var(--text-2)}
.meta-pagina .an-pendencias li+li{margin-top:6px}
.meta-pagina .an-detalhe{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1fr);gap:24px}
.meta-pagina .an-detalhe-foto{max-height:330px;object-fit:contain;width:100%;background:var(--surface-2);border-radius:var(--r-sm)}
.meta-pagina .an-etapas li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.meta-pagina .an-metricas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.meta-pagina .an-metricas>div{display:flex;flex-direction:column;gap:8px;padding:18px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm)}
.meta-pagina .an-metricas strong{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.meta-pagina .an-metricas strong.an-sem-dado{font-size:14px}
.meta-pagina #an-form-metricas{align-items:end;gap:12px}
.meta-pagina #an-form-metricas .campo{max-width:220px}
@media(max-width:1050px){.meta-pagina .an-carros{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-pagina .an-editor-layout{grid-template-columns:minmax(0,1fr)}.meta-pagina .an-previa{position:static;max-width:500px}.meta-pagina .an-contexto{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.meta-pagina .an-carros,.meta-pagina .an-campos,.meta-pagina .an-detalhe{grid-template-columns:minmax(0,1fr)}.meta-pagina .an-linha{align-items:flex-start;flex-wrap:wrap}.meta-pagina .an-linha .grow{flex-basis:100%}.meta-pagina .an-metricas{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-pagina .an-resumo{grid-template-columns:minmax(85px,.6fr) minmax(0,1fr)}.meta-pagina .an-previa{max-width:none}.meta-pagina .meta-abas a{padding:12px}.meta-pagina #an-form-metricas .campo{max-width:none;flex:1 1 130px}}

}

/* camilo */
/* Camilo · sistema visual de produção. Os módulos existentes preservam seus contratos. */
:scope{--bg:#f0f4fb;--surface:#fff;--surface-2:#f6f8fc;--line:#e2e8f2;--line-strong:#cbd6e6;--text:#172b49;--text-2:#61748f;--text-3:#78869b;--accent:#2563eb;--accent-hover:#194fc9;--accent-soft:#eaf0ff;--ok:#249b70;--ok-soft:#e6f6ef;--warn:#c58920;--warn-soft:#fff5df;--err:#d34b48;--err-soft:#fff0ed;--r:22px;--r-sm:13px;--r-xs:9px;--shadow:0 10px 30px #233c6010,0 1px 2px #1e3a5510;--sidebar:252px;--font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif}
body{background:radial-gradient(ellipse at 70% 0%,#dee8ff80,transparent 58%),radial-gradient(ellipse at 98% 80%,#e7dffc70,transparent 45%),var(--bg);color:var(--text);font-size:14px;height:100dvh}
#app{grid-template-columns:var(--sidebar) minmax(0,1fr);grid-template-rows:68px minmax(0,1fr);height:100dvh}
.ico{width:20px;height:20px;flex:none;vertical-align:middle}
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
a.btn:hover{text-decoration:none}
h1{font-size:32px;letter-spacing:-1.25px;line-height:1.16;font-weight:700}h2{font-size:21px;letter-spacing:-.5px}h3{font-size:16px}
.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.6px;line-height:1.5;color:#6f83a3;margin-bottom:10px}
.pagina-cab{margin-bottom:26px;gap:20px}.pagina-cab .sub{font-size:14px;line-height:1.6;margin-top:10px;max-width:790px}
main{grid-column:2;grid-row:2;height:100%;padding:30px 36px 44px;scrollbar-width:thin;scrollbar-color:#cbd5e4 transparent;scroll-behavior:smooth}
main:focus{outline:none}main.cheio{padding:18px 22px 22px;overflow:hidden}
.sidebar{grid-column:1;grid-row:1/3;background:#f9fbffb8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid #fff;height:100dvh;padding:19px 14px 14px;gap:5px;box-shadow:3px 0 22px #46618c04}
.sidebar .logo{padding:0 20px 10px;min-height:62px;justify-content:flex-start}.sidebar .logo img{width:176px;height:auto;max-height:62px;object-fit:contain}.sidebar .logo:hover{text-decoration:none}
.loja-contexto{display:flex;align-items:center;gap:10px;padding:13px 10px;margin:3px 4px 14px;border:1px solid #fff;border-radius:15px;background:#ffffffa1;box-shadow:0 3px 12px #23457305}
.loja-contexto>div{min-width:0;flex:1}.loja-contexto strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loja-contexto .sub{display:block;font-size:10px;color:var(--text-2);margin-top:3px}.loja-avatar{display:grid;place-items:center;width:30px;height:32px;background:#e9effb;color:#4e6b9d;border-radius:9px}
.menu{gap:3px;overflow-y:auto;scrollbar-width:thin;min-height:0;padding:0 2px 8px}.menu a{padding:11px 12px;color:#5b6d88;font-size:12.5px;border-radius:11px;min-height:41px}.menu a svg{width:19px;height:19px}.menu a:hover{background:#e8effa;color:#24466f}.menu a.ativo{background:linear-gradient(120deg,#2f6cf0,#215ada);color:#fff;border-color:#2964df;box-shadow:0 6px 16px #2563eb24}.menu a.ativo .pill.contador{background:#ffffff22;border-color:#ffffff30;color:#fff}.menu .separador{font-size:9px;letter-spacing:1.6px;padding:15px 12px 6px;color:#8794a9}.pill.contador{font-size:10px;min-width:22px;border:0;background:#e8edf6;color:#6c7f9b}
.sidebar .rodape{padding-top:10px;gap:7px;flex:none;margin-top:auto}.sidebar .status-ponte{font-size:11px;padding:8px 8px}.sidebar .usuario{font-size:12px;padding:5px 8px}.sidebar .usuario .avatar,.avatar.topbar-avatar{width:33px;height:33px;font-size:12px;background:#e2eafa;color:#4b6796;border:1px solid #fff;display:grid;place-items:center;border-radius:50%;flex:none}.sidebar .usuario .small{display:block;font-size:10px}.sidebar .usuario .btn{width:28px;height:28px;min-height:28px}
.topbar{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid #ffffffd9;background:#fafcff55;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);gap:14px;min-width:0}.topbar>.row{gap:15px;min-width:0}.topbar-loja,.topbar-divisor{color:#8290a8;font-size:12px}.topbar strong{font-size:12px;font-weight:600}.topbar .btn{min-height:34px;padding:8px 12px;font-size:11px;background:#ffffff80}.topbar-avatar{margin-left:4px}
.btn{min-height:39px;padding:10px 15px;border:1px solid #dce4ef;box-shadow:0 1px 2px #12345804;font-size:12px;border-radius:11px;transition:background .18s,box-shadow .18s,transform .18s;color:#435d80;font-weight:600}.btn:hover{border-color:#bccce3;background:#f1f5fc;box-shadow:0 3px 9px #163e5e08}.btn.primario{background:linear-gradient(120deg,#3374f5,#215ad9);border-color:#2861df;color:white;box-shadow:0 5px 14px #2c64d524}.btn.primario:hover{background:#2058cf;box-shadow:0 6px 18px #2c64d52f}.btn.perigo{color:#c13c3c}.btn.ativo{background:#e8efff;color:#255bba;border-color:#bfd0f1}.btn.pequeno{min-height:31px;font-size:11px;padding:7px 10px}.btn.icone{width:36px;height:36px;min-height:36px;padding:8px}.btn:disabled{box-shadow:none}.btn:focus-visible{outline-offset:3px}
.card{border:1px solid #ffffff;background:linear-gradient(145deg,#ffffffed,#ffffffb9);box-shadow:var(--shadow);padding:23px;border-radius:var(--r)}.card.plana{border-color:var(--line)}.card h2,.card h3{margin-bottom:12px}.card .rotulo{font-size:12px}.card .valor{font-size:32px;font-weight:700;letter-spacing:-1px;margin-top:12px}.cards{gap:17px}.secao{margin-top:30px}.secao-cab{margin-bottom:16px}.secao-cab>div>p{margin-top:5px}
.pill{padding:3px 9px;font-size:10px;line-height:17px;border:0;background:#ebeff6;font-weight:600}.pill.ok{color:#237a59}.pill.warn{color:#98660d}.pill.err{color:#b33d3b}.pill.info{color:#3b6aab}.aviso{line-height:1.6;border-radius:13px;padding:14px 16px;font-size:13px}.ajuda{font-size:12px;color:#73829a;line-height:1.6}
.input,select.input,textarea.input{padding:11px 13px;border:1px solid #d9e2ee;border-radius:11px;font-size:13px;background:#ffffffd9;min-height:42px}.input.pequeno{min-height:36px;padding:7px 10px;font-size:12px}.campo{gap:7px!important}.campo>span:first-child{font-size:12px;font-weight:600;color:#516883}.form{gap:18px}.lista-toggle .item{padding:13px 0}.abas{border:0;background:#e6edf780;padding:5px;gap:5px;border-radius:13px;width:fit-content;max-width:100%;min-height:43px}.abas button{border:0;margin:0;border-radius:9px;font-size:12px;padding:9px 15px}.abas button.ativa{background:white;color:#2553a1;box-shadow:0 2px 7px #243e6620}
.tabela-wrap{border:1px solid #fff;box-shadow:0 4px 20px #2b487908;border-radius:18px}.table{font-size:12px}.table th{background:#f7f9fd;color:#8592a7;font-size:10px;font-weight:600;padding:14px 16px}.table td{padding:16px;border-color:#edf1f7}.table tbody tr:hover{background:#f5f8ff}.table strong{font-weight:600}.table .small{font-size:11px}.table .mini{width:62px;height:46px;border-radius:9px}.table tr.clicavel:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.modal-fundo{background:#172c4e60;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.modal{border:1px solid white;border-radius:23px;box-shadow:0 30px 90px #14264940}.modal .modal-cab{padding:23px 25px 0}.modal .modal-corpo{padding:23px 25px}.modal .modal-pe{padding:17px 25px}.modal h2{font-size:22px}.lateral{background:#fafdff;box-shadow:-20px 0 60px #162d552a;padding:25px;gap:20px}.lateral-fundo{background:#1b315d40;backdrop-filter:blur(4px)}
.home-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:24px;align-items:start}.home-heading{margin-bottom:30px}.home-heading .btn{min-height:43px}.home-heading h1{font-size:34px}.home-aside{display:flex;flex-direction:column;gap:20px}.setup-card{border:1px solid #fff;border-radius:24px;background:#ffffffcf;box-shadow:var(--shadow);overflow:hidden;padding:27px 28px 10px}.setup-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:21px}.setup-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.setup-heading h2{font-size:24px;margin-bottom:8px}.setup-heading p{font-size:12px;color:#73829a;line-height:1.6;max-width:340px}.setup-progress{width:61px;height:61px;flex:none;border-radius:50%;padding:5px;background:conic-gradient(#3977ee var(--progresso),#e8effb 0)}.setup-progress strong{display:flex;align-items:baseline;justify-content:center;padding-top:13px;background:#f8faff;border-radius:50%;width:100%;height:100%;font-size:20px}.setup-progress small{font-size:11px;color:#96a3b8;margin-left:1px}.setup-list{padding:0;margin:0;list-style:none}.setup-list li{display:flex;gap:14px;align-items:center;border-top:1px solid #e9eef6;padding:17px 0;min-height:81px}.step-number{width:30px;height:30px;border-radius:50%;background:#edf2fa;display:grid;place-items:center;color:#8091ae;font-size:11px;font-weight:600;flex:none}.setup-list li>div{flex:1;min-width:0}.setup-list strong{font-size:12px;font-weight:650}.setup-list p{font-size:11px;color:#7c8ca3;line-height:1.55;margin-top:5px}.setup-list .done .step-number{color:#3b9c79;background:#e7f6ef}.setup-list .step-number .ico{width:16px;height:16px}.setup-list .current .step-number{background:#e8efff;color:#386dde;border:1px solid #bccff8}.setup-list .current strong{color:#2459b5}.step-link{display:flex;align-items:center;font-size:10px;color:#7488a7;gap:4px;white-space:nowrap}.step-link svg{width:13px;height:13px}.setup-list .btn{font-size:10px;padding:10px;min-height:35px;max-width:142px;white-space:normal;line-height:1.4;text-align:center}.setup-list .btn svg{width:12px;height:12px}
.ayla-feature{padding:28px;border-radius:24px;color:#fff;background:radial-gradient(ellipse at 88% 8%,#667bef5e,transparent 55%),linear-gradient(135deg,#162b4e,#1c3156 70%,#344564);box-shadow:0 12px 32px #22375822;border:1px solid #5f749550}.ayla-feature .eyebrow{color:#98b2dc;font-size:8px;letter-spacing:1.7px;margin:0}.ayla-feature h2{font-size:27px;color:#f4f7ff;margin:21px 0 11px;letter-spacing:-.8px}.ayla-feature>p{color:#afbfda;font-size:13px;line-height:1.9}.ayla-orb{display:grid;place-items:center;width:42px;height:42px;border:1px solid #97adff35;border-radius:15px;background:linear-gradient(145deg,#c0cbff40,#607ef625);box-shadow:0 0 30px #728cf140;flex:none;color:#dce5ff}.ayla-orb svg{width:26px;height:26px}.ayla-state{display:flex;align-items:center;gap:8px;color:#bfd0ef;background:#ffffff08;border:1px solid #849ec530;font-size:10px;line-height:1.5;margin:22px 0;padding:12px 10px;border-radius:11px}.ayla-state svg{width:17px;height:17px}.ayla-feature .btn{width:100%;background:#ffffff10;color:#e5edff;border-color:#829bc044;box-shadow:none;font-size:12px}.ayla-feature .btn:hover{background:#ffffff20}.home-shortcut{display:flex;align-items:center;gap:12px;background:#ffffff80;border:1px solid white;border-radius:20px;padding:21px;color:var(--text);box-shadow:var(--shadow)}.home-shortcut:hover{background:white;text-decoration:none}.home-shortcut strong{font-size:12px;line-height:1.5;display:block}.home-shortcut p{font-size:11px;color:#7586a1;line-height:1.7;margin-top:5px}.home-shortcut>svg{width:16px;color:#8aa0c0}.home-shortcut .connection-icon{width:39px;height:39px;border-radius:12px}.home-section{margin-top:32px}.home-section .eyebrow{font-size:8px;margin-bottom:7px}.home-section h2{font-size:21px}.home-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{position:relative;min-height:142px;padding:22px}.metric-card .rotulo{max-width:80%;font-size:11px}.metric-icon{position:absolute;right:18px;top:18px;color:#82a1d0;background:#eff4fc;width:29px;height:29px;border-radius:9px;display:grid;place-items:center}.metric-icon .ico{width:16px;height:16px}.metric-card>p{font-size:10px;color:#8b99ae;line-height:1.5;margin-top:6px}.metric-card .valor{font-size:31px;color:#20375b;margin-top:11px}
.attention-section{background:#ffffff70;border:1px solid #fff;border-radius:20px;padding:20px}.attention-section h2{font-size:16px}.attention-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.attention-item{display:flex;align-items:center;gap:10px;padding:14px;background:#fcfdffb5;border:1px solid #edf1f7;border-radius:13px;color:#687b97;font-size:11px;line-height:1.7}.attention-item:hover{text-decoration:none;background:#fff}.attention-item>span:nth-child(2){flex:1}.attention-icon{color:#bb8b45;background:#fff5e5;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;flex:none}.attention-icon svg{width:16px;height:16px}.attention-item>svg{width:13px;height:13px;color:#8da0bb}.home-footnote{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px;color:#94a2b7;margin-top:24px}.recent-section h2{font-size:20px}
.connections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1180px}.connection-card{padding:30px}.connection-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;flex:none}.connection-icon svg{width:25px;height:25px}.connection-icon.blue{background:#e8f0ff;color:#3768c6}.connection-icon.green{background:#e1f4e8;color:#248762}.connection-icon.violet{background:#eee9fa;color:#8971b6}.connection-icon.orange{background:#fff0df;color:#ba8245}.connection-card h2{font-size:23px;margin:23px 0 12px}.connection-card>p{font-size:14px;color:#73839b;line-height:1.8;max-width:390px}.connection-card ol{list-style:none;padding:0;margin:25px 0}.connection-card li{display:flex;align-items:center;gap:12px;margin:14px 0;color:#657a99;font-size:12px;line-height:1.6}.connection-card li>span{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;color:#7288aa;background:#eff3fa;flex:none;font-size:10px}.connection-card .btn{width:100%;min-height:44px}.connection-note{display:flex;gap:11px;color:#7d8da5;font-size:12px;line-height:1.7;margin:28px 0;max-width:840px}.connection-note svg{width:18px;height:18px;margin-top:2px}
/* WhatsApp: mesma operação, leitura mais confortável. */
.atd{height:100%;border:1px solid #dce6e3;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #18453509;grid-template-columns:285px minmax(260px,1fr) 290px;background:#fff}.atd .col-lista{border-color:#e4ece9}.atd .col-lista .topo{padding:20px 17px 13px;gap:13px}.atd .col-lista h2{font-size:22px;color:#264a3c}.atd .filtros{gap:5px}.atd .filtros button{padding:6px 10px;font-size:10px;background:#f5f8f6;border:0;min-height:28px;color:#7a8c83}.atd .filtros button.ativo{background:#dff2e7;color:#2c8060}.atd .busca .input{background:#f2f6f4;border-color:#edf2ef;border-radius:10px;color:#557164;font-size:12px}.conv{padding:17px 16px;gap:11px;border-color:#edf2ef}.conv.ativa{background:#eaf5ef}.conv:hover{background:#f1f7f3}.conv .avatar{width:39px;height:39px;background:#e4efe8;color:#6e8a7b;font-size:12px}.conv .nome{font-size:12px;color:#3d554a}.conv .previa{font-size:11px;color:#7e9186;line-height:1.5;margin-top:5px}.conv .hora{font-size:9px;color:#8c9c94}.conv .linha3 .pill{font-size:9px;padding:1px 6px}.conv .nao-lidas{background:#49a779;font-size:9px}.atd .col-chat{background:#eef4ee}.chat-topo{background:#f9fcfa;padding:13px 18px;min-height:71px;border-color:#e2ece7;color:#315644;flex-wrap:wrap}.chat-topo .nome{font-size:13px}.chat-topo .tel{font-size:10px;color:#7b9185}.chat-topo .btn{font-size:10px;min-height:32px;padding:8px;color:#4c7864}.chat{padding:22px;gap:9px;background-color:#edf3ed;background-image:radial-gradient(#7caa8e13 .8px,transparent .8px);background-size:13px 13px}.balao{font-size:14px;line-height:1.6;padding:10px 14px;border:0;border-radius:12px;box-shadow:0 1px 2px #1e594513;max-width:85%}.balao.in{background:white;border-top-left-radius:3px}.balao.out{background:#d9f2dd;border-top-right-radius:3px}.balao .meta{font-size:9px;color:#859b8c;margin-top:5px}.balao .etiqueta.ia{background:#ddede0;color:#5c8668}.chat .data-sep{background:#fff8;color:#899b90;padding:4px 12px;border-radius:7px;font-size:10px}.chip-evento{background:#e3eae3;color:#8a998c;font-size:10px;padding:5px 10px;line-height:1.6}.composer{background:#f9fcfa;border-color:#dfe9e4;padding:13px;gap:9px}.composer textarea{background:white;border:1px solid #e1ebe5;font-size:14px;padding:12px;min-height:44px;border-radius:14px}.composer .btn.primario{background:#39a270;border-color:#39a270;box-shadow:none}.rascunhos{max-height:36%;overflow:auto;padding:10px 20px}.rascunho{max-width:95%;font-size:13px;border-radius:14px;background:#fffaf0;border-color:#eddba4;padding:14px}.rascunho .cab{font-size:10px}.rascunho .acoes{flex-wrap:wrap}.atd .col-lead{background:#fbfdfc;border-color:#e2ece6;padding:20px 18px}.atd .col-lead .input{border-color:#e0e9e4;min-height:36px}.atd .col-lead h3{color:#8b9b91;font-size:10px;margin-bottom:3px}.atd .vazio-chat{color:#718b7d}.assumida{font-size:11px;padding:8px 16px}.menu-msg{border-radius:12px}
/* Negociações e agenda preservam as ações de gestão. */
.kanban{gap:17px;scroll-snap-type:x proximity;min-height:0}.kanban .coluna{flex-basis:274px;border:1px solid #fff;background:#eaf0f980;max-height:calc(100dvh - 230px);scroll-snap-align:start;border-radius:18px}.kanban .col-cab{border-bottom:0;padding:18px;font-size:12px;position:relative}.kanban .col-cab:before{content:'';width:7px;height:7px;border-radius:50%;background:#73a0e4}.kanban .coluna:nth-child(2n) .col-cab:before{background:#a293cd}.kanban .coluna:nth-child(3n) .col-cab:before{background:#d6b25c}.kanban .coluna:nth-child(4n) .col-cab:before{background:#68ac94}.kanban .col-corpo{padding:0 10px 12px;gap:12px}.kcard{padding:17px 14px;border:1px solid #fff;border-radius:14px;box-shadow:0 4px 14px #23456809}.kcard .nome{font-size:13px;overflow-wrap:anywhere}.kcard .carro{font-size:11px;line-height:1.6;margin-top:9px}.kcard .pe{margin-top:16px;font-size:10px}.ag-item{background:#ffffffc9;border-radius:15px;margin-bottom:10px;border:1px solid #fff;padding:20px;box-shadow:0 4px 12px #253e6207;gap:18px}.ag-item .hora{font-size:23px;color:#3c5f95;letter-spacing:-.6px}.ag-item .sub{font-size:12px;line-height:1.6;margin-top:4px}.agenda-nav{flex-wrap:wrap;row-gap:10px}.agenda-nav .dia{min-width:180px;font-size:13px}
/* Estoque em catálogo, com lista operacional alternativa. */
.stock-toolbar{justify-content:space-between}.stock-view-switch{display:flex;background:#e5edf7;padding:4px;border-radius:11px;gap:3px}.stock-view-switch .btn{background:transparent;border:0;box-shadow:none;min-height:32px}.stock-view-switch .ativo{background:white;color:#3560a6;box-shadow:0 2px 6px #263f5a15}.stock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.stock-card{overflow:hidden;background:#fff;border:1px solid #fff;border-radius:21px;box-shadow:var(--shadow);min-width:0;transition:transform .18s,box-shadow .18s}.stock-card:hover{box-shadow:0 12px 25px #25466d18;transform:translateY(-2px)}.stock-picture{display:block;width:100%;position:relative;border:0;padding:0;background:#e6ebf3;overflow:hidden}.stock-picture img{aspect-ratio:4/3;width:100%;object-fit:cover}.stock-picture .no-photo{aspect-ratio:4/3;display:grid;place-items:center;color:#8598b7}.stock-picture .no-photo svg{width:60px;height:60px}.stock-picture .pill{position:absolute;top:13px;left:13px;box-shadow:0 2px 8px #0001}.stock-photo-count{position:absolute;right:12px;bottom:12px;background:#162944b0;backdrop-filter:blur(10px);color:#fff;border-radius:7px;padding:5px 8px;font-size:10px;display:flex;align-items:center;gap:5px}.stock-photo-count svg{width:13px;height:13px}.stock-card-body{padding:21px}.stock-make{font-size:9px;letter-spacing:1.2px;color:#899bb4;text-transform:uppercase}.stock-title{display:block;font-size:20px;line-height:1.3;letter-spacing:-.4px;margin:5px 0 5px;border:0;background:none;padding:0;text-align:left;color:#29476c;font-weight:650}.stock-version{font-size:11px;color:#7f91ab;min-height:32px;line-height:1.5}.stock-specs{display:flex;gap:13px;border-bottom:1px solid #edf1f7;padding:13px 0;margin-bottom:16px;color:#7e91aa;font-size:11px}.stock-price{font-size:25px;font-weight:700;letter-spacing:-.7px;color:#284e8a}.stock-card-foot{display:flex;gap:8px;align-items:center;justify-content:space-between;padding-top:18px}.stock-card-foot .btn{font-size:11px;min-height:35px;padding:9px 12px}.stock-card-foot select{width:auto;max-width:118px;min-height:33px;font-size:10px}.stock-source{color:#98a5b7;font-size:9px;margin-top:15px;display:flex;justify-content:space-between;gap:5px}.stock-source>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/* Login da loja. */
body.login{background:var(--bg)}body.login #app{display:block;height:auto}.login-wrap{display:grid;grid-template-columns:minmax(300px,580px) minmax(320px,410px);justify-content:center;gap:clamp(50px,8vw,150px);padding:60px 50px;background:radial-gradient(ellipse at 18% 30%,#d9e8ff90,transparent 60%),radial-gradient(ellipse at 90% 80%,#e6ddff77,transparent 60%),#f3f6fc;min-height:100dvh}.login-intro>img{width:220px;height:auto;margin:0 0 55px}.login-intro .eyebrow{font-size:9px;letter-spacing:1.7px}.login-intro h1{font-size:clamp(40px,4.5vw,66px);letter-spacing:-2.5px;line-height:1.12}.login-intro h1>span{color:#3268cf}.login-intro>p{max-width:375px;font-size:15px;line-height:1.9;color:#7e91ad;margin-top:24px}.login-etapas{display:flex;gap:24px;margin-top:35px;font-size:10px;color:#6e85a8}.login-etapas>span{display:flex;align-items:center;gap:7px}.login-etapas svg{width:16px;height:16px}.login-card{width:100%;padding:39px;border-radius:27px;border:1px solid #fff;background:#ffffffa6;backdrop-filter:blur(20px);box-shadow:0 20px 60px #34598f14}.login-mark{margin-bottom:23px}.login-card .eyebrow{font-size:8px;color:#91a0b5;margin-bottom:9px}.login-card h2{font-size:26px;letter-spacing:-.8px;margin-bottom:10px}.login-card>p{font-size:13px}.login-card .stack{gap:21px;margin-top:29px}.login-card .input{min-height:46px;background:#fff9}.login-card .btn{min-height:47px;margin-top:3px;justify-content:space-between}.login-card .campo span{font-size:11px}
.bottom-nav,.menu-fundo,.btn-menu{display:none}.pular-conteudo{position:fixed;left:50%;top:-100px;padding:10px 16px;background:#fff;border-radius:10px;z-index:1100}.pular-conteudo:focus{top:12px}
@media(min-width:1800px){main{padding-right:max(40px,calc((100vw - 1690px)/2));padding-left:max(40px,calc((100vw - 1690px)/2))}}
@media(max-width:1250px){:scope{--sidebar:225px}.sidebar{padding-inline:10px}.sidebar .logo{padding-left:16px}.sidebar .logo img{width:161px}.loja-contexto{margin-inline:2px}.menu a{padding:10px;font-size:11.5px}.menu a svg{width:17px;height:17px}.topbar{padding-inline:26px}main{padding:26px}.home-grid{gap:18px;grid-template-columns:minmax(0,1.55fr) minmax(250px,1fr)}.setup-card{padding:23px 21px 8px}.setup-list li{gap:10px}.setup-list .btn{max-width:115px;font-size:9px}.setup-heading h2{font-size:22px}.setup-heading .eyebrow{font-size:7px}.setup-heading p{font-size:11px}.ayla-feature{padding:24px}.ayla-feature h2{font-size:25px}.metric-card{padding:19px 16px}.metric-card .rotulo{max-width:75%;font-size:10px;min-height:28px}.metric-icon{right:12px;top:16px}.home-metrics{gap:12px}.stock-grid{gap:17px}.stock-card-body{padding:17px}.stock-title{font-size:18px}.stock-price{font-size:23px}.connections-grid{gap:18px}.connection-card{padding:24px}}
@media(max-width:1050px){.home-grid{grid-template-columns:minmax(0,1fr)}.home-aside{display:grid;grid-template-columns:1.3fr 1fr;align-items:stretch}.home-shortcut{align-items:flex-start;flex-wrap:wrap;align-content:center}.home-shortcut>div{width:100%}.ayla-feature>p{font-size:12px}.ayla-feature .ayla-state{margin:16px 0}.stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atd{grid-template-columns:260px minmax(0,1fr)}.setup-heading .eyebrow{font-size:9px}.setup-heading p{font-size:13px}.setup-list strong{font-size:13px}.setup-list p{font-size:12px}.setup-list .btn{max-width:none;font-size:11px}.setup-card{padding:27px 25px 10px}.connections-grid{grid-template-columns:minmax(0,1fr)}.connection-card{padding:27px}}
@media(max-width:900px){#app{grid-template-columns:minmax(0,1fr);grid-template-rows:60px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:264px;z-index:720;transform:translateX(-104%);transition:transform .2s;visibility:hidden;background:#f3f7ffff;padding:18px 15px}.sidebar .logo img{width:176px}.menu a{font-size:13px;padding:12px}.menu a svg{width:19px;height:19px}.loja-contexto{margin-bottom:12px}.sidebar .rodape{margin-top:8px}.menu{flex:1}.topbar{grid-column:1;grid-row:1;padding:0 21px}.topbar .btn-menu{display:inline-flex;position:static;z-index:auto;background:#fff8;min-height:34px;width:34px}.topbar>.row{gap:10px}.topbar-loja,.topbar-divisor{display:none}.topbar strong{font-size:12px}main{grid-column:1;grid-row:2;padding:25px 24px 106px}main.cheio{padding:14px 15px 91px}body.menu-aberto .sidebar{visibility:visible;transform:translateX(0)}body.menu-aberto .menu-fundo{display:block;position:fixed;inset:0;border:0;background:#19325650;backdrop-filter:blur(5px);z-index:710}.bottom-nav{display:flex;justify-content:space-around;gap:3px;position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:20px;right:20px;max-width:560px;margin-inline:auto;padding:10px 8px 9px;border:1px solid #fff;border-radius:22px;background:#fcfdffe8;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 10px 40px #24395a2b;z-index:600}.bottom-nav>a,.bottom-nav>button{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;flex:1;min-width:0;min-height:40px;border:0;background:none;border-radius:12px;color:#8092ad;font-size:9px;font-weight:500;padding:3px}.bottom-nav svg{width:20px;height:20px}.bottom-nav .ativo{color:#2864d8;background:#edf3ff}.bottom-nav a:hover{text-decoration:none}.grid-2,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.atd{grid-template-columns:260px minmax(0,1fr)}.atd.com-conversa .col-lista{display:flex}.atd:not(.com-conversa) .col-chat{display:flex}.btn-voltar{display:none}.toasts{bottom:95px;right:18px;left:18px;margin-left:auto}.login-wrap{gap:45px;padding:35px}.login-intro h1{font-size:42px}.login-intro>img{width:180px;margin-bottom:45px}.login-card{padding:29px}.login-etapas{flex-wrap:wrap;gap:17px}.kanban .coluna{max-height:calc(100dvh - 285px)}.paginacao{flex-wrap:wrap}}
@media(max-width:620px){h1{font-size:29px;letter-spacing:-1px}h2{font-size:20px}.topbar{padding:0 18px}.topbar-agenda{display:none!important}.topbar-avatar{width:29px!important;height:29px!important;font-size:10px!important}main{padding:23px 18px 108px}.pagina-cab{gap:16px;align-items:flex-start;margin-bottom:23px}.pagina-cab .sub{font-size:13px;line-height:1.7;margin-top:9px}.pagina-cab>.row{flex-wrap:wrap}.home-heading{display:block}.home-heading h1{font-size:29px}.home-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.home-heading>.btn{margin-top:19px;font-size:12px;min-height:42px;padding-inline:17px}.home-grid{gap:19px}.setup-card{padding:24px 18px 6px;border-radius:21px}.setup-heading{align-items:flex-start;gap:12px;padding-bottom:22px}.setup-heading .eyebrow{font-size:7px;letter-spacing:1px;max-width:165px;line-height:1.7;margin-bottom:8px}.setup-heading h2{font-size:23px;letter-spacing:-.7px}.setup-heading p{font-size:12px;max-width:225px}.setup-progress{width:51px;height:51px;padding:4px;margin-top:24px}.setup-progress strong{font-size:18px;padding-top:10px}.setup-progress small{font-size:10px}.setup-list li{gap:11px;flex-wrap:wrap;padding:16px 0;position:relative}.step-number{width:28px;height:28px;font-size:10px;align-self:flex-start;margin-top:1px}.setup-list li>div{flex:1;flex-basis:calc(100% - 42px)}.setup-list strong{font-size:13px}.setup-list p{font-size:12px;line-height:1.6;max-width:none}.setup-list .step-link{font-size:10px;margin-left:39px;margin-top:-4px}.setup-list .btn{margin-left:39px;font-size:11px;padding:9px 12px;min-height:35px}.home-aside{display:block}.ayla-feature{padding:25px;border-radius:21px}.ayla-feature h2{font-size:27px}.ayla-feature>p{font-size:14px;line-height:1.8}.ayla-feature .eyebrow{font-size:8px}.ayla-state{font-size:11px!important;padding:13px;margin:20px 0!important}.home-shortcut{display:flex;flex-wrap:nowrap;align-items:center;padding:21px;margin-top:18px}.home-shortcut>div{width:auto}.home-shortcut strong{font-size:12px}.home-shortcut p{font-size:11px}.home-section{margin-top:30px}.home-section h2{font-size:20px}.home-section .small{font-size:10px}.home-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-card{border-radius:17px;padding:17px 14px;min-height:147px}.metric-card .rotulo{font-size:11px;max-width:75%;min-height:32px;line-height:1.5}.metric-card .valor{font-size:29px;margin-top:9px}.metric-card>p{font-size:10px;line-height:1.6}.metric-icon{width:25px;height:25px;top:14px;right:12px}.metric-icon svg{width:15px;height:15px}.attention-section{padding:19px 15px;border-radius:19px}.attention-section h2{font-size:15px}.attention-list{grid-template-columns:1fr}.attention-item{font-size:12px;padding:12px;line-height:1.6}.recent-section .secao-cab{align-items:flex-start;gap:12px}.recent-section h2{font-size:18px}.recent-section .secao-cab p{font-size:11px}.recent-section .btn{font-size:10px;white-space:normal;max-width:100px}.table th{padding:12px;font-size:10px}.table td{padding:14px 12px;font-size:12px}.tabela-wrap{border-radius:15px}.recent-section .table th:nth-child(n+4),.recent-section .table td:nth-child(n+4){display:none}.recent-section .table th:nth-child(2),.recent-section .table td:nth-child(2){display:none}.recent-section .table .truncate{max-width:170px!important}.recent-section .table .pill{font-size:9px}.home-footnote{font-size:9px;line-height:1.8;gap:8px;margin-top:18px}.card{padding:21px 18px;border-radius:19px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card .valor{font-size:28px;overflow-wrap:anywhere}.grid-2,.grid-3,.form{grid-template-columns:1fr}.btn{font-size:12px;min-height:42px;white-space:normal;line-height:1.35}.btn.pequeno{min-height:35px}.btn.icone{width:39px;height:39px;min-height:39px}.input,select.input,textarea.input{font-size:16px;min-height:45px;padding:11px}.input.pequeno{font-size:14px;min-height:42px}.campo>span:first-child{font-size:12px}.abas{width:100%;padding:4px;gap:2px}.abas button{font-size:11px;padding:10px;min-height:38px}.aviso{font-size:12px;overflow-wrap:anywhere}.modal-fundo{padding:12px}.modal{max-height:calc(100dvh - 24px);border-radius:20px}.modal .modal-cab{padding:20px 18px 0;gap:10px}.modal .modal-corpo{padding:20px 18px}.modal .modal-pe{padding:14px 18px;flex-wrap:wrap}.modal .modal-pe .btn{flex:1}.modal h2{font-size:20px}.lateral{padding:20px;gap:18px}.lateral h2{font-size:21px}.galeria{gap:5px}.ficha{font-size:12px;gap:8px 12px}.connections-grid{gap:18px}.connection-card{padding:25px 21px}.connection-card h2{font-size:23px}.connection-card>p{font-size:14px}.connection-card li{font-size:12px;gap:11px}.connection-card .pill{font-size:9px}.connection-note{font-size:11px}.bottom-nav{left:13px;right:13px;bottom:max(10px,env(safe-area-inset-bottom));padding:9px 5px 8px;border-radius:21px}.bottom-nav>a,.bottom-nav>button{font-size:9px;min-height:44px}.bottom-nav svg{width:20px;height:20px}.stock-grid{grid-template-columns:minmax(0,1fr);gap:22px}.stock-card{border-radius:21px}.stock-card-body{padding:21px}.stock-title{font-size:23px}.stock-make{font-size:10px}.stock-version{font-size:13px;min-height:0}.stock-specs{font-size:12px;padding-top:17px;padding-bottom:17px;margin-bottom:17px;gap:17px}.stock-price{font-size:29px}.stock-card-foot .btn{font-size:12px;min-height:40px}.stock-card-foot select{font-size:12px;max-width:140px;min-height:38px}.stock-source{font-size:10px}.stock-toolbar{gap:12px}.stock-view-switch .btn{min-height:34px;font-size:11px}.stock-photo-count{font-size:11px}.stock-card .pill{font-size:11px}.stock-picture img{aspect-ratio:4/3}.kanban{gap:14px;margin-inline:-18px;padding:0 18px 16px;scroll-snap-type:x mandatory}.kanban .coluna{flex-basis:280px;max-height:calc(100dvh - 315px)}.kanban .col-cab{font-size:13px}.kcard{padding:18px 15px}.kcard .nome{font-size:14px}.kcard .carro{font-size:12px}.kcard .pe{font-size:11px}.ag-item{grid-template-columns:63px minmax(0,1fr);padding:17px 14px;gap:14px}.ag-item>.row,.ag-item>.btn-grupo{grid-column:1/-1;flex-wrap:wrap;justify-content:flex-end}.ag-item .hora{font-size:23px}.agenda-nav{width:100%;justify-content:space-between;gap:5px}.agenda-nav .dia{font-size:12px;min-width:160px;flex:1}.horario-grid{grid-template-columns:64px 1fr 1fr auto;gap:7px;font-size:11px}.horario-grid .input{font-size:12px;padding:8px;min-height:39px}.horario-grid .btn{min-width:32px;padding:7px}.login-wrap{display:flex;flex-direction:column;justify-content:center;gap:0;padding:30px 22px;min-height:100dvh}.login-intro{display:none}.login-card{max-width:400px;padding:32px 27px;border-radius:25px}.login-mark{width:53px;height:53px;margin-bottom:24px}.login-card h2{font-size:27px}.login-card>p{font-size:14px}.login-card .eyebrow{font-size:9px}.login-card .campo span{font-size:12px}.login-card .stack{gap:23px}.login-card .input{font-size:16px;min-height:49px}.login-card .btn{font-size:14px;min-height:49px}.home-shortcut .connection-icon{width:37px;height:37px}.secao-cab{gap:12px}.sinais{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.spinner{border-top-color:var(--accent);border-right-color:var(--accent)}}

/* fiel */
/* Adaptações de integração; referencia.css permanece idêntico ao protótipo aprovado.
   A camada legado preserva componentes operacionais sem disputar a composição nova. */
:scope{--font:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--text:var(--ink);--text-2:var(--muted);--text-3:#8491a6;--accent:var(--blue);--accent-hover:var(--blue-dark);--accent-soft:#e4edff;--surface-2:#f7f9fc;--bg:#f2f5fa;--line-strong:#d5dfef;--ok:#258769;--r:22px;--r-sm:12px}
html{height:auto}body{height:auto;overflow:auto;font-family:var(--font);font-size:16px;line-height:1.45;color:var(--ink)}#app{display:block;height:auto;overflow:visible;min-height:100vh}main{height:auto;overflow:visible;min-width:0}a:hover{text-decoration:none}.sidebar{height:100dvh;gap:0;overflow-y:auto}.brand-emblem{width:44px;height:44px;flex-shrink:0}.brand{padding-bottom:30px}.brand small{letter-spacing:2.9px;font-size:9px}.sidebar .nav-item .contador{margin-left:auto}.contador.zero{display:none}.sidebar .store-switch{flex-shrink:0}.sidebar .store-switch .nome{max-width:128px;overflow:hidden;text-overflow:ellipsis}.connection-status{display:flex;align-items:center;gap:7px;font-size:11px;color:#63738c;border:1px solid #d8e2f2;padding:7px 9px;border-radius:8px;background:#f8fbff99}.connection-status .ponto{width:6px;height:6px}.notification-bell{position:relative}.notification-bell>span{position:absolute;right:0;top:1px;min-width:16px;background:#2855e8;color:white;border:2px solid #f2f5fa;font-size:8px;padding:1px 3px;border-radius:20px}.profile .circle-btn{width:30px;height:30px}.profile .circle-btn .icon{width:17px}.sidebar-help{color:#586b8a}.glass.card{border:1px solid #ffffffd9}.card h2,.card h3{margin-bottom:0}.pill{border:0}.btn.primario{background:linear-gradient(165deg,#3d6bf6,#2750da);border-color:#2c58e5;box-shadow:0 4px 11px #2855e81e,inset 0 1px 0 #ffffff33}.btn.primario:hover{background:var(--blue-dark)}.btn.pequeno{min-height:38px;padding:8px 12px;border-radius:10px}.btn.icone{width:40px;height:40px;min-height:40px;padding:8px}.btn.ativo{background:#e4edff;border-color:#c7d9ff;color:var(--blue)}.btn svg{width:18px;height:18px}.btn.secondary{background:#fff}.btn.fantasma{background:transparent}.input,select.input,textarea.input{padding:12px 14px;border-color:#d5dfef;border-radius:12px;background:#fff;font-size:14px;min-height:46px;line-height:1.5}.input.pequeno{padding:9px 12px;font-size:13px;min-height:40px}.input[type=checkbox],.input[type=radio],.toggle input{min-height:0}.campo{line-height:1.5}label.campo{font-size:13px;gap:9px}.form{gap:20px}.ajuda{line-height:1.6;color:#77869e}.pagina-cab{margin-bottom:30px;gap:20px}.pagina-cab .sub{font-size:15px;margin-top:9px}.pagina-cab h1{font-size:32px;letter-spacing:-1.3px;line-height:1.18}.abas{gap:4px;background:#e7edf6ab;border:0;border-radius:13px;padding:4px;margin:0 0 25px}.abas button{border:0;border-radius:10px;padding:11px 17px;margin:0;font-size:13px;min-height:42px}.abas button.ativa{background:#fff;color:var(--blue);box-shadow:0 2px 6px #263e6812}.tabela-wrap{border:1px solid #fff;box-shadow:var(--shadow);border-radius:18px;background:#ffffffd9}.table th{padding:16px 19px;background:#f6f8fc;color:#71829d;font-size:11px}.table td{padding:18px 19px;font-size:14px;border-color:#e7edf6}.table .small{font-size:12px}.secao{margin-top:26px}.secao-cab{margin-bottom:18px}.aviso{padding:16px 18px;font-size:13px;line-height:1.6;border-radius:13px}.aviso p+p{margin-top:6px}.vazio{font-size:14px;padding:45px 24px;line-height:1.7;color:var(--muted)}.modal{border-radius:24px;background:#f8faff;max-height:90dvh}.modal-fundo{backdrop-filter:blur(7px);background:#20335155}.modal-cab{padding:24px}.modal-corpo{padding:24px}.modal-pe{padding:20px 24px}.modal-cab h2{font-size:22px}.lateral{background:#f8faff;padding:28px;width:min(560px,100vw);box-shadow:-15px 0 80px #192c5830}.lateral-fundo{background:#20335155;backdrop-filter:blur(5px)}.galeria img{object-fit:cover;border-radius:12px}.lateral h2{font-size:25px}.ficha{gap:13px 20px;font-size:14px}.dashboard-empty{font-size:14px}.operation-notices{margin-top:26px;color:#697d9b;border-top:1px solid #dce5f3;padding-top:20px;font-size:13px}.operation-notices summary{display:flex;gap:9px;align-items:center;cursor:pointer}.operation-notices summary .icon:last-child{margin-left:auto}.operation-notices>div{display:grid;gap:8px;padding-top:15px}.operation-notices a{padding:14px 17px;background:#fff8;border:1px solid #fff;border-radius:12px;display:flex;justify-content:space-between}.context-navigation{display:flex;align-items:center;gap:7px;margin:26px 40px -12px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.context-navigation a{padding:9px 13px;border-radius:10px;display:flex;align-items:center;gap:7px}.context-navigation a.active{background:#fff;color:var(--blue);box-shadow:0 3px 13px #364b700a}.context-navigation .icon{width:16px;height:16px}.context-navigation+.unused{display:none}
/* Estoque: o cartão mantém a proporção e o conteúdo do protótipo. Gestão no detalhe. */
.stock-name{border:0;background:transparent;font:inherit;text-align:left;padding:0;line-height:1.45}.vehicle-card .vehicle-info h3{margin-top:8px;min-height:50px}.vehicle-card .vehicle-price{margin-top:18px}.vehicle-card .vehicle-price .circle-btn{background:#edf3fe;color:#3b64ca}.vehicle-photo>.pill{position:absolute;left:13px;top:13px;background:#ffffffec;backdrop-filter:blur(8px);padding:6px 9px}.stock-photo-count{position:absolute;right:12px;bottom:12px;background:#182b48b0;color:#fff;font-size:11px;border-radius:7px;padding:5px 7px;display:flex;align-items:center;gap:5px}.stock-photo-count .icon{width:14px;height:14px}.stock-summary{display:flex;align-items:center;gap:15px;font-size:12px}.stock-options{position:relative}.stock-options>summary{list-style:none;background:#fff8;border:1px solid #dce4f1}.stock-options>summary::-webkit-details-marker{display:none}.stock-options-panel{position:absolute;right:0;top:48px;width:285px;background:#f9fbff;border:1px solid #fff;border-radius:20px;box-shadow:0 15px 70px #19325a30;padding:22px;z-index:15;display:grid;gap:18px}.stock-options-panel h3{font-size:16px}.stock-options-panel .text-btn{font-size:12px}.stock-toolbar{gap:15px}.stock-toolbar .search-field{margin-right:auto}.no-photo{height:100%;display:grid;place-items:center}.no-photo .icon{width:60px;height:60px;color:#98a8c0}.detail-stock-actions{display:flex;gap:15px;align-items:end;margin:20px 0}.detail-stock-actions .campo{flex:1}.stock-summary .pill{font-size:11px}
/* Login e mensagens mantêm autenticação/ações próprias, com as mesmas superfícies. */
body.login{min-height:100dvh;display:grid;place-items:center}body.login #app{min-height:auto;width:min(470px,calc(100vw - 32px))}.login-caixa,.login-card{background:#ffffffba;border:1px solid white;box-shadow:var(--shadow);border-radius:26px}.toasts{bottom:25px}.toast{font-size:14px;border-radius:14px;padding:15px 20px}.toast a{color:white;text-decoration:underline}
@media(min-width:1600px){.context-navigation{max-width:1510px;margin-left:auto;margin-right:auto;padding:0 40px}}
@media(max-width:1200px){.context-navigation{margin-inline:28px}.store-switch .nome{max-width:112px}}
@media(max-width:980px){.stock-summary{flex-wrap:wrap;gap:5px 10px}.stock-summary span:last-child{display:none}.store-switch .nome{max-width:104px}.sidebar-bottom{padding-top:20px}.sidebar-help{font-size:12px}.brand-emblem{width:36px;height:36px}.stock-toolbar{flex-wrap:wrap}.stock-toolbar .search-field{max-width:none;flex-basis:100%}.stock-toolbar .segmented{flex:1}.stock-options{margin-left:auto}}
@media(max-width:720px){.sidebar{height:100dvh}.sidebar .store-switch .nome{max-width:160px}.sidebar-bottom{padding-top:24px}.connection-status{font-size:10px;padding:6px 8px}.connection-status .truncate{max-width:155px}.topbar-right .notification-bell{display:grid}.context-navigation{margin:16px 19px -4px;gap:2px;flex-wrap:nowrap;overflow-x:auto;font-size:12px}.context-navigation a{white-space:nowrap;padding:9px 11px}.context-navigation .icon{width:15px}.pagina-cab{align-items:flex-start;flex-wrap:wrap;gap:18px}.pagina-cab h1{font-size:27px}.pagina-cab .sub{font-size:14px;line-height:1.6}.pagina-cab>.row{gap:8px}.pagina-cab .btn{font-size:12px;min-height:42px;padding:10px 12px}.page-heading>.btn .icon{display:block;width:20px;height:20px}.info-strip{flex-wrap:wrap;gap:8px 15px}.info-strip .stock-summary{display:none}.info-strip .text-btn{font-size:11px}.stock-toolbar{margin:22px 0}.stock-options-panel{width:min(285px,calc(100vw - 38px))}.stock-toolbar .segmented button{padding:10px 14px}.vehicle-card .vehicle-info h3{min-height:0}.detail-stock-actions{flex-direction:column;align-items:stretch}.table td{padding:15px;font-size:13px}.table th{padding:14px 15px}.toasts{bottom:90px;left:16px;right:16px;max-width:none}.lateral{padding:22px}.grid-2,.grid-3{grid-template-columns:1fr}.modal{max-height:88dvh}.modal-cab,.modal-corpo{padding:20px}.form{grid-template-columns:1fr}.modal-pe{padding:17px 20px}.operation-notices{font-size:12px}.operation-notices summary{line-height:1.6}.stock-name{font-size:19px}.input,select.input,textarea.input{font-size:16px}.sidebar .profile strong{max-width:125px;overflow:hidden;text-overflow:ellipsis}}
/* Caixa de entrada: estrutura de conversa do protótipo com controladores reais. */
main.inbox-main{padding:25px 40px 24px}.atd.inbox-shell{height:calc(100dvh - 253px);min-height:440px;display:grid;border:1px solid #fff;border-radius:20px;box-shadow:0 10px 50px #2a426610;background:white}.atd.inbox-shell .col-lista{background:#fff;border-right:1px solid #dce4e9;flex-direction:column;overflow:hidden}.atd.inbox-shell .col-lista>.topo{padding:0 0 8px}.atd.inbox-shell .col-lista .busca{margin:0 15px}.atd.inbox-shell .col-lista .busca .input{border:0;background:#f1f5f5;font-size:13px;padding:11px 12px 11px 33px}.atd.inbox-shell .filtros{padding:13px 15px 6px;display:flex;gap:6px;overflow:auto;flex-wrap:nowrap}.atd.inbox-shell .filtros button{border:0;padding:7px 10px;border-radius:16px;background:#f3f6f5;font-size:11px;color:#759086;white-space:nowrap}.atd.inbox-shell .filtros button.ativo{color:#267c58;background:#e7f4eb}.atd.inbox-shell .conv{padding:18px 15px;gap:13px;border-bottom:1px solid #eef2f1;display:flex;cursor:pointer}.atd.inbox-shell .conv.ativa{background:#eef5f2}.atd.inbox-shell .conv:hover{background:#f3f7f5}.atd.inbox-shell .conv>.avatar{width:42px;height:42px;background:#e6eeeb;color:#54816e}.atd.inbox-shell .conv .nome{font-size:14px}.atd.inbox-shell .conv .hora{font-size:10px;color:#8ca599}.atd.inbox-shell .conv .previa{font-size:12px;color:#869993;margin:7px 0 9px}.atd.inbox-shell .conv .pill{font-size:9px;border:1px solid #dde7e9;background:#f9fcfb;padding:3px 6px;color:#738fa0}.atd.inbox-shell .nao-lidas{background:#56a981;font-size:10px}.atd.inbox-shell .col-chat{background:#e9efec}.atd.inbox-shell .chat-topo{padding:14px 18px;background:#f7faf8;border-color:#dde5e1;min-height:70px}.atd.inbox-shell .chat{padding:25px 28px;gap:12px;background-image:radial-gradient(#759c8520 .65px,transparent .65px);background-size:15px 15px}.atd.inbox-shell .balao{font-size:15px;line-height:1.6;padding:11px 13px;max-width:85%;width:fit-content;box-shadow:0 1px 2px #254c3720;overflow-wrap:anywhere;color:#364b40;border:0}.atd.inbox-shell .balao.in{background:#fff;border-radius:0 10px 10px 10px}.atd.inbox-shell .balao.out{background:#d9f5d7;border-radius:10px 0 10px 10px}.atd.inbox-shell .balao .meta{font-size:9px;color:#90a497}.atd.inbox-shell .balao .etiqueta{font-size:8px;color:#7c9588;background:transparent;border:0}.atd.inbox-shell .rascunho{background:#fbfdffe6;border:1px solid #cadcf8;border-radius:13px;padding:16px;max-width:95%;font-size:14px;line-height:1.65;color:#5e7495}.atd.inbox-shell .rascunho .cab{color:#6485b9;font-size:11px}.atd.inbox-shell .composer{padding:14px;background:#f5f8f6;border-color:#dfe9e1;gap:8px;flex-shrink:0}.atd.inbox-shell .composer textarea{background:#fff;border:1px solid #e0e8e1;border-radius:10px;font-size:14px;max-height:100px}.atd.inbox-shell .composer .btn{width:38px;height:42px;min-height:42px}.atd.inbox-shell .composer .primario{background:#3a9876;border-color:#3a9876}.atd.inbox-shell .col-lead{background:#fff;border-color:#e1e7eb}.atd.inbox-shell .atd-lead-conteudo{gap:23px}.atd.inbox-shell .col-lead h3{color:#8e9db3;font-size:10px}.atd.inbox-shell .chat-topo .nome{font-size:14px}.atd.inbox-shell .chat-topo .tel{font-size:11px}.atd.inbox-shell .col-lista .lista{overflow:auto;flex:1}.atd.inbox-shell .vazio-chat{background-image:radial-gradient(#759c8520 .65px,transparent .65px);background-size:15px 15px}.atd.inbox-shell .assumida{font-size:11px;line-height:1.6}
.handoff-guide{display:flex;gap:32px;padding:22px 25px;border:1px solid white;background:#ffffff80;border-radius:19px;margin-bottom:12px}.handoff-guide>span{display:flex;align-items:center;gap:11px;font-size:13px;color:#5e7396}.handoff-guide b{display:grid;place-items:center;border-radius:9px;width:30px;height:30px;background:#e3ecff;color:#3963c3;font-size:12px}.handoff-note{font-size:12px;color:#8090a6;margin:0 0 25px}.pend-item{border:1px solid #fff;border-radius:20px;padding:24px;background:#ffffffb8;box-shadow:var(--shadow);grid-template-columns:50px 1fr;gap:18px;margin-bottom:12px}.pend-item>.hora{align-self:start;font-size:13px;background:#eaf0fb;color:#6585bb;border-radius:12px;padding:12px 3px;text-align:center}.pend-item .sub{margin-top:9px;font-size:13px;line-height:1.7;color:#7687a0;overflow-wrap:anywhere}.pend-item>.btn-grupo{grid-column:2;gap:8px}.library-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:26px;align-items:start}.library-upload{padding:26px}.library-upload>p{font-size:13px;margin:13px 0 22px}.library-upload .form{display:flex;flex-direction:column;gap:20px}.library-upload #arquivos-zona{padding:30px 17px!important;background:#edf3ff70;border-color:#b4c9f0!important;line-height:1.6}.library-upload #arquivos-zona .icon{display:block;width:30px;height:30px;margin:0 auto 13px;color:#658bda}.library-upload #arquivos-zona .small{font-size:11px;margin-top:10px}.library-items{min-width:0}.library-items .table td,.library-items .table th{padding:15px 12px}.library-items .table th:nth-child(3),.library-items .table td:nth-child(3){display:none}.library-items .table td .btn-grupo{flex-wrap:wrap}.library-items .table td.acoes{white-space:normal}
@media(max-width:1200px){main.inbox-main{padding-inline:28px}.atd.inbox-shell .chat{padding:20px}.library-layout{grid-template-columns:1fr}.library-upload .form{display:grid;grid-template-columns:1fr 1fr}.library-upload>p{max-width:600px}}
@media(max-width:980px){.atd.inbox-shell{height:calc(100dvh - 240px)}.inbox-heading>div>span{display:none}.atd.inbox-shell .chat-topo{padding:12px}.handoff-guide{gap:15px;flex-wrap:wrap}}
@media(max-width:720px){main.inbox-main{padding:18px 12px 92px}.inbox-heading{padding-inline:7px;margin-bottom:17px}.inbox-heading h1{font-size:23px}.inbox-heading>.pill{font-size:10px}.atd.inbox-shell{height:calc(100dvh - 267px);min-height:370px;border-radius:17px}.atd.inbox-shell .chat{padding:18px 12px}.atd.inbox-shell .balao{font-size:16px;max-width:91%}.atd.inbox-shell .composer{gap:5px;padding:9px}.atd.inbox-shell .composer .btn{width:33px;min-width:33px;padding:6px;min-height:42px}.atd.inbox-shell .composer textarea{font-size:16px;padding:10px;min-height:42px}.atd.inbox-shell .conv .previa{font-size:13px}.atd.inbox-shell .conv{padding:17px 14px}.atd.inbox-shell .atd-chat-acoes .btn{font-size:10px;min-height:35px;padding:6px 8px}.atd.inbox-shell .chat-topo.atd-chat-cabecalho{gap:8px}.atd.inbox-shell .col-lista .busca .input{font-size:16px}.handoff-guide{display:grid;gap:14px;padding:20px}.pend-item{padding:19px;grid-template-columns:1fr;gap:12px}.pend-item>.hora{justify-self:start;padding:8px 12px}.pend-item>.btn-grupo{grid-column:1}.library-upload .form{display:flex}.library-items .table{min-width:650px}}
.meta-flow-real .flow-card{padding:32px 38px}.meta-flow-real .flow-card>h2{font-size:29px;line-height:1.3;margin-bottom:15px;letter-spacing:-.9px}.meta-flow-real .flow-card>p{font-size:15px;line-height:1.75;max-width:520px}.meta-symbol{color:#2874ea;font-size:75px;font-family:Arial,sans-serif;line-height:1;width:90px;height:80px;display:grid;place-items:center;margin:28px 0}.meta-flow-real .explain-list{display:grid;gap:17px;padding:27px 0 34px;font-size:14px;color:#647c9f}.meta-flow-real .explain-list li{display:flex;gap:11px;align-items:center}.meta-flow-real .explain-list .icon{color:#4585c5;width:18px}.meta-flow-real .flow-card>.text-btn{display:flex;margin:18px auto 0}.meta-flow-real .flow-card>.form-note{font-size:12px;margin-top:15px}.meta-flow-real .flow-aside h3{font-size:23px}.meta-flow-real .flow-aside>p{font-size:14px;margin-top:15px}.meta-flow-real .flow-aside .operation-notices p{font-size:13px;line-height:1.8;margin-top:15px}.meta-flow-real .meta-passos{padding:0;border-bottom:1px solid #e1e8f4;padding-bottom:22px;margin-bottom:25px;font-size:12px}.meta-flow-real .meta-passos li{font-size:12px}.meta-flow-real .meta-passos .atual>span{background:var(--blue);border-color:var(--blue);color:white}.meta-flow-real .card.mt{background:none;box-shadow:none;border:0;padding:20px 0 0}.meta-flow-real .card.mt h2{font-size:22px;margin-bottom:15px}.meta-connected-heading{display:flex;gap:18px;align-items:center}.meta-connected-heading p{font-size:14px;margin-top:8px}.meta-connected-heading .connection-logo{margin:0;font-size:45px;min-width:66px}.meta-flow-real .meta-seletores{grid-template-columns:1fr}.meta-flow-real .meta-conexao{margin-top:25px}.meta-flow-real .flow-aside>.form-note{text-align:left;margin-top:24px}
@media(max-width:720px){.meta-flow-real .flow-card{padding:24px 20px}.meta-flow-real .flow-card>h2{font-size:25px}.meta-flow-real .meta-passos{gap:9px;justify-content:space-between}.meta-flow-real .meta-passos li{font-size:10px;gap:5px}.meta-flow-real .meta-passos li>span{width:22px;height:22px;font-size:10px}.meta-flow-real .explain-list{font-size:13px}.meta-flow-real .flow-card>p{font-size:14px}.meta-flow-real .flow-card .btn{min-height:46px}.meta-flow-real .flow-aside{padding:15px 5px}.meta-flow-real .meta-symbol{margin:22px 0}}
@media(min-width:721px) and (max-height:800px){.sidebar{padding-top:22px}.brand{padding-bottom:22px}.sidebar .store-switch{margin-bottom:22px}.sidebar-bottom{padding-top:22px}.sidebar-help{display:none}.sidebar .profile{margin-top:14px;padding-top:14px}}
@media(max-width:980px){.toolbar.stock-toolbar{flex-direction:row;align-items:center}}
.stock-technical{display:grid;gap:6px;font-size:12px;color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--line)}

.library-file-list{display:grid;gap:16px}.library-file{border:1px solid #fff;background:#ffffffba;box-shadow:var(--shadow);border-radius:20px;padding:24px}.library-file-heading{display:flex;gap:14px;align-items:flex-start}.library-file-heading>div{min-width:0}.library-file-heading h3{font-size:16px;line-height:1.5;overflow-wrap:anywhere}.library-file-heading p{font-size:11px;margin-top:6px}.library-description{font-size:13px;line-height:1.7;margin:15px 0;overflow-wrap:anywhere}.library-file-tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.library-file-tags .pill{white-space:normal;font-size:10px;line-height:1.6;max-width:100%;overflow-wrap:anywhere}.library-file-actions{display:flex;align-items:center;gap:9px;padding-top:15px;border-top:1px solid #e4eaf5}.library-file-actions .library-delete{margin-left:auto;color:#9ca9bc}.library-file-actions .library-delete:hover{color:#bf5260;background:#fcedee}.card-site .pagina-cab{flex-wrap:wrap}.card-site .mono{overflow-wrap:anywhere}.card-site>.pagina-cab>div{min-width:0}
@media(max-width:720px){.library-file{padding:20px}.library-file-heading h3{font-size:15px}.library-file-actions{flex-wrap:wrap;gap:8px}.library-file-actions .btn{font-size:12px;padding:9px 12px}.library-file-tags .pill{font-size:11px}}

/* operacao */
/* Complementos operacionais. Composição e tipografia vêm de referencia.css. */
.operacao-agenda .agenda-layout > *, .operacao-kanban .kanban-column { min-width:0 }
.operacao-agenda .calendar-month-actions, .operacao-agenda .agenda-day-tools { display:flex;align-items:center;gap:3px }
.operacao-agenda .calendar-month-actions .circle-btn { width:25px;height:30px }
.operacao-agenda .calendar-month-actions .icon { width:16px;height:16px }
.operacao-agenda .agenda-day-tools .circle-btn { width:29px;height:30px }
.operacao-agenda .agenda-day-tools .pill { margin-left:7px;white-space:nowrap }
.operacao-agenda .calendar-tools { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px }
.operacao-agenda .agenda-date-jump { font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:5px;min-width:0 }
.operacao-agenda .agenda-date-jump input { width:140px;max-width:100%;min-height:32px;padding:5px 7px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:11px }
.operacao-agenda .visit-card { position:relative }
.operacao-agenda .visit-card-info { min-width:0;flex:1 }
.operacao-agenda .visit-card-info h3, .operacao-agenda .visit-card-info p { overflow-wrap:anywhere }
.operacao-agenda .visit-responsavel { display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);margin-top:9px }
.operacao-agenda .visit-responsavel .icon { width:12px;height:12px }
.operacao-agenda .visit-observacao { color:var(--muted);white-space:pre-wrap }
.operacao-agenda .visit-actions { flex-shrink:0 }
.operacao-agenda .visit-sem-conversa { max-width:145px;font-size:11px;color:var(--muted);overflow-wrap:anywhere }
.operacao-agenda .visit-more { position:relative }
.operacao-agenda .visit-more summary { cursor:pointer;list-style:none }
.operacao-agenda .visit-more summary::-webkit-details-marker { display:none }
.operacao-agenda .visit-options { position:absolute;right:0;top:calc(100% + 6px);min-width:200px;z-index:8;display:grid;gap:4px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:8px;box-shadow:0 12px 30px #253b6025 }
.operacao-agenda .visit-options .text-btn { padding:10px;text-align:left;border-radius:7px;justify-content:flex-start;font-size:12px;min-height:36px }
.operacao-agenda .visit-options .text-btn:hover { background:#edf3ff }
.operacao-agenda .visit-options .danger { color:#b3453d }
.operacao-agenda .agenda-refresh { display:flex;margin:18px 0 0 auto }
.operacao-agenda .text-btn:disabled, .operacao-kanban .text-btn:disabled { opacity:.55;cursor:wait }
.operacao-agenda .calendar-grid button:focus-visible, .operacao-agenda summary:focus-visible, .operacao-kanban .lead-card a:focus-visible, .operacao-kanban .lead-card button:focus-visible { outline:2px solid var(--blue);outline-offset:3px }

.operacao-kanban .kanban { grid-template-columns:repeat(var(--colunas,4),minmax(220px,1fr));align-items:start;min-height:0 }
.operacao-kanban .pipeline-controls { display:flex;align-items:flex-end;gap:13px;flex-wrap:wrap;margin:-4px 0 23px }
.operacao-kanban .pipeline-filter { display:flex;flex-direction:column;gap:6px;font-size:10px;color:var(--muted) }
.operacao-kanban .pipeline-filter .input { width:185px;max-width:100%;min-height:36px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#ffffffa6;font-size:12px;color:var(--ink) }
.operacao-kanban .pipeline-controls .btn { min-height:36px }
.operacao-kanban .pipeline-summary > span { flex-wrap:wrap }
.operacao-kanban .column-heading h2 { overflow-wrap:anywhere;min-width:0 }
.operacao-kanban .column-dot { flex-shrink:0 }
.operacao-kanban .lead-card { cursor:grab }
.operacao-kanban .lead-card.dragging { opacity:.45;cursor:grabbing }
.operacao-kanban .kanban-column.drop-target { border-color:var(--blue);background:#dfe9fc }
.operacao-kanban .lead-card[aria-busy=true] { cursor:progress }
.operacao-kanban .lead-card h3 a { color:inherit;text-decoration:none;overflow-wrap:anywhere }
.operacao-kanban .lead-card h3 a:hover { text-decoration:underline }
.operacao-kanban .lead-card > p, .operacao-kanban .lead-responsavel { overflow-wrap:anywhere }
.operacao-kanban .lead-note > span { min-width:0;overflow-wrap:anywhere }
.operacao-kanban .lead-note > .icon { flex-shrink:0 }
.operacao-kanban .lead-indicators { display:flex;gap:5px;flex-wrap:wrap;margin:-5px 0 13px }
.operacao-kanban .lead-indicators .pill { font-size:9px;padding:4px 6px }
.operacao-kanban .column-add { text-decoration:none }
.operacao-kanban .column-add:hover { color:var(--blue);border-color:var(--blue) }
.operacao-kanban #kb-erro:not(:empty) { margin-bottom:18px }
.operacao-kanban .kanban > .vazio, .operacao-kanban .kanban > .carregando { grid-column:1/-1 }
.operacao-help { margin-top:15px;line-height:1.7 }
@media(max-width:720px) {
  .operacao-kanban .kanban { grid-template-columns:repeat(var(--colunas,4),280px) }
  .operacao-kanban .pipeline-controls { gap:10px }
  .operacao-kanban .pipeline-filter { flex:1 1 130px;font-size:11px }
  .operacao-kanban .pipeline-filter .input { width:100%;font-size:16px;min-height:42px }
  .operacao-kanban .pipeline-controls .btn { min-height:42px }
  .operacao-agenda .calendar-month-actions .circle-btn { width:36px;height:38px }
  .operacao-agenda .calendar-tools { max-width:340px;margin:0 auto 7px }
  .operacao-agenda .agenda-date-jump input { width:156px;font-size:16px;min-height:38px }
  .operacao-agenda .visit-actions { flex-wrap:wrap;align-items:center }
  .operacao-agenda .visit-more { margin-left:auto }
  .operacao-agenda .visit-options .text-btn { min-height:42px }
  .operacao-agenda .agenda-day-tools { gap:0 }
  .operacao-agenda .agenda-day-tools .pill { margin-left:3px;font-size:10px }
}

/* criador */
/* Complementos do criador real. A composição, os cartões e o layout vêm de referencia.css. */
.meta-pagina .an-pagina.ads-page{max-width:none}
.ads-page .icon{flex-shrink:0}
.ads-page .ads-notice{margin:0 0 22px;overflow-wrap:anywhere}
.ads-page .wizard-question h2:focus{outline:none}
.ads-page .wizard-body{padding-bottom:125px}
.ads-page button:disabled{cursor:not-allowed}
.ads-page button:focus-visible,.ads-page input:focus-visible,.ads-page textarea:focus-visible,.ads-page summary:focus-visible{outline:3px solid #91aff3;outline-offset:3px}
.ads-page .ads-stock-search{display:flex;align-items:center;gap:10px;max-width:430px;width:100%}
.ads-page .ads-stock-search .search-field{flex:1;min-width:0}
.ads-page .vehicle-photo:disabled img{transform:none}
.ads-page .vehicle-photo:disabled>.selection-check{display:none}
.ads-page .vehicle-photo img{object-fit:contain}
.ads-page .vehicle-meta{min-height:22px}
.ads-page .vehicle-info h3{overflow-wrap:anywhere;line-height:1.4}
.ads-page .ads-no-photo{display:flex;align-items:center;justify-content:center;gap:9px;height:100%;color:var(--muted);font-size:13px}
.ads-page .ads-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:26px 0;font-size:12px;color:var(--muted)}
.ads-page .ads-source-photos{max-height:245px;overflow:auto;scrollbar-width:thin;padding:3px}
.ads-page .ads-source-photos>button{border:2px solid transparent}
.ads-page .ads-source-photos>button.selected{border-color:var(--blue);box-shadow:0 0 0 2px #2855e812}
.ads-page .ads-note-left{text-align:left;max-width:none;margin:15px 0 22px}
.ads-page .creative-tools{flex-wrap:wrap}
/* The composition cards describe two real ad fields: an untouched stock photo and copy.
   Full ad previews use the original photo only; no generated bitmap is implied. */
.ads-page .ads-real-creative{display:grid;grid-template-rows:35px minmax(0,1fr) auto;aspect-ratio:3/4;container-type:inline-size}
.ads-page .ads-real-creative .art-top{position:relative;inset:auto;min-width:0;padding:10px 12px;background:#172a43;gap:8px}
.ads-page .ads-real-creative .art-top>span{font-size:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;letter-spacing:.55px}
.ads-page .ads-real-creative .art-top>small{font-size:6px;white-space:nowrap;padding:3px 4px;margin-right:27px;letter-spacing:.2px}
.ads-page .ads-real-creative .hero-car{position:relative;inset:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:#e7e9eb}
.ads-page .ads-real-creative .art-caption{position:relative;inset:auto;padding:14px 15px 15px;background:#142137;min-width:0;text-align:left}
.ads-page .ads-real-creative.theme-1 .art-caption{background:#eff1e9}
.ads-page .ads-real-creative.theme-2 .art-caption{background:#2156db}
.ads-page .ads-real-creative.theme-3 .art-caption{background:#f5f5f7}
.ads-page .ads-real-creative .art-caption>small{font-size:clamp(7px,2.7cqw,10px);letter-spacing:.8px}
.ads-page .ads-real-creative .art-caption h3{font-size:clamp(16px,6.8cqw,24px);line-height:1.15;margin:7px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ads-page .ads-real-creative .art-caption>span{font-size:clamp(9px,3.2cqw,12px);line-height:1.5;display:block}
.ads-page .ads-real-creative .art-caption>strong{font-size:clamp(24px,9.2cqw,34px);margin-top:9px}
.ads-page .ads-real-creative .art-cta{font-size:clamp(8px,3cqw,11px);line-height:1.4;gap:6px;padding-top:10px;margin-top:10px}
.ads-page .creative-card-info{align-items:flex-start}
.ads-page .creative-card-info small{line-height:1.6}
.ads-page .ads-real-creative .art-cta .icon{width:13px;height:13px}
.ads-page .creative-start>small{max-width:520px;margin-inline:auto;line-height:1.6}
.ads-page .ads-save-status{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.ads-page .budget-form .field input[type=range]{padding:0;min-height:30px}
.ads-page .budget-form .money-input input{font-variant-numeric:tabular-nums}
.ads-page .dark-card .plan-line strong{max-width:65%;text-align:right;overflow-wrap:anywhere}
.ads-page .budget-form #an-cidades{margin-top:-10px;line-height:1.6}
.ads-page .budget-form .an-cidades .btn{width:100%;text-align:left;justify-content:flex-start}
.ads-page .budget-form #an-cidades p{font-size:12px}
.ads-page .ads-actual-preview{width:100%;min-width:0}
.ads-page .ads-actual-photo{display:block;width:100%;height:auto;max-height:500px;object-fit:contain;background:#e8ecf1}
.ads-page .ads-actual-preview .social-caption{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
.ads-page .ads-actual-preview .social-head strong{overflow-wrap:anywhere}
.ads-page .ads-real-position-note{display:block;font-size:11px;line-height:1.6;color:var(--muted);padding:13px 15px}
.ads-page .review-line strong{overflow-wrap:anywhere}
.ads-page .review-line>.text-btn{align-self:center}
.ads-page .ads-review-connection{margin-top:24px}
.ads-page .ads-review-connection summary{font-size:13px;font-weight:600;cursor:pointer;padding:10px 0}
.ads-page .ads-review-connection .an-contexto{grid-template-columns:1fr;margin-top:10px;padding:16px;background:#f4f7fc;border-color:#e1e8f4;border-radius:13px;gap:14px}
.ads-page .ads-review-connection .an-contexto strong{font-size:12px;line-height:1.5}
.ads-page .ads-review-connection .an-contexto span{font-size:11px}
.ads-page .ads-review-connection .notice{font-size:12px;padding:13px;line-height:1.6}
.ads-page .ads-studio-dialog{max-width:650px;width:calc(100% - 32px);max-height:90dvh;overflow:auto}
.ads-page .ads-studio-dialog .modal-close{font-size:27px;z-index:3}
.ads-page .ads-studio-dialog>.pill{margin-right:35px}
.ads-page .ads-studio-dialog>h2{font-size:24px;line-height:1.35}
.ads-page .ads-studio-dialog>h3{line-height:1.5}
.ads-page .ads-studio-dialog>p{line-height:1.7}
.ads-page .ads-dialog-preview{max-width:430px;margin-inline:auto}
.ads-page .ads-studio-dialog .source-photo-large{max-height:60dvh;object-fit:contain}
.ads-page .ads-studio-dialog .field input,.ads-page .ads-studio-dialog .field textarea{font-size:16px}
.ads-page .ads-studio-dialog .field>small{align-self:flex-end}
.ads-page .ads-empty{padding:40px 25px;text-align:center;border-radius:20px;grid-column:1/-1}
.ads-page .ads-empty h3{font-size:21px;line-height:1.4}
.ads-page .ads-empty p{font-size:14px;margin-top:13px;line-height:1.7}
.ads-page .ads-empty>.metric-icon{margin:0 auto 20px}
.ads-page .ads-empty .btn{margin:23px auto 0}
.ads-page .ads-campaign-photo{width:135px;height:100px;flex:none;border-radius:13px;background:#e4ebf4;overflow:hidden;display:grid;place-items:center;color:#8ba0bf}
.ads-page .ads-campaign-photo img{width:100%;height:100%;object-fit:contain}
.ads-page .ads-campaign-updated>strong{font-size:13px}
.ads-page .campaign-numbers strong{font-variant-numeric:tabular-nums}
.ads-page .campaign-info h3{overflow-wrap:anywhere}
.ads-page .ads-connection-details{margin-top:28px}
.ads-page .ads-connection-details>summary{font-size:14px;font-weight:550;cursor:pointer;line-height:1.6}
.ads-page .ads-connection-details .an-contexto{background:#edf3fc;border-color:#dce6f4;border-radius:14px}
.ads-page .ads-connection-details .an-contexto strong{font-size:13px}
@media(max-width:1200px){.ads-page .ads-campaign-photo{width:110px;height:90px}}
@media(max-width:980px){.ads-page .ads-stock-search{max-width:340px}.ads-page .ads-real-creative .art-caption h3{font-size:clamp(17px,6.8cqw,24px)}.ads-page .ads-real-creative .art-top>small{margin-right:28px}.ads-page .ads-source-photos{max-height:255px}}
@media(max-width:720px){.ads-page .wizard-body{padding-bottom:95px}.ads-page .wizard-question{flex-wrap:wrap;gap:15px}.ads-page .ads-stock-search{max-width:none}.ads-page .ads-stock-search .btn{font-size:12px;padding:10px 13px;min-height:44px}.ads-page .ads-save-status{display:none}.ads-page .wizard-footer .btn.primary{font-size:11px;padding-inline:11px}.ads-page .selected-vehicle-strip>span{min-width:0}.ads-page .selected-vehicle-strip>span strong{overflow-wrap:anywhere}.ads-page .ads-source-photos{max-height:248px}.ads-page .creative-toolbar{gap:13px}.ads-page .creative-tools{width:100%;justify-content:space-between}.ads-page .ads-real-creative{aspect-ratio:3/4;grid-template-rows:40px minmax(0,1fr) auto}.ads-page .ads-real-creative .art-top{padding:11px 15px}.ads-page .ads-real-creative .art-top>span{font-size:10px}.ads-page .ads-real-creative .art-top>small{font-size:8px;margin-right:28px}.ads-page .ads-real-creative .art-caption{padding:18px 21px}.ads-page .ads-real-creative .art-caption h3{font-size:clamp(22px,7.1cqw,29px)}.ads-page .ads-real-creative .art-caption>strong{font-size:34px}.ads-page .ads-real-creative .art-caption>small{font-size:10px}.ads-page .ads-real-creative .art-caption>span{font-size:11px}.ads-page .ads-real-creative .art-cta{font-size:11px;margin-top:13px;padding-top:13px}.ads-page .ads-note-left{font-size:12px;line-height:1.7}.ads-page .ads-pagination{font-size:11px}.ads-page .ads-campaign-photo{width:85px;height:87px;border-radius:11px}.ads-page .ads-campaign-updated>strong{font-size:16px}.ads-page .ads-connection-details{padding:21px 18px}.ads-page .ads-actual-preview .social-caption{font-size:14px}.ads-page .ads-real-position-note{font-size:11px}.ads-page .ads-studio-dialog{width:calc(100% - 24px);padding:28px 18px}.ads-page .ads-studio-dialog .field{margin:19px 0}.ads-page .ads-studio-dialog .source-photo-large{max-height:55dvh}}

/* As originais ficam acessíveis sem empurrar o estúdio para baixo. */
.ads-page .ads-stock-gallery{padding:15px 18px;margin-bottom:24px}
.ads-page .ads-stock-gallery>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;font-size:13px;font-weight:550;line-height:1.5}
.ads-page .ads-stock-gallery>summary::-webkit-details-marker{display:none}
.ads-page .ads-stock-gallery>summary>span{display:flex;align-items:center;gap:9px}
.ads-page .ads-stock-gallery>summary small{margin-left:auto;font-size:11px;font-weight:400;color:var(--muted)}
.ads-page .ads-stock-gallery>summary::after{content:'⌄';font-size:17px;color:var(--muted);flex:none}
.ads-page .ads-stock-gallery[open]>summary::after{transform:rotate(180deg)}
.ads-page .ads-stock-gallery-body{padding-top:17px}
.ads-page .ads-stock-gallery-body>p{font-size:12px;line-height:1.6;margin-bottom:14px}
@media(max-width:720px){.ads-page .ads-stock-gallery{padding:13px 14px}.ads-page .ads-stock-gallery>summary{font-size:12px;gap:8px}.ads-page .ads-stock-gallery>summary small{font-size:10px}.ads-page .ads-stock-gallery>summary .icon{width:16px;height:16px}}

/* configuracao */
/* Complementos das páginas reais sobre referencia.css. Sem alterar a estrutura global. */
.configuracao-page { min-width: 0; color: var(--ink); }
.configuracao-page [hidden] { display: none !important; }
.configuracao-page .page-heading p { max-width: 720px; }
.configuracao-page .page-heading > .pill { flex-shrink: 0; }
.configuracao-page .card, .configuracao-page .settings-layout > *, .configuracao-page .ayla-layout > * { min-width: 0; }
.configuracao-page .card h2 { color: var(--ink); }
.configuracao-page .ico.icon { width: 21px; height: 21px; }
.configuracao-page .btn { text-decoration: none; }
.configuracao-page .btn.primario { color: #fff; background: var(--blue); border-color: transparent; }
.configuracao-page .form { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 23px 20px; margin-top: 24px; }
.configuracao-page .campo { min-width: 0; gap: 10px; color: var(--ink); }
.configuracao-page .campo > span { font-size: 14px; font-weight: 600; }
.configuracao-page .campo .input,
.configuracao-page .horario-grid .input,
.configuracao-page .chips > input {
  width: 100%; min-width: 0; border: 1px solid #d5dfef; border-radius: 12px;
  background: #fff; color: var(--ink); padding: 13px 14px;
  font-size: 15px; line-height: 1.5; min-height: 48px; font-weight: 450;
}
.configuracao-page .input:disabled { background: #f2f5fa; opacity: .8; }
.configuracao-page .ajuda { color: #6d7e98; font-size: 12px; line-height: 1.65; }
.configuracao-page .campo > .ajuda { margin-top: 0; }
.configuracao-page .lista-toggle .item { gap: 20px; padding-block: 15px; }
.configuracao-page .lista-toggle .desc { color: #6d7e98; line-height: 1.65; margin-top: 6px; }
.configuracao-page .lista-toggle .grow { min-width: 0; overflow-wrap: anywhere; }
.configuracao-page .toggle { width: 40px; height: 24px; }
.configuracao-page .toggle .trilho::after { width: 18px; height: 18px; top: 3px; left: 3px; }
.configuracao-page .toggle input:checked + .trilho { background: var(--blue); }
.configuracao-page .toggle input:checked + .trilho::after { transform: translateX(16px); }
.configuracao-page .toggle:has(input:focus-visible) { outline: 3px solid #648bff; outline-offset: 4px; border-radius: 20px; }
.configuracao-page .tabela-wrap { max-width: 100%; overflow-x: auto; border-radius: 16px; }
.configuracao-page .table th { font-size: 11px; padding: 15px; }
.configuracao-page .table td { padding: 15px; vertical-align: middle; }
.configuracao-page .aviso { line-height: 1.65; border-radius: 13px; }
.configuracao-page .aviso > .text-btn { display: block; margin-top: 10px; }
.configuracao-page .back-link { margin-bottom: 24px; }
.cfg-tabs { display: flex; gap: 6px; overflow-x: auto; padding: 6px; margin-bottom: 24px; border: 1px solid #fff; background: #e8eef8a6; border-radius: 15px; scrollbar-width: thin; }
.cfg-tabs > a, .cfg-tabs > button { border: 0; background: transparent; padding: 11px 15px; min-height: 44px; border-radius: 10px; color: #74849c; font-size: 13px; font-weight: 550; white-space: nowrap; text-decoration: none; }
.cfg-tabs > .active { background: #fff; color: var(--blue); box-shadow: 0 2px 7px #354b720a; }
.cfg-tabs > :focus-visible { outline-offset: -3px; }
.cfg-panel-heading { margin-bottom: 22px; }
.cfg-panel-heading p { margin-top: 8px; font-size: 14px; }
.cfg-card-intro { margin: 10px 0 0; font-size: 14px; }
.cfg-advanced { margin-top: 28px; border-radius: 22px; }
.cfg-advanced > summary { display: flex; gap: 16px; align-items: center; padding: 24px 26px; cursor: pointer; list-style: none; }
.cfg-advanced > summary::-webkit-details-marker, .cfg-prompt > summary::-webkit-details-marker, .cfg-connection-guide > summary::-webkit-details-marker { display: none; }
.cfg-advanced > summary > span:nth-child(2) { flex: 1; min-width: 0; }
.cfg-advanced > summary strong { display: block; font-size: 16px; font-weight: 600; }
.cfg-advanced > summary small { display: block; font-size: 13px; line-height: 1.6; color: #7687a0; margin-top: 5px; }
.cfg-summary-icon, .cfg-acesso-icone { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 14px; color: #6c88bd; background: #edf2fc; flex-shrink: 0; }
.cfg-summary-arrow { color: #91a1ba; transition: transform .2s; }
.cfg-advanced[open] > summary .cfg-summary-arrow { transform: rotate(90deg); }
.cfg-advanced-conteudo { padding: 0 26px 28px; }
.cfg-advanced-conteudo .card { padding: 28px; }
.cfg-prompt > summary { display: flex; justify-content: space-between; gap: 12px; align-items: center; cursor: pointer; list-style: none; color: var(--ink); font-size: 18px; font-weight: 600; }
.cfg-prompt[open] > summary { margin-bottom: 24px; }
.cfg-prompt textarea { width: 100%; min-height: 270px; padding: 16px; line-height: 1.7; resize: vertical; border-radius: 12px; background: #fff; }
.cfg-prompt > .aviso { margin-bottom: 16px; }
.cfg-related { display: flex; flex-wrap: wrap; gap: 12px 26px; padding: 23px 5px 5px; }
.cfg-related a { display: inline-flex; align-items: center; gap: 9px; color: #6a81a5; font-size: 13px; }
.cfg-related a > .icon:last-child { width: 15px; }
.ayla-page .ayla-title .ayla-orb { display: grid; width: 70px; height: 70px; border-radius: 22px; }
.ayla-page .ayla-title .ayla-orb .icon { width: 33px; height: 33px; }
.ayla-page .ayla-title .pill { white-space: normal; font-size: 11px; line-height: 1.5; }
.ayla-page .ia-resposta-toggle { margin-bottom: 28px; }
.ayla-page .ia-resposta-toggle p { font-size: 13px; margin-top: 6px; }
.ayla-page .choice > span:nth-child(2) { flex: 1; min-width: 0; }
.ayla-page .choice:has(input:disabled) { cursor: default; }
.ayla-page .choice strong { display: block; }
.ayla-page .ia-modo-nota { font-size: 12px; color: #7c6c42; background: #fff5e2; border-radius: 12px; padding: 13px; margin-bottom: 20px; }
.ayla-page .ia-modo-nota .text-btn { display: inline; font-size: inherit; padding: 0; text-decoration: underline; }
.ayla-page .ia-teste { position: sticky; top: 0; }
.ayla-page .ia-teste > p { font-size: 14px; }
.ayla-page .ia-teste .field { margin: 4px 0; }
.ayla-page .ia-teste-resultado:empty { display: none; }
.ayla-page .ia-teste-resultado .balao { background: #fff; color: #355547; border: 1px solid #dde6df; padding: 17px; border-radius: 14px; white-space: pre-wrap; line-height: 1.65; }
.ayla-page .ia-teste-resultado .aviso { margin: 0; }
.ayla-page .ia-teste .form-note { margin: 0; font-size: 12px; }
.cfg-card-title { display: flex; align-items: center; gap: 15px; margin-bottom: 24px; }
.cfg-loja-dados { margin: 0 0 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 24px 20px; }
.cfg-loja-dados > div:last-child { grid-column: 1 / -1; }
.cfg-loja-dados dt { font-size: 12px; color: #7c8ca5; margin-bottom: 9px; }
.cfg-loja-dados dd { margin: 0; font-size: 15px; line-height: 1.65; overflow-wrap: anywhere; }
.cfg-acesso { display: flex; align-items: center; gap: 15px; padding: 20px 0; color: var(--ink); text-decoration: none; }
.cfg-acesso > span:nth-child(2) { flex: 1; min-width: 0; }
.cfg-acesso strong { display: block; font-size: 14px; font-weight: 600; }
.cfg-acesso small { display: block; margin-top: 7px; color: #7889a2; font-size: 13px; line-height: 1.6; }
.cfg-acesso > .icon:last-child { width: 16px; color: #94a5bf; }
.cfg-acesso:hover strong { color: var(--blue); }
.cfg-seu-painel > .cfg-acesso { border-top: 1px solid var(--line); margin-top: 7px; }
.cfg-seu-painel > .cfg-acesso:last-child { padding-bottom: 0; }
.cfg-seu-painel > p { margin: 10px 0 22px; }
.cfg-ayla-promo { margin-top: 28px; }
.cfg-ayla-promo > div:nth-child(2) { flex: 1; }
.cfg-ayla-promo p { max-width: 590px; }
.cfg-recursos { margin-top: 34px; }
.cfg-recursos-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.cfg-recursos-grid > .cfg-acesso { padding: 22px; background: var(--surface); border: 1px solid #fff; border-radius: 20px; align-items: flex-start; }
.cfg-recursos-grid > .cfg-acesso > .icon:last-child { margin-top: 12px; }
.cfg-system-links { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 0 26px 24px; }
.cfg-form .card { padding: 30px; background: var(--surface); border-color: #ffffffd9; box-shadow: inset 0 1px 0 #fff, var(--shadow); }
.cfg-form .card.mt { margin-top: 24px; }
.cfg-form .card > .campo { margin-top: 23px; }
.cfg-form .horario-grid { margin-top: 24px; grid-template-columns: 100px minmax(100px, 250px) 1fr 0; gap: 12px; }
.cfg-form .chips { gap: 8px; }
.cfg-form .chips > input { width: 210px; min-height: 42px; padding: 8px 12px; }
.cfg-form .chip { font-size: 13px; border-radius: 9px; padding: 7px 10px; }
.cfg-form .horario-grid .dia { text-transform: capitalize; color: #6b7d98; }
.cfg-form .sinais { gap: 20px; }
.cfg-form .sinal .r { font-size: 12px; color: #7c8ca5; }
.cfg-form .sinal .v { margin-top: 9px; }
.conexoes-page .connection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.conexoes-page .connection-card { display: flex; padding: 30px; }
.conexoes-page .connection-logo { margin: 0 0 26px; }
.conexoes-page .connection-logo .icon { width: 28px; height: 28px; }
.conexoes-page .connection-card > .pill { top: 30px; right: 28px; max-width: calc(100% - 120px); white-space: normal; font-size: 11px; line-height: 1.5; }
.conexoes-page .connection-card h2 { max-width: none; }
.conexoes-page .connection-card > p { min-height: 50px; max-width: 410px; }
.conexoes-page .connection-note { margin: 12px 0 21px; font-size: 13px; }
.conexoes-page .connection-note .icon { width: 16px; height: 16px; flex-shrink: 0; }
.conexoes-page .connection-logo.olx { background: #f2e9fc; color: #7624be; }
.cfg-olx-logo { font-size: 19px; font-weight: 750; letter-spacing: -1px; }
.cfg-connection-guide { margin: 0 0 22px; }
.cfg-connection-guide > summary { list-style: none; display: flex; gap: 7px; align-items: center; width: fit-content; font-size: 13px; color: #6b80a0; cursor: pointer; padding-block: 5px; }
.cfg-connection-guide > summary .icon { width: 14px; height: 14px; }
.cfg-connection-guide[open] > summary .icon { transform: rotate(90deg); }
.cfg-connection-guide .guide-list { margin: 15px 0 5px; padding-left: 19px; gap: 13px; color: #6d7f98; }
.cfg-connection-guide .guide-list li { font-size: 13px; line-height: 1.65; padding-left: 4px; }
.conexoes-page .connection-card > .btn { align-self: flex-start; }
.cfg-connection-extra { justify-content: center; margin-top: 16px; align-self: flex-start; font-size: 13px; }
.cfg-connection-callout { margin-top: 25px; }
.cfg-connection-callout > div:nth-child(2) { flex: 1; }
.cfg-connection-callout > .text-btn { font-size: 13px; white-space: nowrap; }
@media (max-width: 1180px) {
  .cfg-recursos-grid { grid-template-columns: 1fr; }
  .cfg-recursos-grid > .cfg-acesso { align-items: center; }
  .cfg-recursos-grid > .cfg-acesso > .icon:last-child { margin-top: 0; }
  .ayla-page .choice > .pill { display: none; }
  .cfg-ayla-promo { flex-wrap: wrap; }
  .cfg-ayla-promo > .btn { margin-left: 68px; }
  .cfg-connection-callout { flex-wrap: wrap; }
  .cfg-connection-callout > .text-btn { margin-left: 63px; }
}
@media (max-width: 980px) {
  .ayla-page .ia-teste { position: static; }
  .cfg-system-links { grid-template-columns: 1fr; gap: 0; }
}
@media (max-width: 720px) {
  .configuracao-page .page-heading { flex-wrap: wrap; }
  .configuracao-page .page-heading p { max-width: none; }
  .configuracao-page .form { grid-template-columns: 1fr; gap: 20px; }
  .configuracao-page .campo .input, .configuracao-page .chips > input, .configuracao-page .horario-grid .input, .configuracao-page textarea.input { font-size: 16px; }
  .configuracao-page .table td { padding: 12px; }
  .cfg-advanced > summary { gap: 12px; padding: 21px 18px; }
  .cfg-advanced > summary strong { font-size: 15px; }
  .cfg-advanced > summary small { font-size: 12px; }
  .cfg-advanced-conteudo { padding: 0 14px 20px; }
  .cfg-advanced-conteudo .card, .cfg-form .card { padding: 24px 19px; }
  .cfg-summary-icon { width: 36px; height: 36px; border-radius: 12px; }
  .cfg-tabs { margin-bottom: 20px; }
  .cfg-tabs > a, .cfg-tabs > button { padding-inline: 12px; font-size: 12px; }
  .cfg-panel-heading h2 { font-size: 20px; }
  .cfg-panel-heading p { font-size: 13px; }
  .ayla-page .ayla-title { align-items: flex-start; }
  .ayla-page .ayla-title .ayla-orb { width: 47px; height: 47px; border-radius: 16px; }
  .ayla-page .ayla-title .ayla-orb .icon { width: 26px; height: 26px; }
  .ayla-page .ayla-title h2 { font-size: 22px; margin-top: 10px; }
  .ayla-page .ayla-title .pill { font-size: 10px; }
  .ayla-page .choice { align-items: flex-start; }
  .ayla-page .choice input { margin-top: 3px; }
  .ayla-page .ayla-abilities { font-size: 12px; }
  .cfg-loja-dados { grid-template-columns: 1fr; gap: 20px; }
  .cfg-card-title { gap: 12px; }
  .cfg-acesso { gap: 12px; }
  .cfg-ayla-promo > .btn { margin-left: 0; width: 100%; }
  .cfg-ayla-promo > div:nth-child(2) { min-width: 170px; }
  .cfg-recursos-grid > .cfg-acesso { padding: 20px; }
  .cfg-system-links { padding: 0 18px 18px; }
  .cfg-form .horario-grid { grid-template-columns: 80px minmax(0, 1fr); gap: 12px; }
  .cfg-form .horario-grid > .ajuda, .cfg-form .horario-grid > span:empty { display: none; }
  .cfg-form .horario-grid .dia { font-size: 12px; }
  .cfg-form .sinais { grid-template-columns: 1fr 1fr; }
  .cfg-form .qr-box { flex-direction: column; align-items: flex-start; }
  .cfg-form .qr-box img { max-width: 100%; height: auto; }
  .conexoes-page .connection-grid { grid-template-columns: 1fr; }
  .conexoes-page .connection-card { padding: 25px; }
  .conexoes-page .connection-card > .pill { top: 26px; right: 23px; font-size: 10px; }
  .conexoes-page .connection-card > p { min-height: 0; }
  .conexoes-page .connection-card > .btn { width: 100%; }
  .cfg-connection-extra { align-self: center; }
  .cfg-connection-callout > .text-btn { margin-left: 0; white-space: normal; }
}
@media (prefers-reduced-motion: reduce) { .cfg-summary-arrow { transition: none; } }

/* criativos */
/* Estúdio: mesmas superfícies, tipografia e ritmo do painel aprovado. */
.criativos-main{padding:28px 34px 50px;min-width:0}.cr-page{max-width:1360px;margin:auto;color:#1a2946}.cr-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:8px 0 32px}.cr-heading h1{font-size:clamp(26px,3vw,39px);line-height:1.15;letter-spacing:-1.3px;margin:10px 0}.cr-heading p,.cr-section-title p{color:#74809a;line-height:1.6;margin:8px 0}.cr-heading>.btn{flex-shrink:0}.cr-steps{display:grid;grid-template-columns:repeat(3,1fr);max-width:850px;margin:0 auto 38px;gap:12px}.cr-steps button{border:0;background:transparent;display:flex;gap:11px;align-items:center;text-align:left;padding:12px;color:#939caf;font:inherit}.cr-steps span{width:35px;height:35px;border-radius:50%;background:#e9eef6;display:grid;place-items:center;font-size:13px;flex-shrink:0}.cr-steps strong{font-size:13px;font-weight:600}.cr-steps button.active{color:#234fac}.cr-steps .active span{background:#245fe6;color:white;box-shadow:0 5px 16px #245fe62b}.cr-steps .done span{background:#e1f4ef;color:#208969}.cr-section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 20px}.cr-section-title h2{font-size:24px;letter-spacing:-.6px;margin:0}.cr-section-title h3{font-size:17px;letter-spacing:-.2px;margin:0}.cr-section-title.compact{margin:12px 0 18px}.cr-search{display:flex;gap:12px;align-items:center;border:1px solid #dfe6f0;border-radius:18px;background:#ffffffa8;padding:8px 9px 8px 17px;max-width:620px;margin-bottom:24px}.cr-search>.icon{width:19px;color:#718099}.cr-search input{min-width:0;flex:1;background:none;border:0;padding:9px 0;font:inherit;font-size:14px;outline-offset:5px}.cr-cars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cr-car{text-align:left;position:relative;overflow:hidden;border-radius:23px;border:1px solid #fff;background:#ffffffb5;padding:0;cursor:pointer;box-shadow:0 8px 25px #2e467508;transition:transform .2s,box-shadow .2s;color:inherit}.cr-car:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 14px 30px #24457414}.cr-car.selected{outline:2px solid #3476ff}.cr-car:disabled{opacity:.5;cursor:default}.cr-car>img,.cr-no-photo{width:100%;height:184px;object-fit:cover;display:block;background:#e7edf5}.cr-no-photo{display:grid;place-items:center}.cr-car-info{padding:18px 20px 22px;display:grid;gap:7px}.cr-car-info small{font-size:11px;color:#7e89a0}.cr-car-info strong{font-size:15px;line-height:1.4;max-width:90%}.cr-car-info b{font-size:21px;letter-spacing:-.5px;color:#255aba;margin-top:8px}.cr-car-arrow{position:absolute;bottom:20px;right:19px;width:32px;height:32px;border-radius:50%;background:#edf3ff;color:#3369cf;display:grid;place-items:center}.cr-car-arrow .icon{width:17px}.cr-pagination{display:flex;justify-content:center;gap:18px;align-items:center;margin:26px 0;font-size:12px;color:#8590a4}.cr-loading{padding:70px;text-align:center;color:#71809a}.cr-selected-strip{padding:12px 16px;border-radius:19px;display:flex;gap:14px;align-items:center;margin-bottom:24px}.cr-selected-strip>img{width:72px;height:53px;object-fit:cover;border-radius:11px}.cr-selected-strip>div{display:grid;gap:5px;flex:1}.cr-selected-strip strong{font-size:14px}.cr-selected-strip small{font-size:12px;color:#7d899d}.cr-studio-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:25px;align-items:start}.cr-settings{padding:28px;border-radius:26px;min-width:0}.cr-settings>.eyebrow{display:block;margin:0 0 10px}.cr-settings>h3{font-size:20px;letter-spacing:-.5px;margin:0 0 18px}.cr-divider{height:1px;background:#e6ebf2;margin:28px 0}.cr-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 28px}.cr-options.styles{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}.cr-options>button{position:relative;text-align:left;display:flex;flex-direction:column;gap:7px;border:1px solid #e4eaf3;border-radius:17px;background:#fff9;padding:15px;font:inherit;color:inherit;cursor:pointer}.cr-options>button.selected{border-color:#6797fa;box-shadow:0 0 0 1px #6797fa;background:#f1f6ff}.cr-options strong{font-size:13px;line-height:1.3}.cr-options small{color:#7d899d;line-height:1.45;font-size:11px}.cr-option-check{position:absolute;right:10px;top:10px;border:1px solid #dbe4f1;background:white;border-radius:50%;width:17px;height:17px;font-size:10px;display:grid;place-items:center;color:white}.selected .cr-option-check{background:#2969e6;border-color:#2969e6}.cr-option-visual{display:flex;width:60px;height:44px;gap:3px;align-items:center;margin-bottom:5px}.cr-option-visual i{display:block;background:linear-gradient(140deg,#c0d5fb,#75a5ee);border-radius:5px;flex:1;height:36px}.cr-option-visual.foto i:not(:first-child){display:none}.cr-option-visual.mosaico{display:grid;grid-template-columns:2fr 1fr;height:44px;gap:3px}.cr-option-visual.mosaico i:first-child{grid-row:span 2;height:42px}.cr-option-visual.mosaico i{height:19px;border-radius:3px}.cr-option-visual.feed i{flex:0 0 33px;height:33px}.cr-option-visual.story i{flex:0 0 24px;height:42px}.cr-option-visual.elegante,.cr-option-visual.impacto,.cr-option-visual.minimalista{width:100%;height:50px;border-radius:9px;display:grid;place-items:center;font-size:21px;font-weight:650;letter-spacing:-1px}.cr-option-visual.elegante{background:#17243c;color:#d6be8c}.cr-option-visual.impacto{background:#265ee3;color:#f1ff93}.cr-option-visual.minimalista{background:#f8f6f0;color:#35404b;border:1px solid #e8e7e1}.cr-photo-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-height:340px;overflow-y:auto;padding:2px}.cr-photo-picker button{position:relative;overflow:hidden;background:#edf2f8;border:2px solid transparent;padding:0;border-radius:11px;cursor:pointer;aspect-ratio:1}.cr-photo-picker button.selected{border-color:#377afa;box-shadow:0 0 0 1px #377afa}.cr-photo-picker img{width:100%;height:100%;object-fit:cover;display:block}.cr-photo-picker span{position:absolute;top:6px;right:6px;width:21px;height:21px;border-radius:50%;background:#fff;color:#677389;font-size:11px;display:grid;place-items:center}.cr-photo-picker .selected span{background:#2f72ed;color:white}.cr-photo-picker small{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#142b526d);color:white;text-align:left;padding:13px 7px 6px;font-size:10px}.cr-studio-aside{display:grid;gap:20px;position:sticky;top:20px}.cr-preview-card{border-radius:26px;padding:23px}.cr-preview-card>.eyebrow{display:block;margin-bottom:16px}.cr-composition{border-radius:15px;background:#182843;overflow:hidden;box-shadow:0 12px 25px #1424431c}.cr-composition-photos{height:235px;display:grid;gap:4px;background:#e7edf4}.cr-composition-photos>img{width:100%;height:100%;object-fit:cover;min-height:0;min-width:0}.cr-composition.mosaico .cr-composition-photos{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.cr-composition.mosaico .count-3>img:first-child{grid-row:span 2}.cr-composition.story{width:74%;margin:auto}.cr-composition.story .cr-composition-photos{height:300px}.cr-composition-caption{display:flex;flex-direction:column;padding:17px 20px;color:white;gap:7px}.cr-composition-caption small{font-size:9px;letter-spacing:1.3px;opacity:.6}.cr-composition-caption strong{font-size:18px;line-height:1.25;letter-spacing:-.3px}.cr-composition-caption b{font-size:23px;color:#cee0ff;letter-spacing:-.6px}.cr-preview-label{display:block;color:#8c97a9;font-size:10px;line-height:1.5;text-align:center;margin:11px 6px 0}.cr-fact-note{display:flex;align-items:flex-start;gap:10px;margin-top:18px;color:#75819a}.cr-fact-note .icon{width:17px;flex-shrink:0;margin-top:3px}.cr-fact-note p{font-size:11px;line-height:1.6;margin:0}.cr-generate-card{background:linear-gradient(150deg,#e6effffc,#f5f8fff5);border:1px solid #fff;border-radius:25px;padding:24px;box-shadow:0 9px 20px #30559005}.cr-ai-symbol{display:grid;place-items:center;width:40px;height:40px;background:#fff;border-radius:13px;color:#346bdd;box-shadow:0 4px 8px #3564b80c;font-size:26px}.cr-generate-card h3{font-size:20px;letter-spacing:-.5px;margin:17px 0 10px}.cr-generate-card p{font-size:13px;line-height:1.7;color:#6c7f9b}.cr-generate-card>small{display:block;font-size:10px;line-height:1.7;color:#7586a0;margin:14px 0}.cr-generate-card>.btn{width:100%;justify-content:center;margin-top:8px}.cr-generate-card>.text-btn{margin:17px auto 0;display:flex;justify-content:center;font-size:12px}.cr-notice{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border:1px solid #dce7fb;background:#edf4ffc4;border-radius:13px;color:#536e97;margin:14px 0;font-size:12px;line-height:1.6}.cr-notice.warning{background:#fff7eccc;border-color:#f1dfc3;color:#896742}.cr-notice .icon{width:17px;height:17px;flex-shrink:0;margin-top:2px}.cr-inline-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cr-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cr-generation{margin:28px 0 38px}.cr-generation>header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.cr-generation>header h3{font-size:16px;margin:0 0 6px}.cr-generation>header span,.cr-generation>header>small{font-size:11px;color:#8390a6}.cr-result-card{overflow:hidden;border-radius:22px;display:flex;flex-direction:column;min-width:0}.cr-art-open{width:100%;border:0;padding:0;background:#e7edf6;aspect-ratio:1;display:block;cursor:zoom-in}.cr-art-open>img{display:block;object-fit:contain;width:100%;height:100%}.cr-art-open.story{aspect-ratio:9/16;max-height:440px}.cr-art-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:13px;color:#8a96a8;font-size:12px}.cr-art-placeholder .icon{width:28px;height:28px}.cr-result-copy{padding:19px;display:flex;flex-direction:column;gap:12px;flex:1}.cr-result-copy>.pill{align-self:flex-start;font-size:10px}.cr-result-copy h3{font-size:15px;margin:0;line-height:1.4}.cr-result-copy>p{white-space:pre-wrap;font-size:12px;line-height:1.6;color:#78869d;margin:0 0 6px}.cr-result-copy>small{color:#8490a4;font-size:10px;line-height:1.6}.cr-result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.cr-result-actions>.btn{font-size:11px;padding:10px 11px;flex:1;justify-content:center;white-space:nowrap}.cr-empty{text-align:center;border-radius:24px;padding:60px 24px;color:#7a89a0}.cr-empty>.icon{width:36px;height:36px;margin:auto;color:#5c87d3}.cr-empty h3{color:#344564;font-size:20px}.cr-empty .btn{margin:20px auto 0}.cr-dialog{border:1px solid #fff;background:#f6f8fd;border-radius:26px;width:min(1060px,94vw);max-width:94vw;max-height:90dvh;padding:25px;color:#283b5a;box-shadow:0 25px 80px #14264440}.cr-dialog::backdrop{background:#10284d66;backdrop-filter:blur(9px)}.cr-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.cr-dialog-head h2{font-size:20px;letter-spacing:-.5px;margin:8px 0 0}.cr-dialog-body{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:26px;align-items:center}.cr-dialog-body>img{max-width:100%;max-height:65dvh;object-fit:contain;border-radius:13px;margin:auto}.cr-dialog-body p{font-size:13px;white-space:pre-wrap;line-height:1.7;color:#78879f}.cr-dialog-body small{display:block;color:#8b96a8;font-size:11px;line-height:1.6;margin:22px 0}.cr-dialog-body h3{font-size:18px}.cr-dialog .circle-btn{font-size:25px;flex-shrink:0}.cr-campaign-art{margin:24px 0}.cr-campaign-art .cr-result-card{max-width:310px}.cr-creative-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-radius:22px;margin:22px 0;background:linear-gradient(115deg,#e8f0feee,#fff9);border:1px solid #fff}.cr-creative-banner h3{margin:0 0 8px;font-size:19px;letter-spacing:-.5px}.cr-creative-banner p{font-size:12px;line-height:1.6;color:#7585a0;margin:0}.cr-creative-banner .btn{flex-shrink:0}.cr-picked-art{display:grid;grid-template-columns:160px 1fr;gap:23px;align-items:center;padding:22px;border-radius:24px;margin:20px 0}.cr-picked-art>img{width:160px;border-radius:12px;object-fit:contain;box-shadow:0 10px 20px #182c4112}.cr-picked-art h3{font-size:20px;margin:12px 0 8px}.cr-picked-art p{font-size:13px;line-height:1.6;color:#7d8aa1}.cr-picked-art .cr-inline-actions{margin-top:16px}
@media(min-width:1500px){.cr-cars{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.criativos-main{padding:24px}.cr-cars{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-studio-layout{grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);gap:18px}.cr-settings{padding:20px}.cr-options.styles{gap:8px}.cr-options>button{padding:13px 10px}.cr-results{gap:14px}.cr-result-copy{padding:14px}.cr-result-actions{flex-direction:column}.cr-option-visual.elegante,.cr-option-visual.impacto,.cr-option-visual.minimalista{height:42px}}
@media(max-width:800px){.cr-studio-layout{grid-template-columns:1fr}.cr-studio-aside{position:static;grid-template-columns:1fr 1fr;align-items:start}.cr-preview-card,.cr-generate-card{padding:20px}.cr-results{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:22px}.cr-heading>.btn{font-size:12px}.cr-heading h1{max-width:480px}.cr-dialog-body{grid-template-columns:1fr}.cr-dialog-body>img{max-height:57dvh}.cr-creative-banner{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.criativos-main{padding:18px 16px 100px}.cr-heading h1{font-size:29px;letter-spacing:-1px;line-height:1.18}.cr-heading p{font-size:13px;max-width:330px}.cr-heading .eyebrow{font-size:9px}.cr-steps{gap:3px;margin:0 0 25px}.cr-steps button{display:flex;flex-direction:column;text-align:center;gap:8px;padding:12px 2px}.cr-steps strong{font-size:10px;line-height:1.35}.cr-steps span{width:30px;height:30px;font-size:12px}.cr-section-title{align-items:flex-start;flex-direction:column;gap:10px}.cr-section-title h2{font-size:22px}.cr-section-title p{font-size:12px}.cr-section-title.compact{flex-direction:row}.cr-section-title.compact h3{font-size:15px}.cr-section-title.compact .pill{font-size:9px;white-space:nowrap}.cr-search{padding-left:12px;gap:8px}.cr-search input{font-size:12px}.cr-search>.btn{font-size:11px;padding:10px}.cr-cars{gap:13px}.cr-car{border-radius:17px}.cr-car>img,.cr-no-photo{height:112px}.cr-car-info{padding:13px 12px 17px;gap:6px}.cr-car-info small{font-size:9px}.cr-car-info strong{font-size:12px;max-width:100%;min-height:34px}.cr-car-info b{font-size:16px;margin-top:6px}.cr-car-arrow{display:none}.cr-selected-strip{padding:10px;gap:10px}.cr-selected-strip>img{width:54px;height:46px}.cr-selected-strip strong{font-size:12px}.cr-selected-strip small{font-size:10px}.cr-selected-strip>.text-btn{font-size:10px;flex-shrink:0;max-width:42px;text-align:center}.cr-settings{padding:19px 16px;border-radius:22px}.cr-settings .eyebrow{font-size:9px}.cr-settings h2{font-size:20px}.cr-studio-aside{grid-template-columns:1fr}.cr-photo-picker{gap:7px;max-height:290px}.cr-photo-picker span{width:18px;height:18px;font-size:10px;top:4px;right:4px}.cr-photo-picker small{font-size:9px}.cr-options{gap:10px}.cr-options strong{font-size:12px}.cr-options small{font-size:10px}.cr-options.styles{gap:7px}.cr-options.styles>button{padding:12px 9px}.cr-options.styles strong{font-size:11px}.cr-options.styles small{font-size:9px}.cr-preview-card{padding:20px}.cr-composition{max-width:325px;margin:auto}.cr-composition-photos{height:224px}.cr-composition.story .cr-composition-photos{height:280px}.cr-fact-note{max-width:325px;margin:16px auto 0}.cr-generate-card{padding:24px}.cr-generate-card>.btn{min-height:48px}.cr-results{grid-template-columns:1fr;gap:20px}.cr-result-copy{padding:20px}.cr-result-actions{flex-direction:row}.cr-result-actions>.btn{font-size:12px}.cr-generation>header{align-items:flex-start;flex-direction:column;gap:4px}.cr-generation>header h3{font-size:15px}.cr-generation>header span{font-size:10px}.cr-art-open.story{max-height:none}.cr-dialog{padding:17px;border-radius:20px}.cr-dialog-head h2{font-size:17px}.cr-dialog-body{gap:16px}.cr-dialog-body>img{max-height:57dvh}.cr-dialog-body .cr-inline-actions{align-items:stretch;flex-direction:column}.cr-dialog-body .btn{justify-content:center}.cr-picked-art{grid-template-columns:1fr;padding:20px;gap:15px}.cr-picked-art>img{width:min(100%,280px);margin:auto}.cr-picked-art h3{font-size:18px}.cr-picked-art .cr-inline-actions{align-items:stretch;flex-direction:column}.cr-picked-art .btn{justify-content:center}.cr-creative-banner{padding:20px}.cr-creative-banner>.btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.cr-page *{scroll-behavior:auto!important;transition:none!important}}

/* whatsapp_oficial */
.cloud-page{max-width:960px;margin:0 auto;padding:4px 0 40px}.cloud-page .init-work{padding:28px;border:1px solid rgba(255,255,255,.85);border-radius:30px;background:rgba(255,255,255,.62);box-shadow:0 12px 40px rgba(45,64,128,.05)}.cloud-page .init-official-head{gap:16px}.cloud-page h1{font-size:clamp(27px,3vw,40px);letter-spacing:-1.2px;line-height:1.15}.cloud-page>.init-grid{display:block}.cloud-page .cloud-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0}.cloud-page .cloud-step{display:grid;align-content:start;gap:12px;padding:22px 18px;background:rgba(255,255,255,.85);border:1px solid #fff;border-radius:22px}.cloud-step>span{display:grid;place-items:center;width:30px;height:30px;background:#e8edff;color:#3159ce;border-radius:10px;font-size:13px;font-weight:700}.cloud-step h3{font-size:16px;line-height:1.4;margin:0 0 8px;letter-spacing:-.25px}.cloud-step p{font-size:13px;line-height:1.7;color:#778197;margin:0}.cloud-page .cloud-caption{font-size:13px;line-height:1.65;color:#778197;margin-top:12px;max-width:650px}.cloud-page .aviso{font-size:14px;line-height:1.7;margin:18px 0;padding:20px;border-radius:20px}.cloud-page form{display:grid;gap:14px;margin:18px 0}.cloud-page input{display:block;border:1px solid #dce3f1;background:white;border-radius:12px;padding:12px;width:100%;max-width:240px;margin:8px 0}.cloud-page .init-muted{line-height:1.7;max-width:670px;margin:18px 0}.cloud-page .init-details{margin-top:22px;border-radius:18px;border:1px solid #e1e7f2;padding:16px;font-size:14px;line-height:1.8}.cloud-page .init-details summary{cursor:pointer;font-weight:600}.cloud-page .cloud-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.cloud-page .cloud-actions .btn{white-space:normal;text-align:center}
@media(max-width:680px){.cloud-page .init-work{padding:22px 18px}.cloud-page .cloud-steps{grid-template-columns:1fr;gap:12px}.cloud-page .cloud-step{grid-template-columns:30px 1fr;gap:14px;padding:18px}.cloud-page .init-official-head{align-items:flex-start}.cloud-page .init-official-head>.metric-icon{display:none}.cloud-page .cloud-actions{display:grid;grid-template-columns:1fr}.cloud-page #cloud-conectar{width:100%;white-space:normal}.cloud-page h1{letter-spacing:-.8px}}

.cloud-recovery{padding:16px 20px;background:#f1f5ff;border:1px solid #dbe4ff;border-radius:18px;margin:16px 0}.cloud-recovery p{line-height:1.6;margin:0 0 12px;color:#4f5f7d}.cloud-recovery .btn{white-space:normal}

/* meta_guias */
.meta-guides-page{max-width:1460px;margin:auto;padding-bottom:24px}
.meta-guide-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:750;color:#5c6d9c}
.meta-guide-heading h1{margin-top:9px;letter-spacing:-.045em;font-size:clamp(27px,3.3vw,43px);line-height:1.1}
.meta-guide-heading>div>p{max-width:820px;line-height:1.6;margin-top:12px}
.meta-guide-heading .btn{flex-shrink:0}
.meta-guide-intro{display:flex;align-items:center;gap:20px;padding:26px 30px;border-radius:26px;margin:24px 0}
.meta-guide-intro>div:nth-child(2){flex:1}.meta-guide-intro h2{font-size:19px;letter-spacing:-.025em;margin:0 0 7px}.meta-guide-intro p{font-size:13px;line-height:1.6;color:var(--muted,#69758c);max-width:730px;margin:0}
.meta-guide-intro-icon,.meta-guide-card-icon{display:grid;place-items:center;background:#e8eefc;color:#3864c9;flex-shrink:0}
.meta-guide-intro-icon{width:54px;height:54px;border-radius:17px}.meta-guide-intro-icon svg{width:26px;height:26px}
.meta-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.meta-guide-card{display:flex;flex-direction:column;text-decoration:none;color:var(--ink,#172238);border-radius:25px;padding:25px;transition:transform .18s ease,box-shadow .18s ease;border:1px solid rgba(255,255,255,.9);min-height:225px}
.meta-guide-card:hover{transform:translateY(-3px);box-shadow:0 13px 35px #344c8c12}.meta-guide-card:focus-visible,.meta-guide-rail a:focus-visible{outline:3px solid #5679d6;outline-offset:3px}
.meta-guide-card.recommended{border-color:#b7c9f0;background:linear-gradient(145deg,#ffffffd9,#ecf2ffbe)}
.meta-guide-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}.meta-guide-card-icon{width:45px;height:45px;border-radius:15px}.meta-guide-card-icon svg{width:22px;height:22px}
.meta-guide-card h2{font-size:18px;letter-spacing:-.03em;margin:0 0 9px;line-height:1.3}.meta-guide-card p{font-size:13px;color:var(--muted,#69758c);line-height:1.6;margin:0 0 18px}
.meta-guide-reason{font-size:12px;line-height:1.55;padding:11px 13px;background:#ffffff9e;border-radius:12px;margin-bottom:18px;color:#486291}
.meta-guide-open{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;font-size:12px;font-weight:750;color:#3864c9}.meta-guide-open svg{width:16px;height:16px}
.meta-guide-footer-note{display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;line-height:1.6;color:#798499;margin:23px 5px}.meta-guide-footer-note svg{width:15px;flex-shrink:0}
.meta-guide-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start;margin-top:26px}
.meta-guide-rail{padding:25px 17px;border-radius:24px;position:sticky;top:24px}.meta-guide-rail>.meta-guide-eyebrow{margin:0 10px}.meta-guide-rail ol{list-style:none;margin:20px 0;padding:0;display:grid;gap:5px}
.meta-guide-rail li a{display:flex;align-items:center;gap:11px;padding:12px 10px;text-decoration:none;color:#7a8598;border-radius:13px;font-size:12px;line-height:1.45}.meta-guide-rail li a[aria-current]{color:#2f53a0;background:#eaf0ffc4}.meta-guide-rail li a>span{width:27px;height:27px;flex-shrink:0;border:1px solid #d9e1ef;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:11px}.meta-guide-rail li a[aria-current]>span{color:white;background:#4269ca;border-color:#4269ca}.meta-guide-rail li strong{font-weight:600}
.meta-guide-rail>p{display:flex;gap:7px;font-size:11px;line-height:1.6;color:#8190a7;padding:14px 9px 0;border-top:1px solid #e1e7f0}.meta-guide-rail>p svg{width:14px;height:14px;flex-shrink:0;margin-top:2px}.meta-guide-rail>.text-btn{font-size:11px;margin-top:12px;padding:4px 9px}
.meta-guide-main{border-radius:28px;padding:30px;min-width:0}.meta-guide-step-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.meta-guide-step-dots{display:flex;gap:5px}.meta-guide-step-dots i{width:20px;height:4px;background:#e0e6f0;border-radius:4px}.meta-guide-step-dots i.active{background:#5f7dce}
.meta-guide-step-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.85fr);gap:25px;align-items:start}.meta-guide-copy h2{font-size:clamp(23px,2.2vw,31px);line-height:1.2;letter-spacing:-.035em;margin:3px 0 13px}.meta-guide-lead{font-size:14px;line-height:1.7;color:#626f86;margin:0 0 20px}
.meta-guide-actions{list-style:none;counter-reset:guide;display:grid;gap:14px;margin:0 0 24px;padding:0}.meta-guide-actions li{counter-increment:guide;position:relative;padding-left:31px;font-size:13px;line-height:1.65;color:#45526a}.meta-guide-actions li:before{content:counter(guide);position:absolute;left:0;top:1px;border-radius:8px;display:grid;place-items:center;width:21px;height:23px;background:#edf2fc;color:#5472b6;font-size:10px;font-weight:700}
.meta-guide-tip{display:flex;align-items:flex-start;gap:9px;padding:14px;background:#eef3fc96;border:1px solid #e2e9f6;border-radius:15px;margin:0 0 22px;color:#627591}.meta-guide-tip>svg{width:16px;height:16px;flex-shrink:0;margin-top:2px}.meta-guide-tip p{font-size:11px;line-height:1.65;margin:0}.meta-guide-copy>.btn{font-size:12px;white-space:normal;min-height:44px;line-height:1.4}.meta-guide-related{font-size:11px!important;margin-top:13px;display:flex;gap:8px;max-width:100%;line-height:1.6}
.meta-guide-figure{margin:0 -8px}.meta-guide-figure svg{width:100%;height:auto;display:block}.meta-guide-figure figcaption{font-size:10px;color:#7d8ca4;display:flex;align-items:center;justify-content:center;gap:5px;line-height:1.5;text-align:center;padding:0 12px}.meta-guide-figure figcaption svg{width:13px;height:13px;flex-shrink:0}
.meta-guide-before{margin:23px 10px 0;padding:17px 18px;background:#ffffff75;border:1px solid #e4eaf3;border-radius:16px}.meta-guide-before strong{font-size:11px;color:#4d6080}.meta-guide-before p{font-size:12px;line-height:1.7;color:#7b869b;margin:7px 0 0}
.meta-guide-step-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:30px;padding-top:24px;border-top:1px solid #e3e9f1}.meta-guide-step-nav .btn{min-height:43px;font-size:12px;white-space:normal}
.meta-guide-check{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:27px;padding:20px;background:#f2f5fc9e;border:1px solid #e0e8f6;border-radius:18px}.meta-guide-check>div:first-child{flex:1;min-width:170px}.meta-guide-check h3{font-size:14px;letter-spacing:-.02em;margin:0 0 7px}.meta-guide-check p{font-size:12px;line-height:1.6;color:#718099;margin:0}.meta-guide-check .btn{font-size:11px}.meta-guide-result{width:100%;display:flex;gap:10px;align-items:flex-start;background:#ffffffb5;border-radius:13px;padding:14px;color:#5b739b}.meta-guide-result>svg{flex-shrink:0;width:17px;height:17px;margin-top:1px}.meta-guide-result strong{font-size:12px;display:block;margin-bottom:4px}.meta-guide-result.observado{background:#e6f4ef;color:#207966}.meta-guide-result.observado p{color:#537e72}.meta-guide-result.atencao{background:#fff3e0;color:#966b27}.meta-guide-result.atencao p{color:#89714a}
.meta-guide-source{font-size:11px;color:#76849b;line-height:1.7;margin:20px 4px 0 277px}.meta-guide-source summary{display:flex;align-items:center;gap:8px;cursor:pointer;width:fit-content}.meta-guide-source summary svg{width:12px;height:12px}.meta-guide-source p{max-width:900px}.meta-guide-source a{color:#5677b4}
.meta-guide-help{padding:23px 0 0;border-top:1px solid #e2e8f1;margin-top:26px}.meta-guide-help h3{font-size:17px;letter-spacing:-.025em;margin:12px 0 9px}.meta-guide-help>p{font-size:12px;line-height:1.6;color:#7b889e;margin:0 0 18px}.meta-guide-help>.btn{margin-top:5px;font-size:12px;min-height:43px}.meta-guide-suggestion{display:flex;align-items:center;gap:10px;padding:12px;background:#f2f5fb9e;border:1px solid #e2e9f4;border-radius:14px;text-decoration:none;margin-bottom:10px}.meta-guide-suggestion>span{color:#5073bf}.meta-guide-suggestion svg{width:17px;height:17px;flex-shrink:0}.meta-guide-suggestion>div{flex:1}.meta-guide-suggestion strong{display:block;font-size:12px;color:#456292}.meta-guide-suggestion small{display:block;font-size:10px;line-height:1.6;color:#7b8aa2;margin-top:4px}.meta-guide-suggestion>svg{width:13px;color:#718fbd}
@media(min-width:1450px){.meta-guide-step-body{gap:35px}.meta-guide-main{padding:36px}}
@media(max-width:1150px){.meta-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-guide-layout{grid-template-columns:210px minmax(0,1fr);gap:16px}.meta-guide-step-body{grid-template-columns:1fr}.meta-guide-step-body>div:last-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:15px}.meta-guide-before{margin:0}.meta-guide-figure{max-width:380px}.meta-guide-source{margin-left:230px}.meta-guide-intro{flex-wrap:wrap}.meta-guide-intro>div:nth-child(2){min-width:220px}}
@media(max-width:720px){.meta-guide-heading{align-items:flex-start;gap:17px!important;flex-direction:column}.meta-guide-heading h1{font-size:29px}.meta-guide-heading .btn{font-size:11px;min-height:40px}.meta-guide-intro{padding:20px;border-radius:21px;gap:13px}.meta-guide-intro>div:nth-child(2){min-width:0;flex-basis:calc(100% - 69px)}.meta-guide-intro h2{font-size:16px}.meta-guide-intro p{font-size:12px}.meta-guide-intro>.btn{width:100%}.meta-guide-grid{grid-template-columns:1fr;gap:13px}.meta-guide-card{padding:22px;min-height:205px}.meta-guide-card-top{margin-bottom:14px}.meta-guide-layout{display:block;margin-top:22px}.meta-guide-rail{position:static;padding:16px;margin-bottom:15px;border-radius:20px}.meta-guide-rail ol{display:flex;overflow-x:auto;gap:6px;margin:10px 0 0;padding:0 0 5px}.meta-guide-rail li{flex:0 0 150px}.meta-guide-rail li a{align-items:flex-start;padding:10px;font-size:10px;height:100%;line-height:1.45}.meta-guide-rail li a>span{width:24px;height:24px;font-size:10px}.meta-guide-rail>p,.meta-guide-rail>.text-btn{display:none}.meta-guide-main{padding:22px 18px;border-radius:23px}.meta-guide-copy h2{font-size:25px}.meta-guide-lead{font-size:13px}.meta-guide-actions li{font-size:12px}.meta-guide-copy>.btn{width:100%}.meta-guide-step-body>div:last-child{display:block}.meta-guide-figure{margin:0 auto;max-width:400px}.meta-guide-before{margin:15px 0 0}.meta-guide-step-nav{gap:8px;padding-top:20px}.meta-guide-step-nav .btn{font-size:11px;padding-left:13px;padding-right:13px}.meta-guide-step-dots i{width:16px}.meta-guide-check{padding:16px}.meta-guide-check>.btn{width:100%}.meta-guide-source{margin:19px 4px}.meta-guide-footer-note{align-items:flex-start;text-align:left}.meta-guide-footer-note svg{margin-top:3px}.meta-guide-help{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.meta-guide-card{transition:none}.meta-guide-card:hover{transform:none}}

.init-guide-choices .init-choice{text-decoration:none}.init-guide-choices .init-choice:focus-visible{outline:3px solid #5679d6;outline-offset:2px}
@media(max-width:700px){.init-guide-choices{grid-template-columns:1fr}.init-guide-choices .init-choice{display:grid;grid-template-columns:28px 1fr;gap:4px 10px;padding:15px}.init-guide-choices .init-choice>.icon{grid-row:1/3;margin-top:2px}.init-guide-choices .init-choice strong{font-size:12px}.init-guide-choices .init-choice span{font-size:11px}}

}
.native-surface{min-width:0;--text:var(--ink);--text-2:var(--muted);--text-3:#8491a6;--accent:var(--blue);--accent-hover:var(--blue-dark);--line:#dce5f2;--line-strong:#cbd6e6;--surface:#fff;--surface-2:#f5f8fc;--ok:#249b70;--warn:#a57918;--err:#b64343;--mono:ui-monospace,monospace}.native-surface #native-content{padding:0;min-height:180px;height:auto;overflow:visible;max-width:none}.native-surface .page-heading{margin-top:20px}.native-overlays{position:relative;z-index:10030}.native-overlays #toasts{position:fixed;right:24px;bottom:24px;z-index:10050;display:grid;gap:10px}.native-overlays .modal-fundo{position:fixed;inset:0;z-index:10040;background:#11233b88;display:grid;place-items:center;padding:20px}.native-overlays .modal{background:#fff;border-radius:24px;max-height:90dvh;overflow:auto;width:min(650px,100%);padding:24px}.native-overlays .modal.larga{width:min(980px,100%)}.native-overlays .modal-cab,.native-overlays .modal-pe{display:flex;align-items:center;justify-content:space-between;gap:12px}.native-overlays .modal-corpo{margin:22px 0}.native-surface .cfg-tabs{overflow-x:auto}.native-surface .table{min-width:600px}.native-surface .tabela-wrap{overflow-x:auto}@media(max-width:760px){.native-surface h1{font-size:26px}.native-surface .cr-page,.native-surface .configuracao-page{padding:0}.native-overlays .modal{padding:18px}}