/* =====================================================================================================================
   CLINELLO · PELE (3.3.0, 06/10: marca única Clinello; estrutura do rebranding 3.0 mantida) · carregado por ÚLTIMO.
   Fonte: ferramentas/clinello-brand/manual/ui/clinello-ui.css (tema claro e escuro) e app-agora.html (protótipo aprovado).
   Papel #F7F5F0 (fundo) · Cartão #FFFFFF (sem borda, raio 24) · Névoa #F1EEE7 (sub-blocos, campos, chips) · Linha #E7E2D7
   Tinta #141312 (texto, botão principal, menu ativo) · o Ponto #FF4F2B (coral) SÓ quando a assistente age ou entra dinheiro,
   sempre com texto BRANCO em cima · Ponto-texto #C2381A (coral escrito sobre claro) · Céu #2F5BEA (gráficos)
   OK #18804F · Atenção #B26A00 (alguém precisa de você, pausada) · Erro #C8302E · Geist 400/500/600, números tabulares.
   ===================================================================================================================== */
body.light{
  --papel:#F7F5F0; --cartao:#FFFFFF; --nevoa:#F1EEE7; --linha:#E7E2D7; --tinta:#141312;
  --ponto:#FF4F2B; --ponto-texto:#C2381A; --ponto-claro:#FFEDE7; --ponto-ink:#FFFFFF;
  --ceu:#2F5BEA; --ceu-claro:#DCE5FD; --ok:#18804F; --ok-claro:#E4F4EB;
  --atencao:#B26A00; --atencao-claro:#FDF1DC; --erro:#C8302E; --erro-claro:#FCE7E6;
  --musgo:var(--ponto-texto); --brasa:var(--atencao);
  --tx-2:#44403A; --tx-3:#5E5950; --tx-4:#7A746A; --hover:#EFEBE3;
  --nav-on:#141312; --nav-on-tx:#F7F5F0;
  --sw-off:#DDD7CB; --sombra-flutua:0 18px 40px -22px rgba(20,19,18,.32),0 2px 6px rgba(20,19,18,.05);
  --fonte:'Geist',system-ui,-apple-system,sans-serif; --mono:'Geist Mono',ui-monospace,monospace;
  /* tokens antigos apontando para a marca */
  --bg:#F7F5F0; --bg-1:#FFFFFF; --bg-2:#F1EEE7; --surface:#FFFFFF; --surface-2:#F1EEE7;
  --line:rgba(20,19,18,.08); --line-2:rgba(20,19,18,.14);
  --txt:#141312; --muted:#5E5950; --muted-2:#7A746A;
  --lime:#141312; --lime-dim:#44403A; --lime-soft:rgba(20,19,18,.06);
  --acc:#FF4F2B; --acc-ink:#FFFFFF; --ink:#141312; --chart:#2F5BEA; --chart-2:#DCE5FD;
  --warn:#B26A00; --bad:#C8302E; --info:#2F5BEA; --warm:#B26A00;
  --r:24px; --r-sm:14px; --r-lg:28px;
}
body:not(.light){
  --papel:#0F0E0D; --cartao:#1A1917; --nevoa:#24221F; --linha:#2F2C28; --tinta:#F4F1EA;
  --ponto:#FF5A38; --ponto-texto:#FF7A5C; --ponto-claro:#3A1C14; --ponto-ink:#FFFFFF;
  --ceu:#6E8FF5; --ceu-claro:#1C2440; --ok:#3DBE7A; --ok-claro:#12301F;
  --atencao:#F0A93A; --atencao-claro:#3A2A10; --erro:#F06A66; --erro-claro:#3A1615;
  --musgo:var(--ponto-texto); --brasa:var(--atencao);
  --tx-2:#CFC9BE; --tx-3:#A9A397; --tx-4:#8A8478; --hover:#24221F;
  --nav-on:#F4F1EA; --nav-on-tx:#0F0E0D;
  --sw-off:#3A3732; --sombra-flutua:0 18px 40px -18px rgba(0,0,0,.6);
  --fonte:'Geist',system-ui,-apple-system,sans-serif; --mono:'Geist Mono',ui-monospace,monospace;
  --bg:#0F0E0D; --bg-1:#1A1917; --bg-2:#24221F; --surface:#1A1917; --surface-2:#24221F;
  --line:rgba(244,241,234,.08); --line-2:rgba(244,241,234,.14);
  --txt:#F4F1EA; --muted:#A9A397; --muted-2:#8A8478;
  --lime:#F4F1EA; --lime-dim:#CFC9BE; --lime-soft:rgba(244,241,234,.07);
  --acc:#FF5A38; --acc-ink:#FFFFFF; --ink:#F4F1EA; --chart:#6E8FF5; --chart-2:#1C2440;
  --warn:#F0A93A; --bad:#F06A66; --info:#6E8FF5; --warm:#F0A93A;
  --r:24px; --r-sm:14px; --r-lg:28px;
}
body{background:var(--papel)!important;color:var(--txt);font-family:var(--fonte);font-synthesis-weight:none;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}
em,i,cite{font-style:normal}
:focus-visible{outline:2px solid var(--tinta)!important;outline-offset:2px}
::selection{background:var(--ponto-claro)!important;color:var(--tinta)!important}

/* ---------- ícones (Phosphor, icones.js): preenchimento, dois pesos; o ativo usa o "fill" ---------- */
.ic{width:20px;height:20px;fill:currentColor!important;stroke:none!important;flex:none}
.ic .f{display:none}
.on>.ic .r,.active>.ic .r,.on>span>.ic .r,.active>span>.ic .r,.ic.viva .r{display:none}
.on>.ic .f,.active>.ic .f,.on>span>.ic .f,.active>span>.ic .f,.ic.viva .f{display:inline}
.ic.viva{color:var(--ponto-texto)}
.marca{display:block;flex:none;color:var(--tinta)}
.simbolo{display:block;flex:none}

/* ---------- menu lateral ---------- */
.sidebar{background:var(--papel)!important;box-shadow:none!important;padding:16px 12px 14px!important;flex-direction:column;gap:2px}
@media (min-width:821px){.sidebar{display:flex!important}}
.side-logo{padding:4px 8px 18px!important;gap:11px!important;align-items:center}
.side-logo .simbolo{display:none}
.side-logo .logo-txt .marca{height:24px;width:auto}
.side-logo .logo-txt{gap:6px}
.side-logo .logo-txt{display:flex;flex-direction:column;line-height:1.15;font-size:15.5px!important;font-weight:700!important;letter-spacing:-.025em!important;color:var(--txt);min-width:0}
.side-logo .logo-txt small{text-transform:none!important;font-size:11.5px;font-weight:500;letter-spacing:0;color:var(--tx-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-logo .logo-txt small:empty{display:none}
.side-collapse{margin-left:auto;color:var(--tx-4)!important;border-radius:10px!important}
.side-collapse:hover{background:var(--hover)!important;color:var(--txt)!important}
.emp-switch{background:var(--cartao)!important;border:0!important;border-radius:16px!important;padding:10px 12px!important;margin:0 0 12px!important}
.emp-switch.so1{display:none!important}
.sidebar:has(.emp-switch:not(.so1)) #side-emp{display:none}
.emp-dot{box-shadow:none!important}
.nav-group{display:flex;flex-direction:column;gap:2px}
.nav-item{display:flex!important;align-items:center;gap:12px!important;min-height:42px;padding:0 12px!important;border-radius:13px!important;font-size:14px!important;font-weight:500!important;color:var(--tx-2)!important;position:relative}
.nav-item[hidden],.nav-bast.fechado .nav-item,.nav-group[hidden]{display:none!important}
.nav-item .nv-t{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-item svg.ic{width:20px!important;height:20px!important;stroke-width:1.75!important;opacity:1!important}
.nav-item:hover{background:var(--hover)!important;color:var(--txt)!important}
.nav-item.active{background:var(--nav-on)!important;color:var(--nav-on-tx)!important;font-weight:600!important}
.nav-item.active::before{display:none!important}
.nav-item .badge{margin-left:auto;min-width:22px;height:22px;border-radius:11px;display:grid!important;place-items:center;padding:0 6px!important;box-sizing:border-box;font-size:11.5px!important;font-weight:700!important;background:var(--tinta)!important;color:var(--papel)!important;font-variant-numeric:tabular-nums}
.nav-item.active .badge{background:var(--ponto)!important;color:#FFFFFF!important}
/* o Ponto do item ativo: pontinho coral à direita, só quando o item não tem contador */
.nav-item.active:not(:has(.badge:not([hidden]):not(:empty)))::after,.nav-item.active:has(.badge[style*="display: none"])::after{content:"";margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--ponto);flex:none}
.sidebar .theme-seg{display:none!important}
.side-espaco{flex:1 1 auto;min-height:24px}
/* Oficina Syra: uma linha recolhível, só a Syra vê */
.nav-bast{margin-top:0!important;padding-top:0!important;border-top:0!important}
.nav-bast-h{display:flex!important;align-items:center;gap:12px!important;min-height:42px;padding:0 12px!important;border-radius:13px;font-size:14px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:var(--tx-4)!important}
.nav-bast-h:hover{background:var(--hover);color:var(--txt)!important}
.nav-bast-h svg.ic{width:20px!important;height:20px!important}
.nav-bast-h::after{margin-right:0!important;margin-left:6px!important}
.nav-bast-tag{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;color:var(--tx-4);white-space:nowrap}
.nav-bast-h .nv-t{white-space:nowrap}
.nav-bast .nav-item{font-size:13.5px!important;min-height:38px}
.nav-bast.fechado .mb-test{display:none!important}
/* modo teste (só Syra): linha discreta dentro da Oficina */
.nav-bast .mb-test{margin:6px 4px 2px!important;padding:10px 12px!important;border:0!important;border-radius:14px;background:var(--nevoa)}
.mb-test-h{color:var(--tx-3)!important}
.mb-test-sub{font-size:11.5px;color:var(--tx-4)}
.mb-test-add input{background:var(--cartao)!important;border:0!important;border-radius:10px!important}
.mb-test-add button{border-radius:10px!important;background:var(--tinta)!important;color:var(--papel)!important;border:0!important}

/* cartão da assistente no rodapé do menu: avatar, o Ponto vivo, estado e o interruptor */
.master-box.bruna-card{display:flex!important;align-items:center;gap:12px;margin:10px 0 0!important;padding:14px!important;border-radius:20px!important;border:0!important;background:var(--cartao)!important}
.master-box.bruna-card[hidden]{display:none!important}
.master-box.bruna-card.off,body:not(.light) .master-box.bruna-card.off{background:var(--cartao)!important}
.bc-av{position:relative;flex:none;width:40px;height:40px;border-radius:50%;background:#FDE7DF;color:#8A2E17;display:grid;place-items:center;font-size:15px;font-weight:600}
body:not(.light) .bc-av{background:var(--ponto-claro);color:var(--ponto-texto)}
.bc-vivo{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:var(--ponto);border:2px solid var(--cartao);box-sizing:content-box}
.bruna-card:not(.off) .bc-vivo{animation:bcvivo 2.4s ease-out infinite}
@keyframes bcvivo{0%{box-shadow:0 0 0 0 rgba(255,79,43,.5)}70%,100%{box-shadow:0 0 0 7px rgba(255,79,43,0)}}
.bruna-card.off .bc-vivo{background:var(--brasa)}
.bc-t{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.bc-t b{font-size:14px;font-weight:600;color:var(--txt)}
.bruna-card .mb-state{font-size:12.5px!important;font-weight:500!important;color:var(--ok)!important;white-space:nowrap}
.bruna-card.off .mb-state{color:var(--brasa)!important}
.bruna-card .mb-switch{margin-left:auto;width:44px!important;height:26px!important;border-radius:13px!important;background:var(--sw-off)!important;flex:none}
.bruna-card .mb-switch.on{background:var(--ponto)!important}
body:not(.light) .bruna-card .mb-switch.on{background:var(--ponto)!important}
.bruna-card .mb-switch .mb-knob{top:3px!important;left:3px!important;width:20px!important;height:20px!important;background:#FFFFFF!important;box-shadow:0 1px 3px rgba(0,0,0,.25)!important}
.bruna-card .mb-switch.on .mb-knob{transform:translateX(18px)!important;background:#FFFFFF!important}
@media (prefers-reduced-motion:reduce){.bruna-card .bc-vivo{animation:none!important}}
/* menu recolhido */
#app.side-min .master-box.bruna-card{flex-direction:column;gap:10px;padding:10px 0!important;background:transparent!important}
#app.side-min .bc-t{display:none}
#app.side-min .bruna-card .mb-switch{margin-left:0;transform:none}
#app.side-min .side-logo .simbolo{display:block;width:32px;height:32px}
#app.side-min .side-logo .logo-txt{display:none!important}
#app.side-min .nav-item{justify-content:center;padding:0!important}
#app.side-min .nav-item .nv-t,#app.side-min .nav-bast-h .nv-t,#app.side-min .nav-bast-tag{display:none}
#app.side-min .nav-bast-h{justify-content:center;padding:0!important}
#app.side-min .nav-bast-h::after{display:none}
#app.side-min .nav-item .badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;font-size:10px!important}

/* ---------- barra de topo: busca, avisos e conta ---------- */
.v3-topbar{justify-content:flex-end;gap:8px!important;padding:18px 30px 0!important;background:linear-gradient(var(--papel) 72%,transparent)!important}
.v3-busca-btn{flex:0 1 320px!important;width:320px;height:44px!important;padding:0 8px 0 14px!important;border-radius:14px!important;background:var(--cartao)!important;color:var(--tx-4)!important;font-weight:500;font-size:13.5px!important;box-shadow:none!important}
.v3-busca-btn:hover{color:var(--txt)!important}
.v3-busca-btn svg{width:18px!important;height:18px!important}
.v3-topbar kbd,.v3-bm kbd{font:500 11px/1 var(--mono)!important;padding:4px 7px!important;border-radius:7px!important;background:var(--nevoa)!important;color:var(--tx-3)!important}
.v3-top-acoes{margin-left:0!important}
#mb-bell.in-top-v3{width:44px!important;height:44px!important;border-radius:14px!important;background:var(--cartao)!important;color:var(--txt)!important;box-shadow:none!important}
#mb-bell .ic{width:20px;height:20px}
#mb-bell .bell-dot{display:none!important}
#mb-bell:has(#bell-dot:not([hidden])) .bell-on .pt{fill:var(--ponto)!important}
.v3-conta{width:44px;height:44px;padding:0!important;border-radius:14px!important;background:var(--tinta)!important;justify-content:center}
.v3-conta-av{width:auto!important;height:auto!important;background:none!important;color:var(--papel)!important;font-size:13px!important;font-weight:700!important;border-radius:0!important}
.v3-conta>svg{display:none!important}
.v3-conta-menu{top:52px!important;border-radius:18px!important;padding:6px!important;background:var(--cartao)!important}
.v3-conta-menu button{border-radius:12px!important;font-weight:500}
.v3-conta-menu button:hover{background:var(--nevoa)!important}
.v3-conta-menu .v3-sair{color:var(--erro)!important}
.v3-bm-caixa{border-radius:24px!important;background:var(--cartao)!important}
.v3-bm-it.sel,.v3-bm-it:hover{background:var(--nevoa)!important}
.v3-bm-it.sel{box-shadow:none!important}
.v3-bm-ic svg{width:18px!important;height:18px!important}

/* ---------- página, títulos e números ---------- */
.section-intro h2{font-size:34px!important;font-weight:600!important;letter-spacing:-.04em!important;line-height:1.05!important;color:var(--txt)}
.section-intro p{font-size:15px!important;color:var(--tx-3)!important}
.k-val,.ct-aba b,.num{font-variant-numeric:tabular-nums;font-weight:600!important;letter-spacing:-.04em!important}

/* ---------- cartões e sub-blocos ---------- */
.card,.brainfolder,.pr-item{background:var(--cartao)!important;border:0!important;border-radius:var(--r)!important;box-shadow:none!important}
.card{padding:24px!important}
.card-h h3{font-size:17px!important;font-weight:600!important;letter-spacing:-.02em!important}
/* o cartão "Destaque" não é ação nem dinheiro: sai do lime e vai para a tinta */

/* ---------- chips ---------- */
.ct-etapa,.badge-st,.rc-pill,.wa-chip,.pr-tag,.mini-tag,.bf-count{border-radius:999px!important;font-weight:600!important}
.mini-tag{background:var(--nevoa)!important;color:var(--tx-2)!important}
.ct-etapa.ok{background:var(--ok-claro)!important;color:var(--ok)!important}
.ct-etapa.bad{background:var(--atencao-claro)!important;color:var(--atencao)!important}
.ct-etapa.info{background:var(--ceu-claro)!important;color:var(--ceu)!important}
.chip-f.on{background:var(--tinta)!important;border-color:var(--tinta)!important;color:var(--papel)!important}

/* ---------- botões: principal tinta · secundário contorno · lime só em "Ligar a Bruna" e dinheiro ---------- */
.btn-save,.btn-primary{min-height:44px;padding:0 18px;border-radius:14px!important;border:0!important;background:var(--tinta)!important;color:var(--papel)!important;font-weight:600!important;font-size:14px;box-shadow:none!important;transition:opacity .15s,transform .15s}
.btn-save:hover,.btn-primary:hover{opacity:.9;transform:none!important}
.btn-save:active,.btn-primary:active{transform:scale(.98)!important}
.btn-ghost{border-radius:14px!important;border:0!important;background:var(--cartao)!important;color:var(--txt)!important;box-shadow:inset 0 0 0 1px var(--line-2)!important;font-weight:600!important}
.btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--tx-4)!important}
.btn-ghost.sm{border-radius:12px!important}
.v3-faixa-b{background:var(--ponto)!important;color:#FFFFFF!important;border:0!important;border-radius:14px!important;font-weight:600!important}

/* ---------- segmentados (período, abas) ---------- */
.dseg,.theme-seg{background:var(--cartao)!important;border:0!important;border-radius:14px!important;padding:4px!important;box-shadow:none!important}
.dpill,.theme-seg button{border-radius:10px!important;font-weight:500!important;color:var(--tx-3)!important}
.dpill.on,.theme-seg button.on,.cat-tab.cat-tab-ativo,.cf-tab.on,.wa-chip.on,.ct-aba.on{background:var(--tinta)!important;color:var(--papel)!important;box-shadow:none!important;border-color:var(--tinta)!important}
.ct-aba.on b{color:var(--papel)!important}
.dpill:hover:not(.on),.theme-seg button:hover:not(.on){background:var(--nevoa)!important;color:var(--txt)!important}
.cf-tab:hover:not(.on){background:var(--nevoa)!important}
.cf-tab.on svg,.cf-tab.on{color:var(--papel)!important}

/* ---------- campos ---------- */
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border-radius:14px}
.field input,.efield input,.efield textarea,.ct-busca,.mx-inp,.wa-sbox{background:var(--nevoa)!important;border:1px solid transparent!important;color:var(--txt)}
.ct-bar .ct-busca{background:var(--cartao)!important}
.field input:focus,.efield input:focus,.efield textarea:focus,.mx-inp:focus,.ct-busca:focus{border-color:var(--tinta)!important;box-shadow:none!important;outline:0}
.field label{font-size:13px;font-weight:600;color:var(--txt)}

/* ---------- tabelas ---------- */
.ptable th,.ct-tab th,.tb th{font-size:11px!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--tx-4)!important;background:transparent!important;border-bottom:1px solid var(--line)!important}
.ptable td,.ct-tab td,.tb td{border-bottom:1px solid var(--line)!important}
.ct-tab tbody tr[data-lead]:hover td,.ct-tab tbody tr[data-lead]:hover{background:var(--nevoa)!important}

/* ---------- gráficos em Céu ---------- */

/* ---------- celular: topo com o símbolo e barra de baixo flutuante ---------- */
@media (max-width:820px){
  .mtop{background:var(--papel)!important;border-bottom:0!important;box-shadow:none!important;gap:10px!important}
  .mtop .logo-mark.sm{width:32px!important;height:32px!important;background:none!important;box-shadow:none!important;border-radius:0!important;display:block}
  .mtop .logo-mark.sm .simbolo{width:32px;height:32px}
  .mtop-emp b{font-size:15px!important;font-weight:700!important;letter-spacing:-.02em}
  .mtop-emp small{color:var(--tx-4)!important}
  .mtop-busca{width:44px!important;height:44px!important;border-radius:14px!important;background:var(--cartao)!important;color:var(--txt)!important}
  .mtop-busca svg{width:20px!important;height:20px!important}
  #mtop #mb-bell{width:44px!important;height:44px!important;border-radius:14px!important;background:var(--cartao)!important;color:var(--txt)!important;border:0!important}
  .mtop-voltar .ic{width:22px;height:22px}
  .mnav{left:12px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;padding:6px!important;gap:4px;border:0!important;border-radius:24px!important;background:var(--cartao)!important;box-shadow:var(--sombra-flutua)!important}
  .mn-it{gap:4px!important;padding:8px 0!important;min-height:56px!important;border-radius:16px!important;font-size:11px!important;font-weight:600!important;color:var(--tx-3)!important;min-width:0}
  .mn-it span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mn-it svg.ic{width:22px!important;height:22px!important;stroke-width:1.75!important}
  .mn-it.on{background:var(--nav-on)!important;color:var(--nav-on-tx)!important}
  .mn-badge{background:var(--tinta)!important;color:var(--papel)!important;right:calc(50% - 24px)!important}
  .mn-badge.pz-badge,body.light .mn-badge.pz-badge{background:var(--tinta)!important;color:var(--papel)!important}
  .mn-it.on .mn-badge,.mn-it.on .mn-badge.pz-badge{background:var(--ponto)!important;color:#FFFFFF!important}
  .page{padding-bottom:110px!important}
  .section-intro h2{font-size:28px!important}
  .ms-panel{background:var(--cartao)!important;border-radius:26px 26px 0 0!important}
  .ms-it{background:var(--nevoa)!important;border:0!important;border-radius:16px!important;color:var(--txt)!important}
  .ms-bast .ms-it{color:var(--tx-3)!important}
}

/* ---------- login: formulário à esquerda, a Bruna atendendo à direita ---------- */
#login{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);background:var(--cartao)!important;padding:16px!important;box-sizing:border-box;min-height:100vh}
#login .login-card{justify-self:center;align-self:center;width:min(420px,100%);padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
#login .login-logo{display:flex;align-items:center;gap:12px;margin-bottom:56px!important}
#login .login-logo .marca{height:30px;width:auto}
#login .login-logo .logo-txt{font-size:18px!important;font-weight:700!important;letter-spacing:-.03em!important;color:var(--txt)}
#login .login-logo .logo-txt small{display:none}
#login h1{font-size:38px!important;font-weight:600!important;letter-spacing:-.045em!important;margin:0 0 10px!important;color:var(--txt)}
#login .sub{font-size:15.5px!important;line-height:1.55;color:var(--tx-3)!important;margin:0 0 32px!important}
#login .field{margin-bottom:18px}
#login .field label{display:block;margin-bottom:8px}
#login .field input{height:50px;border-radius:14px!important;background:var(--nevoa)!important;border:1px solid transparent!important;padding:0 16px!important;font:500 15px var(--fonte)!important;color:var(--txt)}
#login .field input:focus{border-color:var(--tinta)!important;background:var(--cartao)!important;box-shadow:none!important}
#login .btn-primary{width:100%;height:52px;margin-top:8px;border-radius:14px!important;background:var(--tinta)!important;color:var(--papel)!important;font-size:15px!important}
#login .li-link{display:block;text-align:left;margin-top:16px;font-size:13.5px;color:var(--tx-2)!important;background:none;border:0;padding:0;cursor:pointer}
#login .li-link:hover{color:var(--txt)!important;text-decoration:underline}
#login .login-foot{margin-top:40px;font-size:12px;color:var(--tx-4)!important;text-align:left}
.login-vitrine{margin:0!important;border-radius:28px!important;background:#141312!important;color:#F7F5F0;padding:64px!important;gap:30px!important;min-height:calc(100vh - 32px)}
.login-vitrine::before{display:none!important}
.lv-topo{background:rgba(255,79,43,.18)!important;color:#FF8A70;font-size:12px!important;padding:6px 12px!important}
.lv-dot{width:7px!important;height:7px!important}
.login-vitrine h2{font-size:clamp(30px,2.9vw,42px)!important;font-weight:600!important;letter-spacing:-.045em!important;line-height:1.08!important;max-width:540px!important}
.lv-chat{max-width:460px!important;gap:9px!important;padding:20px!important;border-radius:22px!important;background:rgba(255,255,255,.05)!important}
.lv-b{padding:10px 13px!important;font-size:14px!important;line-height:1.45}
.lv-b.in{background:rgba(255,255,255,.08)!important;color:#F7F5F0}
.lv-b.out{background:#F7F5F0!important;color:#141312!important;max-width:84%!important}
.lv-selo{font-size:12px!important;color:#A9A397!important}
.lv-lista{flex-direction:row!important;flex-wrap:wrap;gap:10px 22px!important}
.lv-lista li{font-size:14px!important;color:#CFC9BE!important}
.lv-lista li::before{display:none!important}
@media (max-width:900px){
  #login{grid-template-columns:1fr;padding:0!important}
  .login-vitrine{display:none!important}
  #login .login-card{width:auto;max-width:420px;padding:40px 24px!important;justify-self:stretch;margin:0 auto}
  #login .login-logo{margin-bottom:40px!important}
  #login h1{font-size:32px!important}
}

/* ---------- sobras do verde antigo: ativo e seleção em tinta ---------- */
.chip.active,.rc-chip.active{background:var(--tinta)!important;color:var(--papel)!important;border-color:var(--tinta)!important}
.chip{border-radius:999px}
.side-toggle{border-radius:12px!important;border:0!important;background:var(--cartao)!important;color:var(--txt)!important;box-shadow:inset 0 0 0 1px var(--line-2)!important;font-weight:600}
.side-toggle.on{background:var(--tinta)!important;color:var(--papel)!important;box-shadow:none!important}
.conv-row.active,.wa-list .conv-row.active{background:var(--nevoa)!important;border-color:transparent!important;border-left-color:var(--tinta)!important;box-shadow:inset 3px 0 0 var(--tinta)!important}
.ch-badge{border-radius:999px!important}
/* o cartão da assistente fica sempre à vista no rodapé do menu, mesmo com a Oficina aberta */
@media (min-width:821px){.master-box.bruna-card{position:sticky;bottom:0;z-index:2;box-shadow:0 -14px 18px -6px var(--papel)!important}}
input[type=checkbox],input[type=radio]{accent-color:var(--tinta)}
.nt-ev:has(input:checked){border-color:transparent!important;background:var(--nevoa)!important}
.ses-it.atual .ses-ic{border-color:var(--tinta)!important}
.ses-it em{color:var(--ok)!important}
/* celular: tabelas largas e abas rolam dentro do cartão, nunca a página */
@media (max-width:820px){
  .card:has(.ptable),.tb-wrap{overflow-x:auto;max-width:100%}
  .cf-shell{min-width:0;max-width:100%}
  .cf-tabs{max-width:100%;min-width:0;overflow-x:auto;scrollbar-width:none;box-sizing:border-box}
  .cf-tabs::-webkit-scrollbar{display:none}
  .integ-head{flex-wrap:wrap;row-gap:10px}
  .integ-head>div:nth-child(2){min-width:0;flex:1 1 180px}
  .st-cfg-btn{margin-left:auto!important}
  .cfg-row{flex-wrap:wrap;gap:10px}
  .cfg-row .theme-seg{max-width:100%}
}
/* Reativação: "Iniciar disparos" é a Bruna agindo, então leva o Ponto; o resto é contorno */
.rc-btn{border-radius:14px!important;border:0!important;background:var(--cartao)!important;box-shadow:inset 0 0 0 1px var(--line-2)!important;font-weight:600!important}
.rc-btn:hover:not([disabled]){transform:none!important}
.rc-btn.rc-go{background:var(--ponto)!important;color:#FFFFFF!important;box-shadow:none!important}
.rc-btn.rc-go:hover:not([disabled]){box-shadow:none!important;opacity:.9}
.v3-bm-in input:focus,.v3-bm-in input:focus-visible{outline:0!important;border:0!important;box-shadow:none!important}
#login .li-link{margin-left:0!important;margin-right:0!important}
/* o símbolo no tema escuro: quadrado em névoa para não sumir no fundo */
body:not(.light) .simbolo rect{fill:#2F2C28}
/* Perfil no menu (Eric 06/10): sem barra de topo; sino e conta numa linha de perfil embaixo do cartão da Bruna */
@media (min-width:821px){
  html.sem-topo #v3-topbar{display:none!important}
  html.sem-topo .v3-topbar~.page{padding-top:28px!important}
  html.sem-topo body.conv-mode #s-conversas.active{top:0!important;padding-top:14px!important}
}
.side-perfil{display:flex;align-items:center;gap:10px;margin:8px 0 0;padding:10px 10px 10px 14px;border-radius:16px}
.side-perfil:hover{background:var(--nevoa)}
.side-perfil .sp-quem{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1}
.side-perfil .sp-quem b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-perfil .sp-quem small{font-size:12px;color:var(--tx-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-perfil .v3-top-acoes{order:-1;margin:0!important;gap:0!important;display:contents}
.side-perfil #v3-sino-slot{order:2}
.side-perfil .v3-conta{order:-1;width:36px!important;height:36px!important;border-radius:50%!important;flex:none}
.side-perfil .v3-conta-av{font-size:12px!important}
.side-perfil .bell-top{width:36px!important;height:36px!important;border-radius:11px!important;background:transparent!important;box-shadow:none!important}
.side-perfil .bell-top:hover{background:var(--cartao)!important}
.side-perfil{position:relative}
.side-perfil .v3-conta-menu{position:absolute!important;left:0!important;right:auto!important;top:auto!important;bottom:54px!important;z-index:80}
#app.side-min .side-perfil{flex-direction:column;padding:8px 0}
#app.side-min .side-perfil .sp-quem{display:none}