/* Camada premium: preto quente com dourado da MD Marketing (a cor de cada empresa assume o destaque), vidro, brilho e menu por seções. */
:root,:root[data-theme=dark]{
  --bg:#080806; --superf:#0f0e0a; --card:#16140d; --card2:#201d12; --linha:#33301f; --linha2:#242114;
  --texto:#f7f4ea; --suave:#d6d1bd; --mudo:#988f72;
  --acc:#F7B500; --acc-tx:#1b1304;
  --neon:color-mix(in srgb,var(--acc) 78%,#fff); --neon2:var(--acc);
  --ativo-bg:linear-gradient(135deg,color-mix(in srgb,var(--acc) 70%,#fff),var(--acc)); --ativo-tx:var(--acc-tx);
  --raio:22px; --raio-s:14px;
  --sombra:0 18px 50px rgba(0,0,0,.6); --sombra-card:0 1px 0 rgba(255,255,255,.04) inset,0 18px 40px rgba(0,0,0,.45); --borda-card:1px solid var(--linha2);
  --grad-hero:linear-gradient(160deg,color-mix(in srgb,var(--acc) 26%,transparent),rgba(125,184,255,.07) 70%);
  --lateral:248px; --brilho:0 0 0 1px color-mix(in srgb,var(--acc) 45%,transparent),0 8px 28px color-mix(in srgb,var(--acc) 30%,transparent);
  --halo:color-mix(in srgb,var(--acc) 14%,transparent); --halo2:color-mix(in srgb,var(--acc) 10%,transparent);
}
:root[data-theme=light]{
  --bg:#f8f4e6; --superf:#ffffff; --card:#ffffff; --card2:#fbf6e3; --linha:#e8dfc0; --linha2:#f0e9d0;
  --texto:#211a06; --suave:#4f4527; --mudo:#827646;
  --acc:#F7B500; --acc-tx:#1b1304;
  --neon:color-mix(in srgb,var(--acc) 78%,#fff); --neon2:var(--acc);
  --ativo-bg:linear-gradient(135deg,color-mix(in srgb,var(--acc) 70%,#fff),var(--acc)); --ativo-tx:var(--acc-tx);
  --sombra-card:0 1px 2px rgba(110,80,0,.05),0 12px 30px rgba(110,80,0,.09); --borda-card:1px solid var(--linha2);
  --grad-hero:linear-gradient(160deg,#fff0b8 0%,#e9f1ff 100%);
  --brilho:0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent);
  --halo:color-mix(in srgb,var(--acc) 16%,transparent); --halo2:transparent;
}
body{background:radial-gradient(1100px 520px at 85% -10%,var(--halo),transparent 60%),radial-gradient(900px 480px at -5% 105%,var(--halo2),transparent 60%),var(--bg);background-attachment:fixed}

/* ---------- menu lateral por seções ---------- */
.app{grid-template-columns:var(--lateral) minmax(0,1fr)}
.lateral{align-items:stretch;padding:22px 16px 16px;background:linear-gradient(180deg,rgba(22,20,13,.94),rgba(9,9,6,.97));border-right:1px solid var(--linha2);backdrop-filter:blur(14px);z-index:40}
:root[data-theme=light] .lateral{background:#fff}
.marca{padding:0 8px 18px;border-bottom:1px solid var(--linha2);margin-bottom:6px}
.marca img{width:140px}
.marca-nome{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--ativo-bg);color:var(--acc-tx);font-weight:700}
.menu{align-items:stretch;gap:3px;overflow:auto;padding-bottom:10px}
.menu-sec{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mudo);padding:16px 12px 6px;font-weight:700}
.menu a{width:auto;height:auto;min-height:42px;padding:9px 12px;border-radius:12px;justify-content:flex-start;gap:12px;color:var(--suave);font-weight:500;font-size:.93rem;border:1px solid transparent;position:relative;box-shadow:none}
.menu a svg{width:19px;height:19px;opacity:.85}
.menu a:hover{background:color-mix(in srgb,var(--acc) 9%,transparent);color:var(--texto);border-color:var(--linha2)}
.menu a.on{background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 26%,transparent),color-mix(in srgb,var(--acc) 8%,transparent));color:var(--texto);border-color:color-mix(in srgb,var(--acc) 45%,transparent);box-shadow:0 8px 26px color-mix(in srgb,var(--acc) 16%,transparent)}
.menu a.on::before{content:"";position:absolute;left:-17px;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--acc);box-shadow:0 0 12px var(--acc)}
.menu a.on svg{opacity:1;color:var(--acc)}
.lateral-rodape{justify-content:flex-start;padding:12px 8px 0;border-top:1px solid var(--linha2)}

/* ---------- topo (fica acima dos cartões, para o sino abrir por cima) ---------- */
.conteudo{padding-top:20px;max-width:1640px}
.barra-topo{position:relative;z-index:70;padding:8px 10px 8px 8px;border:1px solid var(--linha2);background:rgba(22,20,13,.7);border-radius:999px;margin-bottom:22px}
:root[data-theme=light] .barra-topo{background:#fff}
.alertas{position:relative}
.alertas-painel{z-index:80;background:var(--card);border-color:color-mix(in srgb,var(--acc) 40%,var(--linha));box-shadow:0 24px 60px rgba(0,0,0,.65)}
.busca-topo{background:transparent;border:0;flex:1;max-width:520px}
.icone-btn{background:var(--card2);border:1px solid var(--linha2)}
.icone-btn:hover{border-color:var(--acc);box-shadow:var(--brilho)}
.perfil{display:flex;align-items:center;gap:10px;margin-left:auto;padding-left:6px}
.perfil .avatar{margin:0;width:40px;height:40px;background:var(--ativo-bg);color:var(--acc-tx);box-shadow:var(--brilho)}
.perfil-txt{display:flex;flex-direction:column;line-height:1.15}
.perfil-txt b{font-size:.86rem}.perfil-txt small{color:var(--mudo);font-size:.72rem}
.barra-topo #btn-tema{margin-left:auto}
.barra-topo #btn-tema + .perfil{margin-left:0}
h1{font-size:2rem;letter-spacing:-.02em;background:linear-gradient(90deg,var(--texto) 40%,var(--neon));-webkit-background-clip:text;background-clip:text;color:transparent}
.topo{margin-bottom:22px;position:relative;z-index:65}   /* o sino de leads abre por cima dos quadros e cartões */
.sino-caixa{z-index:66}

/* ---------- cartões e botões ---------- */
.card{background:linear-gradient(180deg,rgba(28,25,15,.82),rgba(16,14,9,.82));border:var(--borda-card);box-shadow:var(--sombra-card);border-radius:var(--raio)}
:root[data-theme=light] .card{background:#fff}
.card:hover{border-color:color-mix(in srgb,var(--acc) 30%,var(--linha2))}
.btn{background:rgba(28,25,15,.85);border-color:var(--linha);transition:border-color .15s,box-shadow .15s,transform .15s,background .15s}
:root[data-theme=light] .btn{background:#fff}
.btn:hover{border-color:var(--acc);background:var(--card2);box-shadow:0 6px 20px color-mix(in srgb,var(--acc) 18%,transparent)}
.btn-pri,.btn.btn-pri,.btn-vista[aria-pressed=true],.seg a.on,.g-abas a.on,.g-filtros a.on,.ag-vistas button.on,.kf-camps a.on,.toast{background:var(--ativo-bg);color:var(--ativo-tx);border-color:transparent}
.btn-pri{box-shadow:var(--brilho)}
.btn-pri:hover{background:var(--ativo-bg);color:var(--ativo-tx);border-color:transparent;filter:brightness(1.08);transform:translateY(-1px)}
.btn-pri svg,.seg a.on svg{color:var(--ativo-tx)}
input,select,textarea{border-radius:12px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 24%,transparent)}
input[type=checkbox],input[type=radio]{accent-color:var(--acc)}
.chip,.tag{background:color-mix(in srgb,var(--acc) 8%,transparent);border-color:color-mix(in srgb,var(--acc) 26%,transparent)}
.kpi{background:color-mix(in srgb,var(--acc) 6%,transparent);border-color:var(--linha2);border-radius:16px}
.pilula:hover{background:var(--ativo-bg);color:var(--ativo-tx)}
.tabela th{letter-spacing:.06em;text-transform:uppercase;font-size:.7rem}
.tabela tr:hover td{background:color-mix(in srgb,var(--acc) 6%,transparent)}
.dlg{background:linear-gradient(180deg,#1a170d,#100e08);border-color:color-mix(in srgb,var(--acc) 32%,var(--linha));box-shadow:var(--sombra)}
:root[data-theme=light] .dlg{background:#fff}
.dlg::backdrop{background:rgba(5,4,2,.74);backdrop-filter:blur(4px)}
.aviso,.faixa-plano,.faixa-pausa{border-radius:16px}

/* ---------- animação suave ---------- */
@media(prefers-reduced-motion:no-preference){
  .conteudo>*:not(.barra-topo){animation:entra .35s ease both}
  @keyframes entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}

/* ---------- telas médias e celular ---------- */
@media(max-width:1180px){
  :root{--lateral:84px}
  .menu-sec{display:none}
  .menu a span{display:none}
  .menu a{justify-content:center;padding:0;height:46px;width:46px;margin:0 auto}
  .marca img{width:56px;object-fit:cover;object-position:left}
  .menu a.on::before{left:-19px}
  .perfil-txt{display:none}
}
@media(max-width:860px){
  .barra-topo{border-radius:22px}
  .perfil-txt{display:none}
  .abas{background:rgba(12,11,7,.95);backdrop-filter:blur(14px);border-top:1px solid var(--linha);grid-auto-columns:minmax(66px,1fr);overflow-x:auto;scrollbar-width:none}
  .abas::-webkit-scrollbar{display:none}
  .abas a{font-size:.62rem;white-space:nowrap}
  .abas a.on{background:color-mix(in srgb,var(--acc) 20%,transparent);color:var(--texto)}
}
.perfil .avatar,.avatar{background:linear-gradient(135deg,#ffd25e,#f7b500)!important;color:#1b1304!important}

/* tema claro: os botões principais e os selecionados não podem herdar o fundo branco dos botões comuns */
:root[data-theme=light] .btn.btn-pri,:root[data-theme=light] .btn-pri,:root[data-theme=light] .btn-vista[aria-pressed=true],:root[data-theme=light] .seg a.on,
:root[data-theme=light] .g-abas a.on,:root[data-theme=light] .g-filtros a.on,:root[data-theme=light] .ag-vistas button.on,:root[data-theme=light] .kf-camps a.on,
:root[data-theme=light] .pilula:hover,:root[data-theme=light] .toast{background:var(--ativo-bg);color:var(--ativo-tx);border-color:transparent}
:root[data-theme=light] .btn.btn-pri:hover{background:var(--ativo-bg);color:var(--ativo-tx)}
:root[data-theme=light] .btn-ok{background:rgba(31,157,87,.12);color:var(--ok)}
:root[data-theme=light] .btn-perigo{background:rgba(214,69,69,.10);color:var(--ruim-tx2)}
:root[data-theme=light] .btn.btn-aviso{background:rgba(184,120,0,.12)}

/* ================= Kanban premium ================= */
.gaveta{z-index:200}
.gaveta-fundo{background:rgba(4,3,1,.7);backdrop-filter:blur(3px)}
.kf-camps{margin-bottom:14px}
.kf-barra2{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px;padding:10px 12px;border:1px solid var(--linha2);border-radius:18px;background:rgba(22,20,13,.6)}
:root[data-theme=light] .kf-barra2{background:#fff}
.kf-barra2 .busca{flex:1 1 260px;min-width:200px}
.kf-barra2 .muted{margin-left:auto}
.kf-painel{background:transparent;border:0;padding:0}
.kf-disparo{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:0 0 14px;padding:14px 18px;border-radius:18px;border:1px solid color-mix(in srgb,var(--acc) 30%,var(--linha2));background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 14%,transparent),transparent 70%)}
.kf-disparo .kf-resumo b{font-size:1.4rem}
.kf-abre{margin:0 0 14px;padding:16px 18px;border:1px solid var(--linha2);border-radius:18px;background:rgba(22,20,13,.55)}
:root[data-theme=light] .kf-abre{background:#fff}
.kf-abre h2{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mudo);margin-bottom:10px}
#kf-toggle.on{border-color:var(--acc);box-shadow:var(--brilho)}
.kf-fora{margin-top:18px}

.quadro{gap:16px;padding-bottom:20px}
.coluna{flex-basis:300px;border-radius:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--tom) 11%,var(--superf)),var(--superf) 70%);border-color:color-mix(in srgb,var(--tom) 28%,var(--linha2));box-shadow:0 18px 40px rgba(0,0,0,.3);position:relative;overflow:hidden}
.coluna::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--tom),transparent);box-shadow:0 0 18px var(--tom)}
.coluna-topo h3{font-size:.98rem;letter-spacing:-.005em;color:var(--texto)}
.coluna-topo .n{background:color-mix(in srgb,var(--tom) 22%,var(--card));color:var(--texto);box-shadow:none;border:1px solid color-mix(in srgb,var(--tom) 40%,transparent)}
.coluna-nota{font-size:.74rem}
.cartao{background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card) 90%,#000));border:1px solid var(--linha2);border-radius:18px;padding:12px;box-shadow:0 6px 18px rgba(0,0,0,.28)}
:root[data-theme=light] .cartao{background:#fff;box-shadow:0 4px 14px rgba(110,80,0,.08)}
.cartao:hover{border-color:color-mix(in srgb,var(--tom) 55%,transparent);box-shadow:0 10px 26px rgba(0,0,0,.4),0 0 0 1px color-mix(in srgb,var(--tom) 25%,transparent)}
.cartao.arrastando{opacity:.4;transform:rotate(1.5deg)}
.cart-topo{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.cart-nome{min-width:0}
.cart-nome b{margin:0;font-size:.95rem}
.cart-nome small{display:block;color:var(--mudo);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cart-av{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:.95rem;color:#fff;background:linear-gradient(135deg,var(--tom),color-mix(in srgb,var(--tom) 55%,#000));box-shadow:0 4px 12px color-mix(in srgb,var(--tom) 40%,transparent)}
.cart-av.grande{width:44px;height:44px;border-radius:50%;font-size:1.1rem}
.cartao .sub{font-size:.78rem}
.cartao .tags{margin-top:9px}
.coluna.alvo{outline:2px dashed var(--tom);outline-offset:-3px;background:color-mix(in srgb,var(--tom) 18%,var(--superf))}

/* editor de colunas */
.kb-cols-dlg{width:min(620px,calc(100vw - 24px))}
.kb-col-lin{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--linha2);border-radius:14px;margin-bottom:8px;background:var(--card2)}
.kb-col-ord{display:flex;flex-direction:column;gap:3px}
.kb-col-ord .icone-btn{width:26px;height:22px;border-radius:7px;font-size:.78rem;display:grid;place-items:center;padding:0;cursor:pointer;color:var(--texto)}
.kb-cor{width:40px;height:40px;padding:2px;border-radius:12px;border:1px solid var(--linha);background:transparent;cursor:pointer;flex:none}
.kb-nome{flex:1;min-width:0}
.kb-vis{white-space:nowrap;font-size:.84rem;color:var(--suave);display:flex;gap:6px;align-items:center}
#kb-cols-lista{max-height:56vh;overflow:auto;margin-top:12px}

/* ================= conversa estilo WhatsApp Web ================= */
.gaveta-painel{width:min(1120px,100%);background:var(--bg);overflow:hidden;display:flex;flex-direction:column}
#gaveta-conteudo{height:100%}
.g-duplo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);grid-template-rows:minmax(0,1fr);height:100%;min-height:0}
.g-chat{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden;border-right:1px solid var(--linha2);background:var(--wa-bg)}
.wa-cab{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--linha2)}
.wa-cab-t{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.2}
.wa-cab-t b{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-cab-t small{color:var(--mudo)}
.wa-situ{background:color-mix(in srgb,var(--acc) 14%,transparent)}
.wa-cab .fechar{position:static;width:38px;height:38px}
.wa-recarregar{flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--linha2);background:transparent;color:var(--texto);font-size:1.15rem;line-height:1;cursor:pointer}
.wa-recarregar:hover{background:color-mix(in srgb,var(--acc) 14%,transparent)}
.wa-recarregar.gira{animation:giraR .6s linear}
@keyframes giraR{to{transform:rotate(360deg)}}
.wa-area{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;padding:6px 0;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:22px 22px}
:root[data-theme=light] .wa-area{background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1px)}
.wa-area .conversa.wa{max-height:none;flex:1 0 auto;overflow:visible;padding:14px 16px;background:transparent;border-radius:0}
.wa-area > p{padding:0 16px}
.wa-msg{font-size:.93rem;max-width:78%}
.wa-compor{display:flex;gap:10px;align-items:flex-end;padding:10px 14px;background:var(--card);border-top:1px solid var(--linha2)}
.wa-compor textarea{flex:1;min-height:44px;max-height:140px;border-radius:22px;padding:11px 16px;resize:none}
.wa-enviar{flex:none;width:46px;height:46px;border-radius:50%;border:0;background:var(--ativo-bg);color:var(--ativo-tx);display:grid;place-items:center;cursor:pointer;box-shadow:var(--brilho)}
.wa-enviar svg{width:20px;height:20px}
.g-lado{min-height:0;overflow-y:auto;background:var(--bg);min-width:0}
.g-lado .g-corpo{padding:16px}
.g-lado .g-bloco{background:var(--card);border:1px solid var(--linha2);border-radius:16px;padding:14px;margin-bottom:12px}
.g-lado .g-bloco h4{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mudo);margin-bottom:8px}
@media(max-width:980px){
  .g-duplo{grid-template-columns:1fr;grid-template-rows:minmax(0,60%) minmax(0,40%)}
  .g-chat{border-right:0;border-bottom:1px solid var(--linha2)}
}
:root[data-theme=light] .cartao .tag.kf-site{color:#17713f}:root[data-theme=light] .cartao .tag.kf-ig{color:#b02f86}:root[data-theme=light] .cartao .tag.kf-sem{color:#b83a3a}
:root[data-theme=light] .cartao .tag.kf-fixo{color:#8a5a00}:root[data-theme=light] .cartao .tag.kf-fila{color:#2f6fd0}:root[data-theme=light] .coluna-topo h3{color:var(--texto)}

/* ================= Instagram: lista + celular de pré-visualização ================= */
.ig-abas{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.ig-abas button{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--linha2);background:var(--card2);color:var(--suave);border-radius:999px;padding:7px 14px;font:500 .86rem Ubuntu,system-ui,sans-serif;cursor:pointer}
.ig-abas button span{background:rgba(255,255,255,.08);border-radius:999px;padding:0 8px;font-size:.74rem}
:root[data-theme=light] .ig-abas button span{background:rgba(0,0,0,.07)}
.ig-abas button:hover{border-color:var(--acc);color:var(--texto)}
.ig-abas button.on{background:var(--ativo-bg);color:var(--ativo-tx);border-color:transparent;box-shadow:var(--brilho)}
.ig-grade{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}
.ig-lista{min-width:0}
.tab-posts tr.lin-post{transition:background .15s}
.tab-posts tr.lin-post:hover td{background:color-mix(in srgb,var(--acc) 5%,transparent)}
.tab-posts tr.lin-post.sel td{background:color-mix(in srgb,var(--acc) 11%,transparent)}
.tab-posts tr.lin-post.sel td:first-child{box-shadow:inset 3px 0 0 var(--acc)}
.tab-posts .miniatura{border-radius:12px}
.ig-celular{position:sticky;top:18px}
.ig-fone{position:relative;width:300px;margin:0 auto;border-radius:44px;padding:11px;background:linear-gradient(160deg,#2a2618,#0c0b07);box-shadow:0 0 0 1.5px #4a4430,0 30px 70px rgba(0,0,0,.55),0 0 60px color-mix(in srgb,var(--acc) 16%,transparent)}
.ig-notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:84px;height:22px;border-radius:14px;background:#000;z-index:3}
.ig-tela{background:#000;color:#f5f5f5;border-radius:34px;overflow:hidden;min-height:560px;padding-top:42px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:13px}
.ig-app-topo{padding:6px 14px 8px;font-size:16px;font-family:"Billabong","Brush Script MT",cursive,serif}
.ig-app-topo b{font-weight:600;font-size:18px;letter-spacing:.2px}
.ig-post-cab{display:flex;gap:9px;align-items:center;padding:6px 12px}
.ig-post-cab div{flex:1;line-height:1.15;min-width:0}
.ig-post-cab b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ig-post-cab small{color:#a8a8a8;font-size:11px}
.ig-av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#1b1304;background:linear-gradient(135deg,#ffd25e,#f7b500);box-shadow:0 0 0 2px #000,0 0 0 3.5px #f7b500;flex:none}
.ig-mais{letter-spacing:1px;color:#bbb}
.ig-midia{position:relative;aspect-ratio:4/5;background:#111;overflow:hidden;display:grid;place-items:center}
.ig-slide{width:100%;height:100%;object-fit:cover;display:block}
.ig-vazio{color:#8a8a8a;padding:20px;text-align:center}
.ig-seta{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 3px}
.ig-seta.e{left:8px}.ig-seta.d{right:8px}
.ig-cont{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.6);border-radius:12px;padding:2px 9px;font-size:11px}
.ig-pontos{display:flex;gap:4px;justify-content:center;min-height:6px;padding:6px 0 0}
.ig-pontos i{width:6px;height:6px;border-radius:50%;background:#555}.ig-pontos i.on{background:#3897f0}
.ig-acoes{display:flex;gap:14px;padding:8px 12px 4px}
.ig-acoes svg{width:24px;height:24px;fill:none;stroke:#f5f5f5;stroke-width:1.7;stroke-linejoin:round}
.ig-acoes .dir{margin-left:auto}
.ig-leg{padding:2px 12px 16px;line-height:1.4;max-height:150px;overflow:auto;overflow-wrap:anywhere}
.ig-dica{text-align:center;margin-top:12px}
@media(max-width:1100px){.ig-grade{grid-template-columns:1fr}.ig-celular{position:static;order:-1}}
.tab-posts,.tab-posts tbody{display:block;width:100%}
.tab-posts tr.lin-post{display:grid;grid-template-columns:76px minmax(0,1fr) auto;grid-template-areas:"t x s" "t x m" "a a a";gap:2px 14px;padding:14px 16px;border-bottom:1px solid var(--linha2)}
.tab-posts tr.lin-post:last-child{border-bottom:0}
.tab-posts tr.lin-post td{display:block;padding:0;border:0;width:auto!important;white-space:normal}
.tab-posts tr.lin-post td:nth-child(1){grid-area:t}.tab-posts tr.lin-post td:nth-child(2){grid-area:x;min-width:0}
.tab-posts tr.lin-post td:nth-child(3){grid-area:s;text-align:right}.tab-posts tr.lin-post td:nth-child(4){grid-area:m;text-align:right}
.tab-posts tr.lin-post td:nth-child(5){grid-area:a;margin-top:10px;padding-top:10px;border-top:1px dashed var(--linha2)}
.tab-posts tr.lin-post:hover{background:color-mix(in srgb,var(--acc) 5%,transparent)}
.tab-posts tr.lin-post.sel{background:color-mix(in srgb,var(--acc) 10%,transparent);box-shadow:inset 3px 0 0 var(--acc)}
.tab-posts tr.lin-post td:hover,.tab-posts tr.lin-post.sel td,.tab-posts tr.lin-post:hover td{background:transparent!important;box-shadow:none!important}
.tab-posts td:nth-child(2) > div:first-child{max-width:none!important}
.tab-posts .miniatura{width:64px;height:80px;object-fit:cover}
.tab-posts td:last-child .linha-botoes{justify-content:flex-start}

/* ================= Fluxos do Instagram (construtor em blocos) ================= */
.fx-intro{max-width:78ch;margin:-6px 0 16px}
.fx-grade{display:grid;grid-template-columns:270px minmax(0,1fr) 330px;gap:20px;align-items:start}
.fx-lista{position:sticky;top:18px;padding:16px}
.fx-lista-topo{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.fx-item{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--linha2);border-radius:14px;margin-bottom:8px;cursor:pointer;background:var(--card2)}
.fx-item small{display:block;color:var(--mudo);font-size:.74rem;margin-top:2px}
.fx-item.on{border-color:var(--acc);box-shadow:var(--brilho)}
.fx-sw{position:relative;flex:none;width:38px;height:22px}
.fx-sw input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.fx-sw i{position:absolute;inset:0;border-radius:99px;background:var(--linha);transition:.15s}
.fx-sw i::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.15s}
.fx-sw input:checked + i{background:var(--acc)}.fx-sw input:checked + i::after{left:19px}
.fx-modelos{display:flex;flex-direction:column;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid var(--linha2)}
.fx-modelos .btn{justify-content:flex-start;text-align:left}
.fx-canvas{display:flex;flex-direction:column;align-items:stretch;max-width:640px;width:100%;margin:0 auto}
.fx-bloco{background:linear-gradient(180deg,rgba(28,25,15,.9),rgba(16,14,9,.9));border:1px solid var(--linha);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px;position:relative;box-shadow:var(--sombra-card)}
:root[data-theme=light] .fx-bloco{background:#fff}
.fx-bloco::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 4px 4px 0;background:var(--acc)}
.fx-bloco.t-mensagem::before{background:#60a5fa}.fx-bloco.t-pergunta::before{background:#a78bfa}.fx-bloco.t-entrega::before{background:#34d399}
.fx-bloco-cab{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fx-bloco-cab small{color:var(--mudo);flex:1;min-width:140px}
.fx-tipo{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.t-mensagem .fx-tipo{color:#60a5fa}.t-pergunta .fx-tipo{color:#a78bfa}.t-entrega .fx-tipo{color:#34d399}
.fx-acoes{display:flex;gap:4px}
.fx-acoes button{width:28px;height:28px;border-radius:9px;border:1px solid var(--linha2);background:var(--card2);color:var(--suave);cursor:pointer}
.fx-acoes button:hover{border-color:var(--acc);color:var(--texto)}
.fx-bloco label{display:flex;flex-direction:column;gap:5px;font-size:.78rem;color:var(--mudo)}
.fx-bloco textarea,.fx-bloco input:not([type=checkbox]),.fx-bloco select{width:100%}
.fx-extra{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fx-extra label:only-child{grid-column:1/-1}
.fx-lig{position:relative;display:flex;flex-direction:column;align-items:center;height:56px;justify-content:center}
.fx-lig i{flex:1;width:2px;background:linear-gradient(var(--linha),var(--acc))}
.fx-mais{width:30px;height:30px;border-radius:50%;border:1px solid var(--acc);background:var(--card);color:var(--acc);font-size:1.1rem;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 2px;box-shadow:var(--brilho);z-index:2}
.fx-mais:hover{background:var(--ativo-bg);color:var(--ativo-tx)}
.fx-menu{position:absolute;top:44px;left:50%;transform:translateX(-50%);z-index:30;width:300px;background:var(--card);border:1px solid color-mix(in srgb,var(--acc) 40%,var(--linha));border-radius:16px;padding:6px;box-shadow:0 24px 50px rgba(0,0,0,.6)}
.fx-menu button{display:flex;flex-direction:column;align-items:flex-start;width:100%;border:0;background:transparent;color:var(--texto);padding:9px 12px;border-radius:11px;cursor:pointer;text-align:left}
.fx-menu button:hover{background:color-mix(in srgb,var(--acc) 12%,transparent)}
.fx-menu small{color:var(--mudo)}
.fx-fim{align-self:center;color:var(--mudo);font-size:.76rem;border:1px dashed var(--linha);border-radius:99px;padding:5px 14px}
.fx-vazio{text-align:center;padding:40px}
.fx-chips{display:flex;flex-wrap:wrap;gap:6px;padding:7px 9px;border:1px solid var(--linha);border-radius:12px;background:var(--superf)}
.fx-chips input{flex:1;min-width:110px;border:0!important;background:transparent!important;box-shadow:none!important;padding:3px!important;width:auto!important}
.fx-chip{display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--acc) 16%,transparent);border:1px solid color-mix(in srgb,var(--acc) 35%,transparent);color:var(--texto);border-radius:99px;padding:2px 4px 2px 11px;font-size:.84rem}
.fx-chip button{border:0;background:transparent;color:var(--suave);cursor:pointer;font-size:1rem;line-height:1}
.fx-posts{max-height:190px;overflow:auto;border:1px solid var(--linha2);border-radius:12px;padding:6px}
.fx-post{flex-direction:row!important;align-items:center;gap:9px!important;padding:6px 8px;border-radius:9px;color:var(--texto)!important;font-size:.84rem!important}
.fx-post:hover{background:color-mix(in srgb,var(--acc) 8%,transparent)}
.fx-post span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fx-post small{color:var(--mudo)}
.fx-previa{position:sticky;top:18px}
.fx-tela{min-height:520px;display:flex;flex-direction:column;padding-top:44px}
.fx-dm-cab{display:flex;gap:9px;align-items:center;padding:8px 12px;border-bottom:1px solid #262626}
.fx-dm-cab div{line-height:1.15}.fx-dm-cab small{display:block;color:#a8a8a8;font-size:11px}
.fx-chat{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:6px;max-height:440px}
.fx-msg{max-width:82%;padding:8px 12px;border-radius:18px;font-size:12.5px;line-height:1.35;overflow-wrap:anywhere}
.fx-msg.bot{align-self:flex-start;background:#262626}
.fx-msg.eu{align-self:flex-end;background:linear-gradient(135deg,#7c4dff,#3b82f6);color:#fff}
.fx-qr{align-self:flex-end;border:1px solid #3897f0;color:#3897f0;border-radius:99px;padding:5px 14px;font-size:12px}
.fx-btn{align-self:flex-start;background:#262626;border-radius:12px;padding:8px 18px;font-size:12px;color:#3897f0;font-weight:600}
@media(max-width:1180px){.fx-grade{grid-template-columns:1fr}.fx-lista,.fx-previa{position:static}}

/* ---- Conversas, ferramentas e anúncios ---- */
.cv-grade{display:grid;grid-template-columns:320px 1fr;gap:0;padding:0;min-height:520px;overflow:hidden}
.cv-lista{border-right:1px solid var(--linha2);overflow:auto;max-height:70vh}
.cv-item{display:flex;gap:10px;align-items:center;width:100%;text-align:left;padding:12px 14px;border:0;border-bottom:1px solid var(--linha2);background:transparent;color:var(--texto);cursor:pointer}
.cv-item:hover,.cv-item.on{background:color-mix(in srgb,var(--acc) 12%,transparent)}
.cv-txt{display:flex;flex-direction:column;min-width:0;flex:1}.cv-txt b{font-size:.92rem}.cv-txt small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-meta{display:flex;flex-direction:column;align-items:flex-end;font-size:.72rem;color:var(--muted);gap:4px}
.cv-meta em{font-style:normal;background:var(--acc);color:var(--acc-tx,#14110a);border-radius:99px;padding:1px 7px;font-weight:700}
.cv-chat{display:flex;flex-direction:column;min-width:0}
.cv-cab{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--linha2)}
.cv-msgs{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:8px;max-height:56vh;background:color-mix(in srgb,var(--acc) 4%,transparent)}
.cv-bolha{max-width:70%;padding:8px 12px;border-radius:14px 14px 14px 4px;background:var(--card);border:1px solid var(--linha2);align-self:flex-start;font-size:.92rem;white-space:pre-wrap;word-break:break-word}
.cv-bolha.eu{align-self:flex-end;border-radius:14px 14px 4px 14px;background:color-mix(in srgb,var(--acc) 24%,var(--card))}
.cv-bolha small{display:block;color:var(--muted);font-size:.7rem;margin-bottom:2px}.cv-bolha time{display:block;text-align:right;font-size:.66rem;color:var(--muted);margin-top:2px}
.cv-compor{display:flex;gap:8px;padding:12px;border-top:1px solid var(--linha2)}.cv-compor input{flex:1}
@media(max-width:800px){.cv-grade{grid-template-columns:1fr}.cv-lista{max-height:240px;border-right:0;border-bottom:1px solid var(--linha2)}}
.ft{display:flex;flex-direction:column;gap:14px;margin-top:14px}.ft[hidden]{display:none}
.ft-topo{display:flex;justify-content:space-between;align-items:center}
.ft-duas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:10px}
.ft-barras{display:flex;align-items:flex-end;gap:3px;height:120px}
.ft-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.ft-col i{display:block;width:100%;background:color-mix(in srgb,var(--acc) 35%,transparent);border-radius:3px 3px 0 0;min-height:2px}.ft-col.top i{background:var(--acc)}.ft-col small{font-size:.6rem;color:var(--muted)}
.ft-linha{display:grid;grid-template-columns:110px 1fr 40px;gap:8px;align-items:center;font-size:.84rem;margin:6px 0}
.ft-linha i{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--acc) var(--w),color-mix(in srgb,var(--acc) 14%,transparent) var(--w))}
.ft-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:14px}
.ft-perfil{display:block;padding:14px;border:1px solid var(--linha2);border-radius:var(--raio-s);background:var(--card);color:var(--texto);text-decoration:none}
.ft-nums{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0;font-size:.8rem;color:var(--muted)}.ft-nums b{color:var(--texto);font-size:1rem}
.ft-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.mt-alerta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--raio-s);border:1px solid var(--linha2);margin-top:8px}
.mt-alerta small{display:block;color:var(--muted)}.mt-alerta.ruim{border-color:rgba(240,98,95,.55);background:rgba(240,98,95,.08)}.mt-alerta.atencao{border-color:rgba(245,184,75,.5);background:rgba(245,184,75,.08)}.mt-alerta.ok{border-color:rgba(63,207,122,.45)}
.mt-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:10px 0}
.mt-json{max-height:300px;overflow:auto;padding:12px;border-radius:var(--raio-s);background:rgba(0,0,0,.25);font-size:.75rem}
a.faixa-plano{display:block;text-decoration:none}
.mt-grade input,.mt-grade textarea,.ft input:not([type=checkbox]),.ft textarea,.ft select,.cv-compor input,#fl-id{width:100%;box-sizing:border-box;border-radius:12px;padding:10px 12px;min-height:42px;background:var(--card);border:1px solid var(--linha2);color:var(--texto)}
.mt-grade label,.ft label{display:block;margin:10px 0 4px;font-size:.84rem;color:var(--muted)}.ft label.check{display:flex;color:var(--texto)}
.card h3+.muted{margin-top:4px}.card h3{margin-bottom:6px}
.an-nome,.an-inv{border-radius:10px;padding:8px 10px;background:var(--card);border:1px solid var(--linha2);color:var(--texto);min-width:140px}

/* prioridade e motivos (Fase 1) */
.prio{margin-left:auto;align-self:flex-start;min-width:34px;text-align:center;font-weight:700;font-size:13px;line-height:1;padding:6px 7px;border-radius:8px;border:1px solid var(--borda,#3a3320);font-variant-numeric:tabular-nums}
.prio-alta{color:#f5b301;background:rgba(245,179,1,.12);border-color:rgba(245,179,1,.5)}
.prio-media{color:#22d3ee;background:rgba(34,211,238,.10);border-color:rgba(34,211,238,.4)}
.prio-baixa{color:#9aa3af;background:rgba(154,163,175,.10)}
.tag.motivo-nota{font-size:12px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.mp-tabela td,.mp-tabela th{padding:8px 10px}
.mp-pausado{color:#ef4444}
.mp-texto{white-space:pre-wrap;background:rgba(255,255,255,.04);border:1px solid var(--borda,#3a3320);border-radius:10px;padding:10px 12px;font-size:13px}

/* sino de alertas */
.sino-caixa{position:relative}
#btn-sino{position:relative}
.sino-n{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#F5B301;color:#0B0F14;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.sino-lista{position:absolute;right:0;top:calc(100% + 8px);width:340px;max-width:92vw;max-height:70vh;overflow:auto;background:var(--card,#141a22);border:1px solid var(--borda,#2a3340);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.35);z-index:90}
.sino-topo{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--borda,#2a3340)}
.sino-topo .link{background:none;border:0;color:#22D3EE;cursor:pointer;font-size:12px}
.sino-item{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--borda,#2a3340);padding:10px 12px;color:inherit;cursor:pointer}
.sino-item:hover{background:rgba(34,211,238,.08)}
.sino-item small{opacity:.75}
.sino-item em{font-style:normal;font-size:11px;opacity:.55}
.sino-vazio{padding:18px;text-align:center;opacity:.6}
.tag-followup{background:rgba(34,211,238,.12);color:#22D3EE}
.g-resumo{margin:0 0 10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(245,179,1,.35);background:rgba(245,179,1,.08);font-size:13px;line-height:1.45}

/* acessibilidade: texto só para leitor de tela */
.sr-so{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* conversas */
.cv{display:grid;grid-template-columns:340px 1fr;gap:12px;min-height:70vh}
.cv-lista,.cv-conversa{border:1px solid var(--borda,#243041);border-radius:12px;background:var(--card,#121821);display:flex;flex-direction:column;min-height:0}
.cv-filtros{padding:10px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--borda,#243041)}
.cv-itens{overflow:auto;max-height:72vh}
.cv-item{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--borda,#243041);padding:10px 12px;color:inherit;cursor:pointer;min-height:44px}
.cv-item:hover,.cv-item.on{background:rgba(34,211,238,.08)}
.cv-item.nl .cv-item-t b{color:#F5B301}
.cv-item-t{display:flex;justify-content:space-between;gap:8px}.cv-item-t em{font-style:normal;font-size:12px;opacity:.65}
.cv-item-p{font-size:13px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-item-s{display:flex;align-items:center;justify-content:space-between}
.cv-ponto{width:9px;height:9px;border-radius:50%;background:#F5B301}
.cv-cab{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--borda,#243041)}
.cv-cab-t{flex:1;display:flex;flex-direction:column}.cv-cab-t small{opacity:.65}
.cv-voltar{display:none}
.cv-mover{display:flex;align-items:center;gap:8px;padding:8px 12px}
.cv-msgs{flex:1;overflow:auto;padding:12px;max-height:46vh;display:flex;flex-direction:column;gap:6px}
.cv-rapidas{display:flex;flex-wrap:wrap;gap:6px;padding:6px 12px}
.cv-rap{cursor:pointer;border:1px solid var(--borda,#243041);background:none;color:inherit;min-height:32px}
.cv-compor{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--borda,#243041)}.cv-compor textarea{flex:1}
.cv-gerir{padding:6px 12px 12px}.cv-gerir-c{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.cv-vazio{display:flex;align-items:center;justify-content:center;border:1px dashed var(--borda,#243041);border-radius:12px}
.cv-conversa:not([hidden]) ~ .cv-vazio{display:none}
@media (max-width:820px){
  .cv{grid-template-columns:1fr}
  .cv-vazio{display:none}
  .cv .cv-conversa{display:none}
  .cv.abriu .cv-lista{display:none}
  .cv.abriu .cv-conversa:not([hidden]){display:flex;position:fixed;inset:0;z-index:50;border-radius:0;background:var(--fundo,#0B0F14)}
  .cv.abriu .cv-msgs{max-height:none}
  .cv-voltar{display:inline-flex}
}

.hoje-faca{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:6px 0 12px}
.hf{display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:12px;border:1px solid var(--borda,#243041);background:var(--card2,#18202B);color:inherit;text-decoration:none;min-height:44px}
.hf b{font-size:2rem;line-height:1.1;font-variant-numeric:tabular-nums}
.hf span{font-size:13px;opacity:.8}
.hf:hover{border-color:#22D3EE}
.hf-ouro b{color:#F5B301}.hf-ciano b{color:#22D3EE}.hf-ambar b{color:#F59E0B}
.limite-linha{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:10px}
.limite-linha .regua{flex:1;margin:0}
@media (max-width:560px){.hoje-faca{grid-template-columns:1fr}}

/* ícone "?" que explica o que cada número conta */
.ajuda-n{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:6px;padding:0;border-radius:50%;border:1px solid var(--line,#243041);background:transparent;color:var(--muted,#8b98a9);font:600 12px/1 inherit;cursor:pointer;vertical-align:middle}
.ajuda-n:hover,.ajuda-n:focus-visible{color:#22D3EE;border-color:#22D3EE}
.ajuda-bolha{position:absolute;z-index:80;max-width:260px;padding:10px 12px;border-radius:10px;background:#18202B;color:#E6EDF5;border:1px solid #243041;font-size:13px;line-height:1.4;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.l-robo{background:#8b98a9}.b-robo{background:#8b98a9}
.dlg-cliente label{display:block;margin:10px 0 4px;font-size:13px}
.dlg-cliente input{width:100%}
.erro-form{color:#EF4444;margin-top:8px;font-size:13px}
.conv-det{margin-top:12px}.conv-det summary{cursor:pointer;font-weight:600;padding:6px 0}
.conv-top td{background:rgba(245,179,1,.08)}.conv-selo{background:rgba(245,179,1,.18);color:#F5B301}

/* Conversas: abas WhatsApp (verdinho, estilo WhatsApp) e Chat do site (cores do painel) */
.cv-abas a[role=tab]{cursor:pointer}
.cv-site-info{padding:6px 12px;font-size:.85rem;opacity:.8;border-bottom:1px solid var(--borda,#243041)}
.cv[data-modo=wa] .cv-msgs{background:#e7f3e4;background-image:radial-gradient(rgba(37,150,80,.07) 1px,transparent 1px);background-size:14px 14px}
.cv[data-modo=wa] .bolha{max-width:78%;padding:7px 11px;border-radius:10px;color:#1b2a1f;box-shadow:0 1px 1px rgba(0,0,0,.1);white-space:pre-wrap;word-break:break-word}
.cv[data-modo=wa] .bolha.rec{align-self:flex-start;background:#fff;border-top-left-radius:2px}
.cv[data-modo=wa] .bolha.env{align-self:flex-end;background:#d9fdd3;border-top-right-radius:2px}
.cv[data-modo=wa] .bolha small{display:block;text-align:right;font-size:.68rem;opacity:.6;margin-top:2px}
.cv[data-modo=wa] .cv-cab{background:#e8f5e9;color:#14301c}.cv[data-modo=wa] .cv-cab small{color:#3d6b4a}
.cv[data-modo=wa] .cv-item:hover,.cv[data-modo=wa] .cv-item.on{background:rgba(37,211,102,.14)}
.cv[data-modo=wa] .cv-conversa{border-color:#25a05a55}
.cv-abas a[data-modo=wa].on{background:#25a05a;color:#fff}