/* ===== Modo claro — paleta aprovada do Comercial Unique (home do portal, .light do index.css, rev. 27/07)
   canvas #F6F7F9 · card branco · borda cinza discreta #E4E7EB · texto marrom-escuro (nunca preto puro)
   · muted bege #E8E2D9 · gold-soft #F3E8CE · ouro #A58546 igual nos dois temas ===== */
:root{
  --ouro:#A58546; --ouro-btn:#906E2B; --ouro-deep:#7A5A23; --ouro-claro:#EBC65E; --ouro-suave:#C5A572;
  --preto:#0E0E0E; --text-strong:#28241F; --tinta:#28241F; --c700:#6D6155; --c300:#958C83;
  --creme:#F6F7F9; --creme2:#E8E2D9; --floral:#F3E8CE; --branco:#FFF; --linha:#E4E7EB;
  --hover:#F4EFE6;
  /* [11/08] MOLDURA: sidebar + topo + respiro na MESMA cor, conteudo flutua
     dentro de um cartao arredondado. Mesmo padrao do Portal UOS (comercial-unique,
     --chrome-background #f4efee). */
  --moldura:#F4EFEE;
  color-scheme:light;
}
/* ===== Modo escuro (ouro sobre grafite) ===== */
[data-theme="dark"]{
  --ouro-btn:#A07C34; --ouro-deep:#E0BC72;
  --text-strong:#F4EFE4; --tinta:#E9E3D6; --c700:#AEA491; --c300:#7C7362;
  --creme:#141009; --creme2:#0D0B06; --floral:#241D11; --branco:#1B1710; --linha:#2C261B;
  --hover:#141009;
  --moldura:#0D0B06;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--tinta);background:var(--creme2);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .2s,color .2s}
img{max-width:100%;display:block}
[hidden]{display:none !important}
svg{display:block}

/* boot splash */
.boot{position:fixed;inset:0;background:var(--creme);display:grid;place-items:center;z-index:50}
.boot img{width:150px;opacity:.9;animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.5}50%{opacity:1}}

/* ============ LOGIN ============ */
.login{min-height:100%;display:grid;grid-template-columns:1.05fr .95fr;background:var(--branco)}
.login-art{background:linear-gradient(180deg,rgba(14,14,14,.72),rgba(14,14,14,.86)),url("/assets/login-bg.webp") center/cover no-repeat,#0E0E0E;position:relative;padding:56px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.login-art::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 70% 82%,rgba(165,133,70,.22),transparent 70%)}
.login-art>*{position:relative;z-index:1}
.wordmark{width:210px;filter:brightness(0) invert(1);opacity:.96}
.quote{color:#E9E2D4;font-weight:300;font-size:20px;line-height:1.7;max-width:360px}
.quote b{color:var(--ouro-claro);font-weight:600}
.art-foot{color:#8a7f6b;font-size:11px;letter-spacing:.14em;text-transform:uppercase}

.login-form{display:flex;align-items:center;justify-content:center;padding:40px}
.form-inner{width:100%;max-width:380px}
.form-inner h1{font-weight:700;font-size:26px;color:var(--preto);letter-spacing:-.01em;color:var(--text-strong)}
.form-inner .sub{color:var(--c700);font-size:14px;margin:6px 0 30px}
.field{display:block;margin-bottom:18px}
.field .lbl{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c700);margin-bottom:8px}
.field .inp{display:flex;align-items:center;gap:10px;border:1px solid var(--linha);border-radius:12px;padding:0 16px;background:var(--creme);transition:border-color .3s,background .3s}
.field .inp:focus-within{border-color:var(--ouro);background:var(--branco)}
.field .inp .ic{color:var(--ouro);display:inline-flex;align-items:center}
.field .inp .ic svg{width:18px;height:18px}
.field .inp input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:14px;color:var(--tinta);padding:13px 0}
/* Autofill (iOS/Safari) não pode forçar fundo claro no dark */
input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--tinta);-webkit-box-shadow:0 0 0 1000px var(--branco) inset;caret-color:var(--tinta);transition:background-color 9999s}
.error{background:#fdeceb;color:#a3312a;border-radius:10px;padding:11px 14px;font-size:13px;font-weight:500;margin-bottom:16px}
.btn-ouro{width:100%;border:none;background:var(--ouro-btn);color:#fff;text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:14px;padding:16px;border-radius:999px;cursor:pointer;transition:all .9s ease;font-family:inherit;margin-top:6px}
.btn-ouro:hover{background:var(--ouro);transform:translateY(-1px)}
.btn-ouro:disabled{opacity:.6;cursor:default;transform:none}
.aux{margin-top:20px;font-size:12.5px;color:var(--c300);text-align:center}
.aux a{color:var(--ouro);text-decoration:none;font-weight:600}

/* ============ SHELL ============ */
.shell{height:100vh;height:100dvh;overflow:hidden;display:grid;grid-template-columns:220px 1fr;background:var(--moldura);transition:grid-template-columns .24s ease}
.shell.collapsed{grid-template-columns:76px 1fr}
.side{background:transparent;border-right:none;display:flex;flex-direction:column;padding:20px 0 0;overflow:hidden}

/* [11/08] sem os tracos: no padrao do Portal UOS a sidebar e uma superficie so,
   separada por espaco e nao por linha. */
.side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px 18px;margin-bottom:12px}
.side-logo{width:113px;transition:opacity .18s}
.collapse-btn{flex:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--linha);border-radius:9px;background:var(--branco);color:var(--c700);cursor:pointer;transition:background .2s,color .2s}
.collapse-btn:hover{background:var(--creme);color:var(--ouro-deep)}
.collapse-btn svg{width:18px;height:18px;transition:transform .24s ease}
.shell.collapsed .collapse-btn svg{transform:rotate(180deg)}
.shell.collapsed .side-logo{display:none}
.shell.collapsed .side-head{justify-content:center;padding:0 0 18px}

.nav{flex:1;min-height:0;overflow-y:auto;padding:0 12px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:var(--ouro-suave) transparent}
/* Barra de rolagem da sidebar: dourada, fina e discreta (aparece so o necessario). */
.nav::-webkit-scrollbar{width:4px}
.nav::-webkit-scrollbar-track{background:transparent}
.nav::-webkit-scrollbar-thumb{background:var(--ouro-suave);opacity:.5;border-radius:999px}
.nav::-webkit-scrollbar-thumb:hover{background:var(--ouro)}
.nav-lbl{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--c300);padding:10px 12px 6px;margin-top:15px}
.nav-item{position:relative;display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:10px;color:var(--tinta);text-decoration:none;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}
.nav-item .ic{flex:none;color:var(--c700);display:inline-flex}
.nav-item .ic svg{width:14px;height:14px}
.nav-item:hover{background:var(--hover)}
.nav-item.on{background:none;color:var(--ouro-deep)}
.nav-item.on::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:17px;border-radius:3px;background:var(--ouro)}
.nav-item.on .ic{color:var(--ouro)}
.nav-item.soon{opacity:.5;cursor:default}
.nav-item.soon:hover{background:none}
/* Acessos: itens que saem do painel e abrem um sistema externo em nova guia. */
.nav-item--ext .nav-ext{margin-left:auto;flex:none;display:inline-flex;color:var(--c300);opacity:.75;transition:color .2s,opacity .2s}
.nav-item--ext .nav-ext svg{width:12px;height:12px}
.nav-item--ext:hover .nav-ext{color:var(--ouro-deep);opacity:1}
.nav-item .tag{margin-left:auto;font-size:7px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c300);border:1px solid var(--linha);padding:2px 6px;border-radius:6px}
/* UniCode: caret + lista de conversas na sidebar */
.nav-caret{margin-left:auto;flex:none;width:20px;height:20px;display:grid;place-items:center;color:var(--c300);border-radius:6px;cursor:pointer;transition:background .2s,color .2s}
.nav-caret svg{width:13px;height:13px;transition:transform .2s}
.nav-caret:hover{background:var(--creme2);color:var(--ouro-deep)}
.nav-caret.open svg{transform:rotate(180deg)}
.uni-chats{display:flex;flex-direction:column;gap:1px;margin:1px 0 5px}
.uni-chatitem{display:flex;align-items:center;gap:6px;width:100%;border:none;background:none;font-family:inherit;text-align:left;color:var(--c700);font-size:11.5px;padding:6px 10px 6px 34px;border-radius:8px;cursor:pointer;transition:background .18s,color .18s}
.uni-chatitem:hover{background:var(--creme)}
.uni-chatitem.on{background:var(--floral);color:var(--ouro-deep)}
.uni-chattitle{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uni-chatdel{flex:none;width:16px;height:16px;display:grid;place-items:center;color:var(--c300);opacity:0;border-radius:5px;transition:opacity .15s,color .15s,background .15s}
.uni-chatdel svg{width:11px;height:11px}
.uni-chatitem:hover .uni-chatdel{opacity:1}
.uni-chatdel:hover{color:#d0463a;background:rgba(208,70,58,.12)}
.uni-select-btn.locked{opacity:.72;cursor:default}
.uni-select-btn.locked:hover{border-color:var(--linha);box-shadow:none}
.uni-select-btn.locked .uni-chev{opacity:.35}

.side-foot{display:flex;align-items:center;gap:6px;padding:8px 12px 14px;margin:0;background:transparent}
.side-foot .nav-item{flex:1;min-width:0}
.side-foot .collapse-btn{flex:none}
.user{display:flex;align-items:center;gap:9px;padding:8px;flex:1;min-width:0;border:none;background:none;font-family:inherit;text-align:left;cursor:pointer;border-radius:11px;transition:background .2s}
.user:hover{background:var(--creme)}
.user .meta{min-width:0;overflow:hidden}
.user .meta .nm,.user .meta .rl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.logout-btn{flex:none;width:34px;height:34px;border-radius:10px;border:none;background:none;color:#E05656;display:grid;place-items:center;cursor:pointer;transition:background .2s}
.logout-btn:hover{background:rgba(224,86,86,.12)}
.logout-btn svg{width:19px;height:19px}
.user.on{background:var(--floral)}
.user .av{width:34px;height:34px;border-radius:50%;background:var(--preto);color:var(--ouro-claro);display:grid;place-items:center;font-weight:600;font-size:13px;flex:none;overflow:hidden}
.user .av img,.avatar-big img{width:100%;height:100%;object-fit:cover;display:block}
.user .nm{font-size:13px;font-weight:600;color:var(--tinta);white-space:nowrap}
.user .rl{font-size:11px;color:var(--c300)}
.foot-item{display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:11px;color:var(--c700);text-decoration:none;font-size:13.5px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}
.foot-item .ic{flex:none;display:inline-flex}
.foot-item .ic svg{width:18px;height:18px}
.foot-item:hover{background:var(--creme)}
.foot-item.exit{color:var(--ouro-deep)}

/* estado colapsado: só ícones */
.shell.collapsed .nav{padding:0 12px}
.shell.collapsed .nav-item,.shell.collapsed .foot-item{justify-content:center;padding:12px}
.shell.collapsed .nav-item .txt,.shell.collapsed .nav-item .tag,.shell.collapsed .nav-lbl,
.shell.collapsed .nav-caret,.shell.collapsed .uni-chats,
.shell.collapsed .foot-item .txt,.shell.collapsed .user .meta{display:none}
.shell.collapsed .user{justify-content:center;padding:12px 0;flex:none}
.shell.collapsed .side-foot{flex-direction:column;gap:6px;margin:0;padding:12px 8px}

.main{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.topbar{flex:none;min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px 12px 26px;
  background:transparent;border-bottom:none}
.topbar-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.topbar-mid{flex:0 1 auto;display:flex;justify-content:center;min-width:0}
.topbar-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.crumb{font-size:12px;color:var(--c300);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.topbar h2{font-weight:700;font-size:22px;color:var(--text-strong);letter-spacing:-.01em;white-space:nowrap}
.subnav{display:flex;gap:4px;border:1px solid var(--linha);border-radius:999px;padding:4px;background:var(--branco);flex:none}
.subtab{border:none;background:none;font-family:inherit;font-size:13px;font-weight:600;color:var(--c700);padding:8px 16px;border-radius:999px;cursor:pointer;transition:color .2s,background .2s}
.subtab.on{background:var(--floral);color:var(--ouro-deep)}
.subtab:hover:not(.on){color:var(--tinta)}

/* ---- views / módulos ---- */
.view{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background:var(--branco);
  border:1px solid var(--linha);border-radius:22px;margin:0 12px 12px 0;padding:22px 26px}
/* saudação do Dashboard (premium) */
.greeting{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.greet-hi{font-weight:300;font-size:clamp(17px,2.5vw,24px);color:var(--c700);letter-spacing:.04em;animation:greetIn .9s cubic-bezier(.22,1,.36,1) both}
.greet-name{font-weight:500;font-size:clamp(34px,6.2vw,64px);letter-spacing:-.01em;line-height:1.05;color:var(--ouro-deep);margin-top:6px;animation:greetIn .9s cubic-bezier(.22,1,.36,1) .12s both}
.clock{margin-top:42px;animation:greetIn .9s cubic-bezier(.22,1,.36,1) .28s both}
.clock-time{font-weight:200;font-size:clamp(28px,4.4vw,44px);color:var(--tinta);letter-spacing:.08em;font-variant-numeric:tabular-nums}
.clock-date{font-weight:300;font-size:clamp(10.5px,1.3vw,12.5px);color:var(--c700);text-transform:uppercase;letter-spacing:.2em;margin-top:10px}
/* Dashboard: cards de resumo (leads · LPs · sites · linkbios) */
.view.dash{display:flex;flex-direction:column}
.view.dash .greeting{flex:1;min-height:0}
.dash-cards{flex:none;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:920px;width:100%;margin:0 auto;padding-top:24px;animation:greetIn .9s cubic-bezier(.22,1,.36,1) .4s both}
.dash-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;background:var(--branco);border:1px solid var(--linha);border-radius:16px;padding:18px 18px 16px;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .2s,box-shadow .2s,transform .2s}
.dash-card:hover{border-color:var(--ouro);box-shadow:0 8px 26px rgba(0,0,0,.07);transform:translateY(-2px)}
.dash-ic{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--floral);color:var(--ouro-deep);margin-bottom:4px}
.dash-ic svg{width:18px;height:18px}
.dash-num{font-weight:600;font-size:clamp(24px,3vw,30px);color:var(--text-strong);letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.dash-lbl{font-size:11.5px;font-weight:500;color:var(--c700);letter-spacing:.01em}
@media(max-width:720px){.dash-cards{grid-template-columns:repeat(2,1fr);gap:11px;padding-top:18px}}
@keyframes greetIn{from{opacity:0;transform:translateY(18px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.subview{max-width:none}
.empty-card{background:var(--branco);border:1px solid var(--linha);border-radius:16px;padding:60px 30px;text-align:center;display:flex;flex-direction:column;align-items:center}
.empty-card .ring{width:64px;height:64px;border-radius:50%;background:var(--floral);color:var(--ouro);display:grid;place-items:center;margin-bottom:16px}
.empty-card .ring svg{width:28px;height:28px}
.empty-card h3{color:var(--text-strong);font-size:17px;font-weight:700}
.empty-card p{color:var(--c700);font-size:13.5px;margin-top:8px;max-width:420px}
.card{background:var(--branco);border:1px solid var(--linha);border-radius:16px;padding:28px 30px}
.card-title{font-weight:700;font-size:17px;color:var(--text-strong)}
.card-sub{color:var(--c700);font-size:13px;margin-top:3px;margin-bottom:24px}
.profile-top{display:flex;align-items:center;gap:20px;margin-bottom:26px}
.avatar-big{width:82px;height:82px;border-radius:50%;background:var(--preto);color:var(--ouro-claro);display:grid;place-items:center;font-weight:600;font-size:26px;flex:none;overflow:hidden}
.avatar-actions{display:flex;flex-direction:column;gap:8px}
.avatar-btns{display:flex;gap:8px}
.btn-line{border:1px solid var(--linha);background:var(--branco);color:var(--tinta);font-family:inherit;font-weight:600;font-size:12.5px;padding:9px 16px;border-radius:999px;cursor:pointer;transition:border-color .2s,color .2s}
.btn-line:hover{border-color:var(--ouro);color:var(--ouro-deep)}
.btn-line.danger{color:#a3312a}
.btn-line.danger:hover{border-color:#a3312a}
.hint{font-size:11.5px;color:var(--c300)}
.form-row{margin-bottom:18px}
.lbl2{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c700);margin-bottom:8px}
.inp2{width:100%;border:1px solid var(--linha);border-radius:12px;padding:13px 16px;background:var(--creme);font-family:inherit;font-size:14px;color:var(--tinta);outline:none;transition:border-color .3s,background .3s}
.inp2:focus{border-color:var(--ouro);background:var(--branco)}
.inp2:disabled{color:var(--c300);cursor:not-allowed}
/* olhinho de mostrar/ocultar senha */
.eye{flex:none;border:none;background:none;color:var(--c300);cursor:pointer;display:inline-flex;align-items:center;padding:4px;border-radius:8px}
.eye:hover{color:var(--ouro)}
.eye svg{width:19px;height:19px}
.eye .eye-closed{display:none}
.eye.on .eye-open{display:none}
.eye.on .eye-closed{display:block}
.pw-field{position:relative}
.pw-field .inp2{width:100%;padding-right:46px}
.pw-field .eye{position:absolute;right:8px;top:50%;transform:translateY(-50%)}
.prof-msg{font-size:13px;font-weight:500;border-radius:10px;padding:11px 14px;margin-bottom:8px}
.prof-msg.ok{background:#e8f5ee;color:#1f7a4d}
.prof-msg.err{background:#fdeceb;color:#a3312a}
.card-actions{margin-top:22px}
.card-actions .btn-line + .btn-ouro,.card-actions .btn-line{margin-right:10px}
.btn-ouro.sm{width:auto;padding:13px 28px;font-size:13px}
.view .card + .card{margin-top:18px}
/* GitHub (Configurações → Sistema) */
.gh-account{display:flex;align-items:center;gap:12px;background:var(--creme);border:1px solid var(--linha);border-radius:12px;padding:12px 14px}
.gh-account .gh-lbl{font-size:11px;color:var(--c700);letter-spacing:.02em}
.gh-account b{font-size:14px;color:var(--text-strong)}
.gh-account .btn-line{margin-left:auto}
.gh-dot{flex:none;width:9px;height:9px;border-radius:50%;background:#4ec06a;box-shadow:0 0 0 3px rgba(78,192,106,.18)}

/* Gestão de membros */
.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}
.card-head .card-sub{margin-bottom:0}
.card-head .btn-ouro.sm{flex:none}
.member-form{border:1px solid var(--linha);border-radius:14px;padding:20px 22px;background:var(--creme);margin-bottom:22px}
.member-form .form-row:last-of-type{margin-bottom:0}
select.inp2{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
.inp2.mini{width:auto;padding:8px 34px 8px 12px;font-size:12.5px;border-radius:10px;background-position:right 10px center}
.invite-box{border:1px solid var(--ouro-suave);background:var(--floral);border-radius:14px;padding:16px 18px;margin-bottom:22px}
.invite-lead{font-size:13px;color:var(--tinta);margin-bottom:10px}
.invite-link{display:flex;gap:10px;align-items:center}
.invite-link .inp2{flex:1;font-size:12.5px}
.member-list{display:flex;flex-direction:column;gap:2px}
.member-list.muted{color:var(--c300);font-size:13px;padding:10px 2px}
.member-row{display:flex;align-items:center;gap:14px;padding:12px 4px;border-top:1px solid var(--linha)}
.member-row:first-child{border-top:none}
.member-av{flex:none;width:38px;height:38px;border-radius:50%;background:var(--preto);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:600;overflow:hidden}
.member-av img{width:100%;height:100%;object-fit:cover}
.member-info{flex:1;min-width:0}
.member-nm{font-size:14px;font-weight:600;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-em{font-size:12.5px;color:var(--c700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-badges{display:flex;gap:6px;flex-wrap:wrap;flex:none}
.badge{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--c700);border:1px solid var(--linha);padding:3px 8px;border-radius:6px;white-space:nowrap}
.badge.gold{color:var(--ouro-deep);border-color:var(--ouro-suave)}
.badge.warn{color:#a3312a;border-color:#e6b8b3}
.member-actions{display:flex;gap:8px;align-items:center;flex:none}
.btn-line.xs{padding:7px 12px;font-size:11.5px}
@media (max-width:640px){
  .member-row{flex-wrap:wrap}
  .member-badges,.member-actions{width:100%}
}
.pref-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.pref-row .pref-info .t{font-size:14px;font-weight:600;color:var(--tinta)}
.pref-row .pref-info .d{font-size:12.5px;color:var(--c700);margin-top:2px}
.seg{display:inline-flex;border:1px solid var(--linha);border-radius:999px;padding:4px;gap:4px;background:var(--creme)}
.seg button{border:none;background:none;font-family:inherit;font-size:13px;font-weight:600;color:var(--c700);padding:9px 16px;border-radius:999px;cursor:pointer;transition:color .2s,background .2s}
.seg button.on{background:var(--branco);color:var(--ouro-deep)}
.seg button:hover:not(.on){color:var(--tinta)}

/* ---- Chat de IA ---- */
.view-chat{padding:0;overflow:hidden;display:flex;flex-direction:column;max-width:none}
.chat-msgs{flex:1;min-height:0;overflow-y:auto;padding:8px 34px 18px;display:flex;flex-direction:column;gap:12px}
.chat-empty{margin:auto;text-align:center;color:var(--c700);max-width:420px;display:flex;flex-direction:column;align-items:center}
.chat-empty .ring{width:64px;height:64px;border-radius:50%;background:var(--floral);color:var(--ouro);display:grid;place-items:center;margin-bottom:16px}
.chat-empty .ring svg{width:28px;height:28px}
.chat-empty h3{color:var(--text-strong);font-size:17px;font-weight:700}
.chat-empty p{font-size:13.5px;margin-top:8px}
.msg{max-width:76%;padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}
.msg.me{align-self:flex-end;background:var(--floral);color:var(--tinta);border-bottom-right-radius:4px}
.msg.bot{align-self:flex-start;background:var(--branco);border:1px solid var(--linha);color:var(--tinta);border-bottom-left-radius:4px}
.msg.note{align-self:center;max-width:100%;background:none;border:1px dashed var(--linha);color:var(--c700);font-size:12.5px;text-align:center;border-radius:10px}
.composer{flex:none;border-top:1px solid var(--linha);padding:14px 34px 20px;background:var(--creme)}
.attach-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.chip{display:inline-flex;align-items:center;gap:8px;background:var(--branco);border:1px solid var(--linha);border-radius:10px;padding:6px 10px;font-size:12.5px;color:var(--tinta);max-width:240px}
.chip .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chip button{border:none;background:none;color:var(--c300);cursor:pointer;display:inline-flex;padding:0}
.chip button:hover{color:var(--ouro-deep)}
.chip svg{width:14px;height:14px}
.composer-box{display:flex;flex-direction:column;gap:8px;border:1px solid var(--linha);border-radius:18px;background:var(--branco);padding:12px 14px;transition:border-color .2s}
.composer-box:focus-within{border-color:var(--ouro)}
.composer-box textarea{border:none;outline:none;background:transparent;resize:none;font-family:inherit;font-size:14px;color:var(--tinta);line-height:1.5;max-height:180px;padding:2px}
.composer-tools{display:flex;align-items:center;justify-content:space-between;gap:10px}
.composer-left{display:flex;align-items:center;gap:6px}
.tool-btn{width:36px;height:36px;border-radius:10px;border:none;background:none;color:var(--c700);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s}
.tool-btn:hover{background:var(--creme);color:var(--ouro-deep)}
.tool-btn svg{width:19px;height:19px}
.tool-btn.rec{color:#c0392b}
.model-dd{position:relative}
.model-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--linha);background:var(--branco);color:var(--tinta);font-family:inherit;font-size:13px;font-weight:600;padding:8px 12px;border-radius:999px;cursor:pointer;transition:border-color .2s}
.model-btn:hover{border-color:var(--ouro)}
.model-btn svg{width:15px;height:15px;color:var(--c700)}
.model-menu{position:absolute;bottom:calc(100% + 8px);left:0;min-width:150px;background:var(--branco);border:1px solid var(--linha);border-radius:12px;padding:6px;box-shadow:0 12px 32px -12px rgba(0,0,0,.4);z-index:10}
.model-menu button{display:flex;align-items:center;width:100%;border:none;background:none;font-family:inherit;font-size:13px;font-weight:500;color:var(--tinta);padding:9px 12px;border-radius:8px;cursor:pointer;text-align:left}
.model-menu button:hover{background:var(--creme)}
.model-menu button.on{color:var(--ouro-deep);background:var(--floral)}
.send-btn{flex:none;width:40px;height:40px;border-radius:12px;border:none;background:var(--ouro-btn);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s}
.send-btn:hover{background:var(--ouro)}
.send-btn svg{width:18px;height:18px}

/* ============ hambúrguer + drawer (base) ============ */
.hamburger{display:none;flex:none;width:44px;height:44px;border:1px solid var(--linha);border-radius:12px;background:var(--branco);cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:border-color .2s,background .2s}
.hamburger:hover{border-color:var(--ouro)}
.hamburger span{display:block;width:19px;height:2px;border-radius:2px;background:var(--tinta);transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .18s ease}
.shell.nav-open .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.shell.nav-open .hamburger span:nth-child(2){opacity:0}
.shell.nav-open .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.form-logo{display:none}
.nav-scrim{position:fixed;inset:0;background:rgba(10,8,4,.5);opacity:0;pointer-events:none;z-index:55;transition:opacity .28s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.shell.nav-open .nav-scrim{opacity:1;pointer-events:auto}
body.nav-locked{overflow:hidden}

/* ============ responsivo ============ */
@media (max-width:900px){
  /* login / convite: coluna única, arte escondida, logo no topo do form */
  .login{grid-template-columns:1fr}
  .login-art{display:none}
  .login-form{padding:34px 22px}
  .form-inner{max-width:420px}
  .form-logo{display:block;width:150px;margin:0 auto 26px}

  /* shell: coluna única, sidebar vira drawer off-canvas */
  .shell,.shell.collapsed{display:block;height:100dvh;overflow:hidden}
  .side{position:fixed;top:0;left:0;bottom:0;width:min(84vw,300px);z-index:60;flex-direction:column;padding:20px 0 0;background:var(--branco);border-right:1px solid var(--linha);border-bottom:none;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 44px -8px rgba(0,0,0,.4)}
  .shell.nav-open .side{transform:none}
  .side-head{justify-content:flex-start;padding:0 18px 18px}
  .collapse-btn{display:none}
  .hamburger{display:inline-flex}

  /* nav vertical dentro do drawer (restaura textos) */
  .nav{flex-direction:column;flex:1;justify-content:flex-start;padding:0 12px;gap:2px;overflow-y:auto}
  .nav-lbl{display:block}
  .nav-item{padding:12px;font-size:13px}
  .nav-item .ic svg{width:17px;height:17px}
  .nav-item .txt{display:inline}
  .nav-item .tag{display:inline;margin-left:auto}
  .side-foot{flex-direction:row;align-items:center;gap:6px;border-top:1px solid var(--linha);margin:0;padding:12px;width:auto;justify-content:space-between}
  .foot-item .txt{display:inline}

  /* main ocupa a largura toda */
  .main{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
  .topbar{position:sticky;top:0;z-index:20;background:var(--creme2);flex-wrap:wrap;gap:12px;padding:12px 16px;border-bottom:1px solid var(--linha)}
  .topbar-left{flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:2px}
  .crumb{display:none}
  .topbar h2{font-size:19px}
  .subnav{width:100%;order:3;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .subnav::-webkit-scrollbar{display:none}
  .subtab{white-space:nowrap;flex:none}

  .view{padding:16px 16px 26px}
  .card{padding:22px 18px}
  .card-head{flex-direction:column;align-items:stretch;gap:14px}
  .card-head .btn-ouro.sm{width:100%}
  .invite-link{flex-wrap:wrap}
  .invite-link .inp2{min-width:0}
  .invite-link .btn-ouro.sm{width:100%}
  .member-form-actions{flex-wrap:wrap}
  .member-form-actions .btn-line,.member-form-actions .btn-ouro{flex:1}
  .profile-top{gap:16px}
  .avatar-big{width:68px;height:68px;font-size:22px}

  /* chat */
  .chat-msgs{padding:12px 16px 14px}
  .composer{padding:12px 14px 16px}
  .msg{max-width:88%}
}

/* telas bem estreitas */
@media (max-width:420px){
  .topbar h2{font-size:18px}
  .card{padding:20px 15px}
  .member-actions{flex-wrap:wrap}
  .greet-name{font-size:clamp(30px,11vw,42px)}
}

/* ===================== Módulo Leads — Save The Date ===================== */
.leads-head{display:flex;align-items:center;justify-content:space-between;gap:44px;flex-wrap:wrap;margin:8px 0 40px}
.leads-hero{margin:0}
.leads-eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:11px;color:var(--c700);margin:0 0 10px}
.leads-title{font-family:inherit;font-weight:800;font-size:2.4rem;line-height:1;margin:0;color:var(--text-strong);letter-spacing:-.01em}
.leads-date{display:inline-flex;align-items:center;gap:.45em;font-weight:600;font-size:1.05rem;color:var(--ouro-deep);margin:12px 0 0}
.leads-date svg{flex:none}
.leads-stats{border-collapse:collapse;border:1px solid var(--linha);border-radius:14px;overflow:hidden;background:var(--branco);min-width:260px}
.leads-stats td{padding:14px 22px;vertical-align:middle}
.leads-stats tr:not(:last-child) td{border-bottom:1px solid var(--linha)}
.leads-stats__num{font-size:1.6rem;font-weight:800;text-align:right;white-space:nowrap;width:1%;padding-right:16px;color:var(--text-strong);font-variant-numeric:tabular-nums}
.leads-stats__lbl{text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--c700);white-space:nowrap}
.leads-stats tr.hl td{background:var(--floral)}
.leads-stats tr.hl .leads-stats__num{color:var(--ouro-deep)}
.leads-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.leads-seg{display:inline-flex;align-items:center;height:42px;background:var(--branco);border:1px solid var(--linha);border-radius:999px;padding:4px;gap:2px}
.leads-seg .seg{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:600;font-size:12.5px;line-height:1;color:var(--c700);background:transparent;border:none;border-radius:999px;padding:0 16px;height:34px;cursor:pointer;white-space:nowrap;transition:color .16s,background .16s}
.leads-seg .seg:hover{color:var(--text-strong)}
.leads-seg .seg.on{background:var(--ouro-btn);color:#fff}
.leads-search{flex:1 1 240px}
.leads-search input{width:100%;height:42px;background:var(--branco);border:1px solid var(--linha);border-radius:999px;color:var(--tinta);padding:0 18px;font-family:inherit;font-size:13.5px}
.leads-search input:focus{outline:none;border-color:var(--ouro)}
.leads-export{display:flex;align-items:center;gap:10px}
.leads-export .btn-gold{height:42px;border:none;background:var(--ouro-btn);color:#fff;font-family:inherit;font-weight:700;font-size:12.5px;padding:0 20px;border-radius:999px;cursor:pointer;transition:background .2s,transform .15s}
.leads-export .btn-gold:hover{background:var(--ouro);transform:translateY(-1px)}
.leads-export .btn-ghost{height:42px;min-width:42px;border:1px solid var(--linha);background:var(--branco);color:var(--tinta);font-family:inherit;font-weight:600;font-size:12.5px;padding:0 16px;border-radius:999px;cursor:pointer;transition:border-color .2s,color .2s}
.leads-export .btn-ghost:hover{border-color:var(--ouro);color:var(--ouro-deep)}
.leads-tablewrap{border:1px solid var(--linha);border-radius:14px;overflow-x:auto;background:var(--branco);scrollbar-width:thin;scrollbar-color:var(--ouro) var(--creme2);min-height:460px}
.leads-tablewrap::-webkit-scrollbar{height:11px}
.leads-tablewrap::-webkit-scrollbar-track{background:var(--creme2);border-radius:0 0 14px 14px}
.leads-tablewrap::-webkit-scrollbar-thumb{background:var(--ouro);border-radius:999px;border:3px solid var(--creme2)}
.leads-tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:1040px}
.leads-tbl thead th{text-align:left;font-weight:700;color:var(--c700);text-transform:uppercase;letter-spacing:.05em;font-size:11px;padding:15px 16px;background:var(--creme2);border-bottom:1px solid var(--linha);white-space:nowrap}
.leads-tbl th.sortable{cursor:pointer;user-select:none}
.leads-tbl th.sortable:hover{color:var(--ouro-deep)}
.leads-tbl th .arrow{color:var(--ouro)}
.leads-tbl tbody td{padding:14px 16px;border-bottom:1px solid var(--linha);color:var(--tinta);white-space:nowrap}
.leads-tbl tbody tr:last-child td{border-bottom:none}
.leads-tbl tbody tr:hover{background:var(--floral)}
.leads-tbl td.dim{color:var(--c300)}
.ld-badge{display:inline-block;font-size:11px;font-weight:700;padding:.2em .7em;border-radius:999px;letter-spacing:.03em}
.ld-badge.is-cliente{background:var(--floral);color:var(--ouro-deep)}
.ld-badge.is-influ{background:rgba(139,127,197,.18);color:#7a6bc0}
.ld-badge.is-sim{background:rgba(96,160,110,.16);color:#4e8c5e}
.ld-badge.is-nao{background:var(--creme2);color:var(--c700);border:1px solid var(--linha)}
.leads-empty,.leads-loading,.leads-error{padding:150px 40px;text-align:center;color:var(--c700);font-size:14px}
.leads-error{color:#a3312a}
@media (max-width:760px){
  .leads-stats{width:100%;min-width:0}
  .leads-title{font-size:2rem}
  .leads-search{flex-basis:100%}
  .leads-export{width:100%}
  .leads-export .btn-gold{flex:1}
}

/* ===== Leads: grade de projetos (landing pages) ===== */
.leads-projects-head{margin:6px 0 22px}
.leads-projects-title{font-family:inherit;font-weight:800;font-size:1.7rem;line-height:1.05;color:var(--text-strong);margin:0;letter-spacing:-.01em}
.proj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media(max-width:1024px){.proj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.proj-grid{grid-template-columns:1fr}}
.proj-card{display:flex;flex-direction:column;text-align:left;background:var(--branco);border:1px solid var(--linha);border-radius:16px;padding:22px 24px;cursor:pointer;font-family:inherit;transition:border-color .18s,transform .18s,box-shadow .18s}
.proj-card:hover{border-color:var(--ouro);transform:translateY(-2px);box-shadow:0 12px 34px rgba(0,0,0,.07)}
.proj-card:focus-visible{outline:2px solid var(--ouro);outline-offset:2px}
.proj-card__count{display:block;font-size:2.6rem;font-weight:800;color:var(--ouro-deep);font-variant-numeric:tabular-nums;line-height:1}
.proj-card__count::after{content:" leads";font-size:11px;font-weight:700;color:var(--c700);text-transform:uppercase;letter-spacing:.08em;margin-left:5px}
.proj-card__rule{border:none;border-top:1px solid var(--linha);height:0;margin:16px 0}
.proj-card__body{flex:1}
.proj-card__tag{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-deep);background:var(--floral);border:1px solid var(--linha);padding:3px 10px;border-radius:999px;margin-bottom:11px}
.proj-card__title{font-size:16px;font-weight:700;color:var(--text-strong);margin:0 0 7px}
.proj-card__desc{font-size:12.5px;color:var(--c700);line-height:1.5;margin:0}
.proj-card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.proj-card__link{font-size:12.5px;font-weight:600;color:var(--c700);text-decoration:none;white-space:nowrap}
.proj-card__link:hover{color:var(--ouro-deep);text-decoration:underline}
.proj-card__cta{font-size:12.5px;font-weight:700;color:var(--ouro-deep);white-space:nowrap}
.leads-back{background:none;border:none;font-family:inherit;font-size:13px;font-weight:600;color:var(--c700);cursor:pointer;padding:0;margin:0 0 20px}
.leads-back:hover{color:var(--ouro-deep)}
/* selo "Em breve" nos módulos vazios */
.empty-card .soon-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-deep);background:var(--floral);border:1px solid var(--linha);padding:4px 12px;border-radius:999px;margin-bottom:14px}

/* ===== VPS (Dev Mode) ===== */
.vps-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:8px 0 26px;flex-wrap:wrap}
.vps-title{font-family:inherit;font-weight:800;font-size:1.8rem;line-height:1.05;color:var(--text-strong);margin:6px 0 0;letter-spacing:-.01em}
.vps-refresh{height:36px;border:1px solid var(--linha);background:var(--branco);color:var(--tinta);font-family:inherit;font-weight:600;font-size:12px;padding:0 15px;border-radius:999px;cursor:pointer;transition:border-color .2s,color .2s}
.vps-refresh:hover{border-color:var(--ouro);color:var(--ouro-deep)}
.topbar-left .vps-refresh{margin-left:2px;align-self:center;height:32px;padding:0 13px;font-size:11.5px}

/* Configurações › Perfil — mais compacto/minimalista */
#sub-perfil .card{padding:22px 24px}
#sub-perfil .card-title{font-size:15px}
#sub-perfil .card-sub{margin-bottom:18px}
#sub-perfil .profile-top{gap:16px;margin-bottom:20px}
#sub-perfil .avatar-big{width:58px;height:58px;font-size:19px}
#sub-perfil .btn-ouro.sm{padding:10px 22px;font-size:12px}
#sub-perfil .btn-line{padding:8px 14px;font-size:12px}
#sub-perfil .inp2{padding:11px 14px}
.vps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:18px}
.vps-tile{background:var(--branco);border:1px solid var(--linha);border-radius:16px;padding:20px 22px}
.vps-tile__lbl{text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;font-weight:700;color:var(--c700)}
.vps-tile__val{font-size:1.35rem;font-weight:800;color:var(--text-strong);margin-top:8px;line-height:1.15;word-break:break-word}
.vps-tile__val.sm{font-size:.98rem;font-weight:700;line-height:1.35}
.vps-tile__sub{font-size:12px;color:var(--c700);margin-top:6px}
.vps-meter{height:8px;border-radius:999px;background:var(--creme2);overflow:hidden;margin:12px 0 4px}
.vps-meter>span{display:block;height:100%;background:var(--ouro-btn);border-radius:999px;transition:width .4s}
.vps-meter.is-warn>span{background:#c9962f}
.vps-meter.is-hot>span{background:#c0552e}
.vps-loading{padding:40px;text-align:center;color:var(--c700);font-size:14px}
.vps-loading.err{color:#a3312a}
/* tabela do VPS — mesmo padrão visual da tabela de leads */
.vps-tablewrap{border:1px solid var(--linha);border-radius:14px;overflow-x:auto;background:var(--branco)}
.vps-tblwrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;border:1px solid var(--linha);border-radius:14px;background:var(--branco)}
.vps-tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.vps-tbl thead th{text-align:left;font-weight:700;color:var(--c700);text-transform:uppercase;letter-spacing:.05em;font-size:11px;padding:13px 18px;background:var(--creme2);border-bottom:1px solid var(--linha);white-space:nowrap}
.vps-tbl tbody th{text-align:left;font-weight:600;color:var(--c700);padding:15px 20px;border-bottom:1px solid var(--linha);white-space:nowrap;width:38%;vertical-align:middle}
.vps-tbl tbody td{padding:13px 18px;border-bottom:1px solid var(--linha);color:var(--text-strong);font-weight:600;vertical-align:middle;white-space:nowrap}
.vps-tbl tbody tr:last-child th,.vps-tbl tbody tr:last-child td{border-bottom:none}
.vps-tbl tbody tr:hover th,.vps-tbl tbody tr:hover td{background:var(--floral)}
.vps-cellmeter{display:flex;align-items:center;gap:12px}
.vps-cellmeter .vps-meter{flex:1;max-width:220px;margin:0}
/* Host: pills de status + link de domínio */
.host-pill{display:inline-block;font-size:11px;font-weight:700;padding:.2em .7em;border-radius:999px;letter-spacing:.02em}
.host-pill.ok{background:rgba(96,160,110,.16);color:#4e8c5e}
.host-pill.warn{background:var(--floral);color:var(--ouro-deep);border:1px solid var(--linha)}
.host-link{color:var(--ouro-deep);text-decoration:none;font-weight:600}
.host-link:hover{text-decoration:underline}
.host-group{border:1px solid var(--linha);border-radius:14px;padding:15px 17px;margin-bottom:13px;background:var(--branco)}
.host-group__name{font-weight:700;font-size:14.5px;color:var(--text-strong)}
.host-group__meta{font-size:11.5px;color:var(--c700);margin:3px 0 12px}
.host-group__meta b{color:var(--ouro-deep);font-weight:600}
.host-group__meta .same{color:var(--ouro-deep);font-weight:600}
/* Gerenciador de arquivos */
.fm-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;flex-wrap:wrap}
.fm-dlbtn{text-decoration:none;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:5px}
.fm-dl{color:var(--ouro-deep);text-decoration:none;font-weight:600;font-size:12.5px;white-space:nowrap}
.fm-dl:hover{text-decoration:underline}
.fm-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:1px}
.fm-seg{background:none;border:none;font-family:inherit;font-size:13px;font-weight:600;color:var(--ouro-deep);cursor:pointer;padding:4px 7px;border-radius:7px}
.fm-seg:hover{background:var(--floral)}
.fm-sep{color:var(--c300);font-size:13px}
.fm-name{display:flex;align-items:center;gap:11px}
.fm-ic{display:inline-flex;flex:none;color:var(--c700)}
.fm-ic.dir{color:var(--ouro)}
.fm-ic svg{width:18px;height:18px}
.fm-link{background:none;border:none;font-family:inherit;font-size:13.5px;font-weight:500;color:var(--text-strong);text-decoration:none;cursor:pointer;padding:0;text-align:left}
.fm-link:hover{color:var(--ouro-deep);text-decoration:underline}
/* Landing Pages — grade com o print da hero (desktop) de cada LP */
.lp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.lp-card{background:var(--branco);border:1px solid var(--linha);border-radius:10px;overflow:hidden;transition:border-color .18s,transform .18s,box-shadow .18s}
.lp-card:hover{border-color:var(--ouro);transform:translateY(-2px);box-shadow:0 12px 34px rgba(0,0,0,.07)}
.lp-card__shot{aspect-ratio:16/9;overflow:hidden;background:var(--creme2);border-bottom:1px solid var(--linha)}
.lp-card__shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.lp-card__meta{padding:13px 16px}
.lp-section{margin-bottom:30px}
/* Afasta o titulo da campanha do conteudo acima. padding, nao margin: com
   margin-bottom:30px na propria .lp-section, um margin-top:20px colapsaria. */
.lp-section--campanha{padding-top:20px}
.lp-section__title{font-family:inherit;font-weight:800;font-size:1.25rem;color:var(--text-strong);margin:0 0 16px;letter-spacing:-.01em}
.lp-card__titlerow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}
.lp-dot{display:none}
.lp-card__title{font-size:14.5px;font-weight:700;color:var(--text-strong);margin:0}
.lp-card__domain{display:inline-block;font-size:11.5px;color:var(--c700);word-break:break-all;text-decoration:none}
.lp-card__domain:hover{color:var(--ouro-deep);text-decoration:underline}
.lp-card__rule{border:none;border-top:1px solid var(--linha);margin:12px 0 0}
.lp-card__leads{display:flex;align-items:baseline;gap:7px;margin-top:11px}
.lp-card__leadsnum{font-size:24px;font-weight:800;line-height:1;color:var(--ouro-deep);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.lp-card__leadslbl{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--c700)}
.lp-card__leads.is-empty .lp-card__leadsnum{color:var(--c700);font-weight:700}
/* ---- Guia de Estilo ---- */
.guia-wrap{max-width:none;padding-top:10px}
.guia-head{margin:2px 0 26px}
.guia-title{font-size:22px;font-weight:800;color:var(--text-strong);margin:0 0 4px}
.guia-sub{font-size:13px;color:var(--c700);margin:0}
.guia-sec{margin:0 0 48px}
.guia-sec__t{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c700);margin:0 0 18px}
.guia-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}
.guia-logo{border:1px solid var(--linha);border-radius:12px;overflow:hidden;background:var(--branco)}
.guia-logo__frame{height:132px;display:grid;place-items:center;padding:22px;overflow:hidden}
.guia-logo__frame.dark{background:var(--preto)}
.guia-logo__frame.light{background:var(--creme2)}
.guia-logo__frame img{max-width:100%;max-height:100%;min-height:0;object-fit:contain;display:block}
.guia-logo__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-top:1px solid var(--linha)}
.guia-logo__lbl{font-size:12.5px;font-weight:600;color:var(--text-strong)}
.guia-logo__dl{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--ouro-deep);text-decoration:none}
.guia-logo__dl svg{width:14px;height:14px}
.guia-logo__dl:hover span{text-decoration:underline}
.guia-dl-btn svg{width:16px;height:16px}
.guia-cores{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.guia-cor{border:1px solid var(--linha);border-radius:11px;overflow:hidden;cursor:pointer;background:var(--branco);transition:transform .15s,box-shadow .15s}
.guia-cor:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.06)}
.guia-cor__sw{height:66px}
.guia-cor__meta{padding:9px 12px}
.guia-cor__top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:2px}
.guia-cor__n{font-size:12px;font-weight:600;color:var(--text-strong)}
.guia-cor__copy{border:none;background:none;padding:0;margin:0;cursor:pointer;color:var(--c300);display:inline-flex;line-height:0;flex:none}
.guia-cor__copy:hover{color:var(--ouro-deep)}
.guia-cor__copy svg{width:14px;height:14px}
.guia-cor.copied .guia-cor__copy{color:#2E9E5B}
.guia-cor__h{font-size:11px;color:var(--c700);font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.02em}
.guia-cor.copied .guia-cor__h::after{content:' · copiado';color:var(--ouro-deep);font-weight:700;text-transform:none}
.guia-fontes{display:flex;flex-direction:column;gap:16px}
.guia-fonte{display:flex;flex-direction:column;gap:16px;border:1px solid var(--linha);border-radius:12px;padding:20px 26px;background:var(--branco)}
.guia-fonte__head{display:flex;align-items:center;gap:24px}
.guia-fonte__aa{font-size:46px;line-height:1;color:var(--ouro-deep);min-width:72px;text-align:center}
.guia-weights{display:flex;flex-wrap:wrap;gap:8px}
.guia-wchip{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--linha);border-radius:9px;padding:7px 13px;text-decoration:none;background:var(--creme);transition:border-color .15s,box-shadow .15s}
.guia-wchip:hover{border-color:var(--ouro);box-shadow:0 2px 8px rgba(0,0,0,.05)}
.guia-wchip__n{font-size:15px;color:var(--text-strong);line-height:1}
.guia-wchip__w{font-size:11px;color:var(--c700);font-variant-numeric:tabular-nums}
.guia-wchip__ic{display:inline-flex;color:var(--ouro-deep);line-height:0}
.guia-wchip__ic svg{width:13px;height:13px}
.guia-dl-btn--sm{align-self:flex-start;padding:9px 15px;font-size:13px}
@font-face{font-family:'Montserrat';font-weight:100;font-style:normal;font-display:swap;src:url('guia-assets/fonts/montserrat/Montserrat-Thin.ttf') format('truetype')}
@font-face{font-family:'Montserrat';font-weight:200;font-style:normal;font-display:swap;src:url('guia-assets/fonts/montserrat/Montserrat-ExtraLight.ttf') format('truetype')}
@font-face{font-family:'Montserrat';font-weight:300;font-style:normal;font-display:swap;src:url('guia-assets/fonts/montserrat/Montserrat-Light.ttf') format('truetype')}
@font-face{font-family:'Montserrat';font-weight:400;font-style:normal;font-display:swap;src:url('guia-assets/fonts/montserrat/Montserrat-Regular.ttf') format('truetype')}
@font-face{font-family:'Montserrat';font-weight:500;font-style:normal;font-display:swap;src:url('guia-assets/fonts/montserrat/Montserrat-Medium.ttf') format('truetype')}
@font-face{font-family:'Montserrat';font-weight:600;font-style:normal;font-display:swap;src:url('guia-assets/fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype')}
@font-face{font-family:'Montserrat';font-weight:700;font-style:normal;font-display:swap;src:url('guia-assets/fonts/montserrat/Montserrat-Bold.ttf') format('truetype')}
@font-face{font-family:'Montserrat';font-weight:800;font-style:normal;font-display:swap;src:url('guia-assets/fonts/montserrat/Montserrat-ExtraBold.ttf') format('truetype')}
@font-face{font-family:'Montserrat';font-weight:900;font-style:normal;font-display:swap;src:url('guia-assets/fonts/montserrat/Montserrat-Black.ttf') format('truetype')}
.guia-fonte__info h4{margin:0 0 3px;font-size:16px;font-weight:700;color:var(--text-strong)}
.guia-fonte__info p{margin:0;font-size:12.5px;color:var(--c700)}
.guia-dl-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--linha);background:var(--branco);border-radius:10px;padding:11px 18px;font:inherit;font-weight:700;color:var(--text-strong);text-decoration:none;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.guia-dl-btn:hover{border-color:var(--ouro);box-shadow:0 3px 12px rgba(0,0,0,.06)}
.guia-dl-note{font-size:12px;color:var(--c700);margin:10px 0 0}
/* ---- Pilulas de qualificacao de lead ---- */
.qpill{display:inline-block;padding:3px 11px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap;line-height:1.55}
.qpill--frio{background:#E7F0FB;color:#1D5FA8;border:1px solid #CFE0F5}
.qpill--medio{background:#FCF2D4;color:#8A6100;border:1px solid #F1E2A8}
.qpill--quente{background:#FBE3DF;color:#B23120;border:1px solid #F2C9C1}
[data-theme="dark"] .qpill--frio{background:#16304a;color:#8fbdf0;border-color:#24445f}
[data-theme="dark"] .qpill--medio{background:#3a3016;color:#e6c463;border-color:#524418}
[data-theme="dark"] .qpill--quente{background:#3f1f1a;color:#f0a99b;border-color:#5a2b23}
.lp-card__shot.ph{display:grid;place-items:center;background:linear-gradient(135deg,var(--floral),var(--creme2))}
.lp-card__shot.ph .mono{font-family:inherit;font-weight:800;font-size:34px;color:var(--ouro-deep);letter-spacing:.02em}
.lp-card__shot.ph svg{width:42px;height:42px;color:var(--ouro)}
.lp-note{font-size:12px;color:var(--c700);margin:-6px 0 0}

/* ===== UniCode — assistente de dev (chat Opus 4.8) ===== */
#view-unicode{padding:0;overflow:hidden;display:flex;flex-direction:column}
.uni{display:flex;flex-direction:column;flex:1;min-height:0}
@keyframes uniPulse{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes uniIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes uniFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
/* topo: seletor de modelo + novo chat */
.uni-top{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px}
.uni-select{position:relative}
.uni-select-btn{display:inline-flex;align-items:center;gap:9px;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--text-strong);background:var(--branco);border:1px solid var(--linha);border-radius:12px;padding:8px 12px;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:border-color .18s,box-shadow .18s}
.uni-select-btn:hover{border-color:var(--ouro);box-shadow:0 4px 16px rgba(0,0,0,.06)}
.uni-select-btn.sm{font-size:12.5px;color:var(--c700);padding:6px 10px;border-radius:10px;box-shadow:none;background:var(--creme)}
.uni-select-btn.sm:hover{color:var(--ouro-deep)}
.uni-select-btn.sm svg:first-child{width:16px;height:16px;color:var(--ouro)}
.uni-model-ic{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(135deg,var(--ouro-claro),var(--ouro));color:#1a1305}
.uni-model-ic svg{width:14px;height:14px}
.uni-chev{width:14px;height:14px;color:var(--c300);flex:none}
.uni-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:258px;background:var(--branco);border:1px solid var(--linha);border-radius:14px;padding:6px;box-shadow:0 16px 44px rgba(0,0,0,.16);animation:uniIn .16s ease both}
.uni-menu.up{top:auto;bottom:calc(100% + 8px)}
.uni-menu-item{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;text-align:left;border:none;background:none;font-family:inherit;padding:9px 11px;border-radius:9px;cursor:pointer;transition:background .15s}
.uni-menu-item:hover:not([disabled]){background:var(--creme)}
.uni-menu-item.on{background:var(--floral)}
.uni-menu-item b{font-size:13px;font-weight:600;color:var(--text-strong);flex-basis:100%}
.uni-menu-item.two b{flex-basis:auto}
.uni-menu-item small{font-size:11px;color:var(--c700);flex-basis:100%}
.uni-menu-item[disabled]{opacity:.55;cursor:default}
.uni-menu-item .soon{font-size:8.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ouro-deep);border:1px solid var(--linha);border-radius:6px;padding:2px 6px;margin-left:auto}
.uni-menu-sep{height:1px;background:var(--linha);margin:6px 4px}
.uni-menu-lbl{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c300);padding:8px 11px 4px}
.uni-newchat{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:13.5px;font-weight:600;color:#fff;background:var(--preto);border:none;border-radius:12px;padding:10px 16px;cursor:pointer;transition:transform .18s,opacity .18s}
.uni-newchat:hover{transform:translateY(-1px);opacity:.9}
.uni-newchat svg{width:16px;height:16px}
.uni-top-right{display:flex;align-items:center;gap:9px}
.uni-publish{display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--ouro-deep);background:var(--floral);border:1px solid var(--linha);border-radius:12px;padding:9px 14px;cursor:pointer;transition:border-color .18s,transform .18s}
.uni-publish:hover{border-color:var(--ouro);transform:translateY(-1px)}
.uni-publish svg{width:15px;height:15px}
/* modal de publicação */
.uni-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:rgba(8,6,4,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}
.uni-modal-card{width:min(460px,100%);background:var(--branco);border:1px solid var(--linha);border-radius:18px;padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.uni-modal-title{font-size:18px;font-weight:700;color:var(--text-strong)}
.uni-modal-sub{font-size:13px;color:var(--c700);margin:4px 0 14px}
.uni-modal-list{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow:auto;margin-bottom:14px}
.uni-modal-list .row{display:flex;align-items:center;gap:8px;font-size:12.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--tinta);padding:5px 8px;background:var(--creme);border-radius:7px}
.uni-modal-list .op{flex:none;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ouro-deep);min-width:34px}
.uni-modal-list .empty{font-family:inherit;color:var(--c700);background:none;padding:4px 0}
.uni-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}
/* main + estados */
.uni-main{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:824px;margin:0 auto;padding:0 22px}
.uni.empty .uni-main{justify-content:center;padding-bottom:9vh}
.uni.empty .uni-log{display:none}
.uni:not(.empty) .uni-hero{display:none}
/* hero (empty state) */
.uni-hero{text-align:center;flex:none;padding:8px 0 24px}
.uni-orb{width:132px;height:132px;margin:2px auto 28px;animation:uniFloat 7s ease-in-out infinite;filter:drop-shadow(0 14px 34px rgba(200,150,60,.28))}
.uni-orb canvas{width:100%;height:100%;display:block}
.uni-greet,.uni-sub{font-weight:300;font-size:clamp(24px,3.3vw,33px);color:var(--text-strong);letter-spacing:.005em;line-height:1.32;margin:0}
.uni-name{color:var(--ouro-deep);font-weight:400}
.uni-sub span{color:inherit;font-weight:inherit}
/* log */
.uni-log{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:14px 0 6px}
.uni-msg{display:flex;gap:12px;max-width:min(860px,100%);align-self:flex-start;animation:uniIn .42s cubic-bezier(.22,1,.36,1) both}
.uni-msg.me{align-self:flex-end;flex-direction:row-reverse}
.uni-av{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:700}
.uni-av.bot{background:radial-gradient(circle at 30% 25%,#EBC65E,#A58546 65%,#7A5A23);color:#1a1305}
.uni-av.me{background:var(--floral);color:var(--ouro-deep);border:1px solid var(--linha)}
.uni-av svg{width:17px;height:17px}
.uni-bubble{padding:12px 16px;border-radius:16px;font-size:14.5px;line-height:1.66;word-break:break-word;box-shadow:0 4px 18px rgba(0,0,0,.05)}
.uni-msg.bot .uni-bubble{background:var(--branco);border:1px solid var(--linha);color:var(--tinta);border-top-left-radius:5px}
.uni-msg.me .uni-bubble{background:var(--ouro-btn);color:#fff;border-top-right-radius:5px}
.uni-text{white-space:pre-wrap;margin:0}
.uni-text+.uni-code,.uni-code+.uni-text{margin-top:9px}
.uni-code{background:#0c0a06;border:1px solid var(--linha);border-radius:11px;padding:12px 14px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55;color:#EBC65E;white-space:pre}
.uni-typing{display:inline-flex;gap:5px;align-items:center;padding:4px 2px}
.uni-typing span{width:7px;height:7px;border-radius:50%;background:var(--ouro-suave);animation:uniDot 1.25s infinite ease-in-out}
.uni-typing span:nth-child(2){animation-delay:.16s}.uni-typing span:nth-child(3){animation-delay:.32s}
@keyframes uniDot{0%,65%,100%{opacity:.28;transform:translateY(0)}32%{opacity:1;transform:translateY(-4px)}}
/* composer (rodapé) */
.uni-foot{flex:none;padding:6px 0 16px}
.uni-composer{background:var(--branco);border:1px solid var(--linha);border-radius:22px;padding:14px 16px 10px;box-shadow:0 8px 30px rgba(0,0,0,.06);transition:border-color .2s,box-shadow .2s}
.uni-composer:focus-within{border-color:var(--ouro);box-shadow:0 10px 34px rgba(165,133,70,.13)}
.uni-input{width:100%;border:none;background:none;resize:none;font-family:inherit;font-size:15px;color:var(--tinta);line-height:1.55;max-height:210px;min-height:26px;padding:2px 2px 10px}
.uni-input:focus{outline:none}
.uni-input::placeholder{color:var(--c300)}
.uni-bar{display:flex;align-items:center;justify-content:space-between;gap:8px}
.uni-bar-left,.uni-bar-right{display:flex;align-items:center;gap:5px}
.uni-tool{width:36px;height:36px;flex:none;display:grid;place-items:center;border:none;background:none;color:var(--c700);border-radius:10px;cursor:pointer;transition:background .18s,color .18s}
.uni-tool:hover{background:var(--creme);color:var(--ouro-deep)}
.uni-tool.rec{color:#d0463a;background:rgba(208,70,58,.12);animation:uniPulse 1.1s infinite}
.uni-tool svg{width:19px;height:19px}
.uni-send{width:40px;height:40px;flex:none;display:grid;place-items:center;border:none;background:var(--ouro-btn);color:#fff;border-radius:12px;cursor:pointer;transition:background .18s,transform .18s,opacity .18s}
.uni-send:hover:not(:disabled){background:var(--ouro);transform:translateY(-1px)}
.uni-send:disabled{opacity:.4;cursor:not-allowed}
.uni-send svg{width:19px;height:19px}
/* Modo "parar": enquanto a resposta esta chegando, o botao vira um quadrado vermelho. */
.uni-send.is-stop{background:#d0463a}
.uni-send.is-stop:hover:not(:disabled){background:#b93a2f;transform:none}
.uni-send.is-stop svg{display:none}
.uni-send.is-stop::after{content:'';width:12px;height:12px;background:#fff;border-radius:2px}
.uni-parado{margin-top:8px;font-size:12px;color:var(--txt-fraco,#8a8a8a);font-style:italic}
.uni-hint{font-size:11.5px;color:var(--c300);text-align:center;margin-top:11px}
.uni-chipfile{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--ouro-deep);background:var(--floral);border:1px solid var(--linha);padding:6px 10px 6px 12px;border-radius:999px;margin-bottom:10px;max-width:100%}
.uni-chipfile img{width:22px;height:22px;border-radius:5px;object-fit:cover}
.uni-chipfile b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uni-chipfile button{border:none;background:none;color:var(--c700);cursor:pointer;display:grid;place-items:center;padding:0;width:16px;height:16px}
.uni-chipfile button:hover{color:#d0463a}
@media(max-width:640px){.uni-main{padding:0 14px}.uni-top{padding:10px 13px}.uni-newchat span{display:none}.uni-select-btn{max-width:150px}.uni-select-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* ===== Animação cinematográfica de boas-vindas (só após login) ===== */
.welcome{position:fixed;inset:0;z-index:9999;overflow:hidden;pointer-events:none}
.wc-curtain{position:absolute;top:0;bottom:0;width:50.6%;background:linear-gradient(160deg,#1a130a 0%,#0A0A0A 62%)}
.wc-left{left:0}
.wc-right{right:0}
.wc-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;opacity:0}
.wc-hi{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(3.2rem,10vw,7rem);line-height:1;margin:0;color:var(--ouro-claro);text-shadow:0 6px 44px rgba(165,133,70,.4)}
.wc-rule{width:0;height:1px;background:linear-gradient(90deg,transparent,var(--ouro-suave),transparent)}
.wc-name{font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.4em;font-size:13px;color:#E9E2D4;margin:0;opacity:.9}
.welcome.play .wc-center{animation:wc-text 3.4s ease forwards}
.welcome.play .wc-rule{animation:wc-rule 3.4s ease forwards}
.welcome.play .wc-left{animation:wc-open-l .95s cubic-bezier(.76,0,.24,1) 2.4s forwards}
.welcome.play .wc-right{animation:wc-open-r .95s cubic-bezier(.76,0,.24,1) 2.4s forwards}
@keyframes wc-text{0%{opacity:0;transform:translateY(16px) scale(.96);filter:blur(7px)}16%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}60%{opacity:1;transform:none;filter:blur(0)}72%{opacity:0;transform:scale(1.03);filter:blur(3px)}100%{opacity:0}}
@keyframes wc-rule{0%{width:0}20%{width:210px}60%{width:210px}72%{width:0;opacity:0}100%{width:0;opacity:0}}
@keyframes wc-open-l{to{transform:translateX(-101%)}}
@keyframes wc-open-r{to{transform:translateX(101%)}}
@media (prefers-reduced-motion:reduce){.welcome{display:none!important}}

/* ============ ANALYTICS (tags de rastreio por marca) ============ */
#view-analytics{max-width:none}
.an-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}
.an-intro__t{font-weight:700;font-size:18px;color:var(--text-strong)}
.an-intro__s{color:var(--c700);font-size:13px;margin-top:6px;max-width:560px;line-height:1.5}
.an-add{flex:none;height:40px;border:none;background:var(--ouro-btn);color:#fff;font-family:inherit;font-weight:700;font-size:12.5px;padding:0 20px;border-radius:999px;cursor:pointer;transition:background .2s,transform .15s}
.an-add:hover{background:var(--ouro);transform:translateY(-1px)}
.an-card{background:var(--branco);border:1px solid var(--linha);border-radius:16px;padding:22px 24px;margin-bottom:16px}
.an-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.an-card__name{font-weight:700;font-size:16px;color:var(--text-strong)}
.an-card__tools{display:flex;gap:8px;flex:none}
.an-tags{display:flex;flex-direction:column;gap:8px}
.an-tag{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;background:var(--creme);border:1px solid var(--linha);border-radius:10px}
.an-tag__k{font-size:12.5px;font-weight:600;color:var(--c700)}
.an-tag__v{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--text-strong);word-break:break-all;text-align:right}
.an-empty{font-size:13px;color:var(--c300)}
.an-copy{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.an-form .form-row{margin-bottom:14px}
.an-form .card-actions{margin-top:20px;display:flex;gap:10px}
@media (max-width:640px){.an-intro{flex-direction:column}.an-tag{flex-direction:column;align-items:flex-start;gap:4px}.an-tag__v{text-align:left}}

/* ============ LANDING PAGES → CONTROLE (tabela de integração) ============ */
.lp-ctl-intro{color:var(--c700);font-size:13px;margin-bottom:16px;max-width:720px;line-height:1.5}
.lp-ctl-tbl{width:100%}
.lp-ctl-tbl th,.lp-ctl-tbl td{vertical-align:middle;padding:12px 12px}
.lp-ctl-tbl td{vertical-align:top}
/* Colunas de texto largas (quebram menos): 1 = Landing page, 6 = Grava em */
.lp-ctl-tbl th:nth-child(1),.lp-ctl-tbl td:nth-child(1){min-width:236px}
.lp-ctl-tbl th:nth-child(7),.lp-ctl-tbl td:nth-child(7){min-width:210px}
.lp-ctl-tbl th:nth-child(8),.lp-ctl-tbl td:nth-child(8){min-width:150px}
/* Colunas de pílula compactas (2 Status, 3 Online, 4 Captura, 5 GTM, 6 LGPD, 9 Leads) */
.lp-ctl-tbl th:nth-child(2),.lp-ctl-tbl td:nth-child(2),
.lp-ctl-tbl th:nth-child(3),.lp-ctl-tbl td:nth-child(3),
.lp-ctl-tbl th:nth-child(4),.lp-ctl-tbl td:nth-child(4),
.lp-ctl-tbl th:nth-child(5),.lp-ctl-tbl td:nth-child(5),
.lp-ctl-tbl th:nth-child(6),.lp-ctl-tbl td:nth-child(6),
.lp-ctl-tbl th:nth-child(9),.lp-ctl-tbl td:nth-child(9){width:1%;white-space:nowrap;text-align:center}
.lp-ctl-name{font-weight:600;color:var(--text-strong);font-size:13.5px;line-height:1.35}
.lp-ctl-dom{font-size:11.5px;color:var(--c300);margin-top:3px;overflow-wrap:anywhere}
.lp-ctl-db{font-size:12.5px;color:var(--tinta);line-height:1.4}
.lp-ctl-note{font-size:11px;color:var(--c300);margin-top:4px}
.lp-pill{display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;margin:2px 3px 2px 0;white-space:nowrap}
.lp-pill--on{background:#e8f5ee;color:#1f7a4d}
.lp-pill--warn{background:#fdf3e3;color:#9a6a12}
.lp-pill--off{background:#fdeceb;color:#a3312a}
[data-theme="dark"] .lp-pill--on{background:rgba(31,122,77,.18);color:#7fd0a3}
[data-theme="dark"] .lp-pill--warn{background:rgba(154,106,18,.20);color:#e0b567}
[data-theme="dark"] .lp-pill--off{background:rgba(163,49,42,.20);color:#e59b95}
.lp-ctl-foot{font-size:11.5px;color:var(--c300);margin-top:16px;line-height:1.5}

/* ============ BUSCA DA SIDEBAR ============ */
.side-search{position:relative;margin:4px 14px 12px;flex:none}
.side-search input{width:100%;height:38px;border:1px solid var(--linha);border-radius:10px;background:var(--creme);padding:0 14px 0 38px;font-family:inherit;font-size:13px;color:var(--tinta);outline:none;transition:border-color .2s,background .2s}
.side-search input::placeholder{color:var(--c300)}
.side-search input:focus{border-color:var(--ouro);background:var(--branco)}
.side-search__ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--c300);display:inline-flex;pointer-events:none}
.side-search__ic svg{width:15px;height:15px}
.side-search__results{position:absolute;left:0;right:0;top:44px;background:var(--branco);border:1px solid var(--linha);border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.14);max-height:340px;overflow-y:auto;z-index:60;padding:6px}
.side-search__item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;cursor:pointer;color:var(--tinta)}
.side-search__item.active{background:var(--floral)}
.side-search__item .ic{color:var(--ouro);display:inline-flex;flex:none}
.side-search__item .ic svg{width:15px;height:15px}
.side-search__lbl{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-search__item.active .side-search__lbl{color:var(--ouro-deep)}
.side-search__sub{font-size:10.5px;color:var(--c300);margin-left:auto;padding-left:8px;white-space:nowrap}
.side-search__empty{padding:14px;font-size:12.5px;color:var(--c300);text-align:center}
.shell.collapsed .side-search{display:none}

/* ============ CONFIGURAÇÕES › AGENTE (modelo padrão do UniCode) ============ */
.agent-opts{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.agent-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--linha);border-radius:12px;background:var(--creme);cursor:pointer;font-family:inherit;transition:border-color .18s,background .18s}
.agent-opt:hover{border-color:var(--ouro)}
.agent-opt.on{border-color:var(--ouro);background:var(--branco)}
.agent-opt__name{font-size:14px;font-weight:600;color:var(--text-strong)}
.agent-opt__check{color:var(--ouro);display:none}
.agent-opt__check svg{width:18px;height:18px}
.agent-opt.on .agent-opt__check{display:inline-flex;align-items:center}
.uni-modelchip{gap:6px}
.uni-modelchip svg{color:var(--ouro)}

/* ============ MODAL DE DETALHES (LP / site / link in bio) ============ */
.lp-card--click{cursor:pointer}
.lp-card--click:hover{border-color:var(--ouro)}
.ctlm{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.ctlm[hidden]{display:none}
.ctlm__backdrop{position:absolute;inset:0;background:rgba(20,18,16,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ctlm__panel{position:relative;width:90vw;height:90vh;max-width:1180px;background:var(--branco);border:1px solid var(--linha);border-radius:16px;box-shadow:0 30px 90px rgba(0,0,0,.4);overflow:hidden;display:flex;flex-direction:column;animation:ctlm-in .18s ease}
@keyframes ctlm-in{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}
.ctlm__close{position:absolute;top:16px;right:16px;z-index:2;width:40px;height:40px;border:1px solid var(--linha);background:var(--branco);border-radius:10px;display:grid;place-items:center;cursor:pointer;color:var(--tinta);transition:border-color .18s,color .18s}
.ctlm__close:hover{border-color:var(--ouro);color:var(--ouro-deep)}
.ctlm__close svg{width:20px;height:20px}
.ctlm__body{padding:36px 40px;overflow-y:auto}
.ctlm-head{margin-bottom:26px;padding-right:44px}
.ctlm-title{font-size:23px;font-weight:700;color:var(--text-strong);line-height:1.2}
.ctlm-dom{display:inline-block;margin-top:6px;font-size:13px;color:var(--ouro-deep);text-decoration:none}
a.ctlm-dom:hover{text-decoration:underline}
/* Modal de detalhes: atributos em tabela vertical (mesmo visual da tabela do Controle) */
.ctlm-tbl tbody th{width:34%;color:var(--c700)}
.ctlm-tbl .ctlm-pills{margin:-2px 0}
.ctlm-note{font-size:11px;color:var(--c300);margin-top:5px}
.ctlm-sec{margin-top:28px}
.ctlm-sec__t{font-size:12px;font-weight:700;color:var(--text-strong);text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px}
.ctlm-pills{display:flex;flex-wrap:wrap;gap:6px}
.ctlm-soon{font-size:12.5px;color:var(--c300);margin-top:10px;line-height:1.5}
/* Rastreio proprio (tiles + top CTAs) no modal de detalhes da LP */
.utrk-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.utrk-head .ctlm-sec__t{margin-bottom:0}
.utrk-per{display:flex;gap:2px;background:var(--creme);border:1px solid var(--linha);border-radius:999px;padding:3px}
.utrk-per__b{border:none;background:none;font-family:inherit;font-size:12px;font-weight:600;color:var(--c700);padding:5px 12px;border-radius:999px;cursor:pointer;transition:color .2s,background .2s}
.utrk-per__b.on{background:var(--branco);color:var(--ouro-deep)}
.utrk-per__b:hover:not(.on){color:var(--tinta)}
.utrk-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.utrk-tile{border:1px solid var(--linha);border-radius:12px;padding:14px 16px;background:var(--creme);display:flex;flex-direction:column;gap:4px}
.utrk-tile b{font-size:22px;font-weight:700;color:var(--text-strong);line-height:1.1}
.utrk-tile span{font-size:11px;color:var(--c300);font-weight:600}
.utrk-ctas{margin-top:16px}
.utrk-ctas__t{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--c700);font-weight:700;margin-bottom:8px}
.utrk-cta{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--linha);font-size:13px;color:var(--tinta)}
.utrk-cta__l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.utrk-cta__n{font-weight:700;color:var(--text-strong);flex:none}
@media (max-width:560px){.utrk-tiles{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.ctlm__panel{width:96vw;height:94vh}.ctlm__body{padding:26px 20px}}

/* ============ VPS › DOCUMENTAÇÃO ============ */
.docs-layout{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:start}
.docs-list{display:flex;flex-direction:column;gap:4px;position:sticky;top:0}
.docs-item{text-align:left;border:1px solid transparent;background:none;font-family:inherit;font-size:13px;color:var(--tinta);padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s}
.docs-item:hover{background:var(--creme)}
.docs-item.on{background:var(--floral);border-color:var(--linha);color:var(--ouro-deep);font-weight:600}
.docs-view{background:var(--branco);border:1px solid var(--linha);border-radius:14px;padding:30px 34px;max-height:calc(100dvh - 160px);overflow-y:auto}
.md-doc{font-size:14px;color:var(--tinta);line-height:1.65;max-width:820px}
.md-h{color:var(--text-strong);font-weight:700;line-height:1.25;margin:26px 0 10px}
.md-h1{font-size:24px;margin-top:0}
.md-h2{font-size:19px;padding-bottom:6px;border-bottom:1px solid var(--linha)}
.md-h3{font-size:16px}
.md-h4,.md-h5,.md-h6{font-size:14px}
.md-p{margin:12px 0}
.md-ul,.md-ol{margin:12px 0;padding-left:22px}
.md-ul li,.md-ol li{margin:5px 0}
.md-doc code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;background:var(--creme);border:1px solid var(--linha);border-radius:5px;padding:1px 5px;color:var(--ouro-deep)}
.md-pre{background:var(--creme);border:1px solid var(--linha);border-radius:10px;padding:14px 16px;overflow-x:auto;margin:14px 0}
.md-pre code{background:none;border:none;padding:0;color:var(--tinta)}
.md-hr{border:none;border-top:1px solid var(--linha);margin:22px 0}
.md-bq{border-left:3px solid var(--ouro);padding:4px 14px;margin:14px 0;color:var(--c700)}
.md-tablewrap{overflow-x:auto;margin:16px 0}
.md-table{border-collapse:collapse;width:100%;font-size:13px}
.md-table th,.md-table td{border:1px solid var(--linha);padding:9px 12px;text-align:left;vertical-align:top}
.md-table th{background:var(--creme);font-weight:700;color:var(--text-strong)}
.md-doc a{color:var(--ouro-deep);text-decoration:none}
.md-doc a:hover{text-decoration:underline}
@media (max-width:760px){.docs-layout{grid-template-columns:1fr}.docs-list{position:static;flex-direction:row;flex-wrap:wrap}.docs-view{padding:22px 18px}}

/* Ícone da Cláudia (modelo de IA) */
.uni-modelchip__ic{width:16px;height:16px;object-fit:contain;flex:0 0 auto;display:block}
.agent-opt__left{display:inline-flex;align-items:center;gap:11px;min-width:0}
.agent-opt__ic{width:24px;height:24px;object-fit:contain;flex:0 0 auto}

/* ── Refinamento: barras de export e botoes padronizados ── */
.leads-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:4px}
.lc-btn{font-weight:600!important;font-size:13px!important;padding:9px 16px!important;border-radius:10px!important;transition:border-color .18s,box-shadow .18s,transform .1s}
.lc-btn:hover{border-color:var(--ouro)!important;box-shadow:0 3px 12px rgba(0,0,0,.06)}
.lc-btn:active{transform:translateY(1px)}
/* zebra sutil + header do leads mais enxuto */
.vps-tbl tbody tr:nth-child(even) td{background:var(--creme)}
.vps-tbl tbody tr:hover td{background:var(--floral)}
#sub-crm .leads-head, #sub-save-the-date .leads-head{margin:6px 0 20px;gap:20px}
/* ---- UniTools ---- */
.ut-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c700);margin:0 0 4px}
.ut-title{font-size:22px;font-weight:800;color:var(--text-strong);margin:0 0 22px}
.ut-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.ut-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;border:1px solid var(--linha);border-radius:14px;background:var(--branco);padding:20px;cursor:pointer;font:inherit;transition:border-color .15s,transform .15s,box-shadow .15s;position:relative}
.ut-card:hover{border-color:var(--ouro);transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.06)}
.ut-card--soon{cursor:default;opacity:.72}
.ut-card--soon:hover{border-color:var(--linha);transform:none;box-shadow:none}
.ut-card__ic{display:inline-flex;color:var(--ouro-deep)}
.ut-card__ic svg{width:26px;height:26px}
.ut-card__t{font-size:15.5px;font-weight:700;color:var(--text-strong);margin:2px 0 0}
.ut-card__d{font-size:12.5px;color:var(--c700);margin:0;line-height:1.5}
.ut-badge{position:absolute;top:14px;right:14px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ouro-deep);background:var(--floral);border:1px solid var(--linha);border-radius:999px;padding:3px 9px}
.ut-back{background:none;border:none;color:var(--c700);font:inherit;font-weight:600;cursor:pointer;padding:0;margin:0 0 14px}
.ut-back:hover{color:var(--ouro-deep)}
.ut-toolttl{display:flex;align-items:center;gap:12px;margin:0 0 22px}
.ut-toolttl__ic{display:inline-flex;color:var(--ouro-deep)}
.ut-toolttl__ic svg{width:24px;height:24px}
.ut-toolttl .ut-title{margin:0}
.ut-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
@media(max-width:820px){.ut-split{grid-template-columns:1fr}}
.ut-form{display:flex;flex-direction:column;gap:16px}
.ut-form--wide{max-width:640px}
.ut-field{display:flex;flex-direction:column;gap:7px}
.ut-label{font-size:12px;font-weight:600;color:var(--text-strong)}
.ut-input{border:1px solid var(--linha);background:var(--branco);border-radius:10px;padding:11px 13px;font:inherit;color:var(--text-strong);resize:vertical;width:100%;box-sizing:border-box}
.ut-input:focus{outline:none;border-color:var(--ouro)}
.ut-check{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-strong);cursor:pointer}
.ut-actions{display:flex;gap:10px;flex-wrap:wrap}
.ut-btn{border:1px solid var(--preto);background:var(--preto);color:#fff;border-radius:10px;padding:11px 20px;font:inherit;font-weight:700;cursor:pointer;transition:opacity .15s}
.ut-btn:hover{opacity:.88}
.ut-btn--ghost{background:var(--branco);color:var(--text-strong);border-color:var(--linha)}
.ut-btn--ghost:hover{border-color:var(--ouro);opacity:1}
.ut-btn:disabled{opacity:.45;cursor:not-allowed}
.ut-preview{display:flex;align-items:flex-start;justify-content:center}
.ut-qrbox{display:inline-flex;padding:18px;border:1px solid var(--linha);border-radius:16px;background:var(--branco)}
.ut-qrimg{width:100%;max-width:300px;height:auto;display:block;border-radius:6px}
.ut-out{font-size:13px;word-break:break-all}
.ut-link{color:var(--ouro-deep);font-weight:600}
.ut-note{color:var(--c700);font-size:13px}

.ut-brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.ut-brand__ic{width:46px;height:46px;border-radius:12px;display:block;flex:none}
.ut-brand .ut-eyebrow{margin:0 0 2px}
.ut-brand .ut-title{margin:0}

.ut-stats{display:flex;gap:14px;flex-wrap:wrap}
.ut-stat{border:1px solid var(--linha);border-radius:12px;background:var(--branco);padding:16px 22px;min-width:112px}
.ut-stat__n{font-size:26px;font-weight:800;color:var(--ouro-deep);line-height:1;font-variant-numeric:tabular-nums}
.ut-stat__l{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c700);margin-top:6px}

.ut-cat{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c700);margin:26px 0 13px}
.ut-cat:first-of-type{margin-top:8px}
.ut-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}
.ut-svgbox{width:100%;min-height:220px;display:grid;place-items:center;border:1px solid var(--linha);border-radius:16px;background:var(--branco);padding:18px;box-sizing:border-box}
.ut-svgbox svg{max-width:100%;max-height:300px;height:auto}
.ut-pdfpages{display:flex;flex-direction:column;gap:16px;margin-top:6px}
.ut-pdfpage{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.ut-pdfimg{max-width:100%;border:1px solid var(--linha);border-radius:8px}

/* UniCode: acao Nova pasta + renomear projeto */
.uni-menu-new b{color:var(--ouro-deep)}
.uni-menu-new svg{width:15px;height:15px;color:var(--ouro-deep)}
.uni-menu-edit{margin-left:auto;display:inline-flex;align-items:center;opacity:.5;cursor:pointer;padding:2px;border-radius:6px}
.uni-menu-edit:hover{opacity:1;background:var(--branco)}
.uni-menu-edit svg{width:14px;height:14px}

/* UniCode: dropdown de pasta com muitos itens -> altura maxima + rolagem interna */
.uni-menu{max-height:min(58vh,440px);overflow-y:auto;overscroll-behavior:contain}

/* UniCode: avatar da IA = logo da Claude num circulo creme */
.uni-av.bot{background:#F4EFE7}
.uni-av__img{width:68%;height:68%;object-fit:contain;display:block}

/* Seletor de perfil de acesso na lista de membros */
/* Linha do membro: seletor de perfil, engrenagem e "Remover" com a MESMA altura (32px),
   mesma forma (pilula) e mesmo respiro. O select herdava .inp2 (raio 12px, padding 13px)
   e por isso destoava dos vizinhos. */
.member-actions{gap:8px}
.member-actions .btn-line.xs,
.member-cfg,
.member-role{height:32px;box-sizing:border-box}
.member-actions .btn-line.xs{display:inline-flex;align-items:center;padding:0 15px;line-height:1}
.member-cfg{width:32px;border-radius:999px}
.member-role{appearance:none;-webkit-appearance:none;width:auto;min-width:170px;padding:0 34px 0 15px;
  font-family:inherit;font-size:12px;font-weight:600;color:var(--tinta);
  background-color:var(--branco);border:1px solid var(--linha);border-radius:999px;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8378' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:13px;
  cursor:pointer;transition:border-color .2s,color .2s}
.member-role:hover{border-color:var(--ouro);color:var(--ouro-deep)}
.member-role:focus{outline:none;border-color:var(--ouro)}

/* Membros agrupados por perfil de acesso */
.member-group{display:flex;align-items:center;gap:8px;padding:18px 4px 8px;border-top:1px solid var(--linha);margin-top:6px}
.member-list .member-group:first-child{border-top:none;margin-top:0;padding-top:4px}
.member-group__t{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--c300)}
.member-group__n{font-size:10px;font-weight:700;color:var(--c700);background:var(--creme2);border-radius:999px;padding:2px 7px}
.member-group + .member-row{border-top:none}

/* Modulos disponiveis por membro */
.member-cfg{display:inline-grid;place-items:center;width:31px;height:31px;border:1px solid var(--linha);border-radius:11px;background:var(--branco);color:var(--c700);cursor:pointer;transition:color .2s,border-color .2s}
.member-cfg svg{width:15px;height:15px}
.member-cfg:hover{color:var(--ouro-deep);border-color:var(--ouro)}
.permod{position:fixed;inset:0;z-index:60;display:grid;place-items:center}
.permod__bg{position:absolute;inset:0;background:rgba(20,17,14,.45)}
.permod__panel{position:relative;width:min(460px,92vw);max-height:86vh;display:flex;flex-direction:column;background:var(--branco);border:1px solid var(--linha);border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.18);overflow:hidden}
.permod__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px 12px}
.permod__t{font-size:13px;font-weight:700;color:var(--text-strong);text-transform:uppercase;letter-spacing:.07em}
.permod__sub{font-size:12.5px;color:var(--c300);margin-top:4px}
.permod__x{border:none;background:none;color:var(--c300);cursor:pointer;padding:2px;display:grid;place-items:center}
.permod__x svg{width:17px;height:17px}
.permod__x:hover{color:var(--tinta)}
.permod__body{padding:6px 22px 8px;overflow:auto}
.permod__row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--linha);font-size:13px;line-height:1;color:var(--tinta);cursor:pointer}
.permod__row:last-child{border-bottom:none}
.permod__row.is-off{opacity:.5;cursor:default}
/* Checkbox proprio: o nativo nao aceita border-radius, entao desenhamos o marcador.
   line-height:1 no texto + align-items:center deixam rotulo e caixa no mesmo eixo. */
.permod__cx{appearance:none;-webkit-appearance:none;margin:0;flex:none;width:19px;height:19px;border:1.5px solid var(--linha);border-radius:7px;background:var(--branco);display:grid;place-items:center;cursor:pointer;transition:background .15s,border-color .15s}
.permod__cx:hover:not(:disabled){border-color:var(--ouro)}
.permod__cx:checked{background:var(--ouro);border-color:var(--ouro)}
.permod__cx:checked::after{content:"";width:9px;height:5px;border-left:2px solid var(--branco);border-bottom:2px solid var(--branco);border-radius:1px;transform:rotate(-45deg);margin-top:-2px}
.permod__cx:disabled{cursor:default;opacity:.6}
.permod__lbl{flex:1;line-height:1.35}
.permod__tag{font-size:10px;color:var(--c300);text-transform:uppercase;letter-spacing:.06em}
.permod__foot{display:flex;align-items:center;gap:8px;padding:14px 22px 18px;border-top:1px solid var(--linha)}
.permod__msg{flex:1;font-size:12px;color:#b3261e}

[data-theme="dark"] .member-role{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9b1a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}

/* ===== [30/07 modo claro] ajustes só do claro (portal aprovado: header branco) ===== */
@media (max-width:900px){
  [data-theme="light"] .topbar{background:transparent}
  .topbar{padding:12px 14px}
  .view{margin:0 10px 10px;padding:18px 16px;border-radius:18px}
}

/* ==== Trafego: de onde vieram as vendas ==================================
   Tela lida por gente nao tecnica: muito respiro, um assunto por bloco,
   numero grande com a legenda embaixo. Nada de sigla solta.            ==== */
.camp-wrap{display:flex;flex-direction:column;gap:26px;max-width:1120px}

.camp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}
.camp-head__txt h2{font-size:22px;font-weight:700;color:var(--text-strong);letter-spacing:-.01em}
.camp-head__txt p{font-size:13.5px;color:var(--c700);margin-top:7px;line-height:1.6;max-width:640px}
.camp-head__txt p b{color:var(--text-strong);font-weight:600}
.camp-seg{flex:none;align-self:center}

/* ---- blocos ---- */
.camp-bloco{border:1px solid var(--linha);border-radius:18px;background:var(--branco);padding:24px 26px}
.camp-bloco__t{font-size:15.5px;font-weight:700;color:var(--text-strong)}
.camp-bloco__s{font-size:12.8px;color:var(--c700);margin-top:6px;line-height:1.6;max-width:720px}
.camp-bloco__s b{color:var(--text-strong);font-weight:600}

/* ---- numeros do topo ---- */
.camp-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.camp-kpi{border:1px solid var(--linha);border-radius:18px;background:var(--branco);padding:20px 22px}
.camp-kpi__k{font-size:30px;font-weight:700;color:var(--text-strong);line-height:1.15;letter-spacing:-.02em}
.camp-kpi__r{font-size:13px;font-weight:600;color:var(--tinta);margin-top:8px}
.camp-kpi__h{font-size:11.5px;color:var(--c700);margin-top:5px;line-height:1.5}
.camp-kpi--alerta{border-color:var(--ouro-suave);background:var(--floral)}
.camp-kpi--alerta .camp-kpi__k{color:var(--ouro-deep)}

/* ---- tabela ---- */
.camp-tblwrap{margin-top:18px;border:1px solid var(--linha);border-radius:14px;overflow:hidden auto;max-width:100%}
.camp-tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.camp-tbl thead th{text-align:left;font-weight:700;color:var(--c700);text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;padding:13px 18px;background:var(--creme2);border-bottom:1px solid var(--linha);white-space:nowrap}
.camp-tbl th.n,.camp-tbl td.n{text-align:right;white-space:nowrap}
.camp-tbl tbody td{padding:14px 18px;border-bottom:1px solid var(--linha);color:var(--text-strong);font-weight:600;vertical-align:middle}
.camp-tbl tbody tr:last-child td{border-bottom:none}
.camp-tbl tbody tr:hover td{background:var(--floral)}
.camp-lin--titulo td{background:var(--creme);color:var(--c700);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:9px 18px}
.camp-lin--titulo:hover td{background:var(--creme)}
.camp-lin--cinza td{color:var(--c700)}
.camp-org{font-weight:600;line-height:1.45;word-break:break-word;max-width:460px}
.camp-fatia{color:var(--c700);font-weight:600}
.camp-sel{display:inline-block;margin-top:6px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.25em .7em;border-radius:999px;background:var(--floral);color:var(--ouro-deep);border:1px solid var(--linha)}

/* ---- lista do gestor de trafego ---- */
.camp-alvos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:18px}
.camp-alvo{border:1px solid var(--linha);border-radius:14px;padding:15px 17px;background:var(--creme)}
.camp-alvo__n{font-size:13px;font-weight:700;color:var(--text-strong);line-height:1.45;word-break:break-word}
.camp-alvo__s{font-size:12px;color:var(--c700);margin-top:7px;line-height:1.6}
.camp-alvo--fora{border-color:rgba(229,72,77,.3);background:rgba(229,72,77,.06)}
.camp-alvo--fora .camp-alvo__s{color:#c0393e}

/* ---- rodape explicativo ---- */
.camp-nota{background:var(--creme)}
.camp-nota ul{margin:14px 0 0;padding-left:18px}
.camp-nota li{font-size:12.8px;color:var(--c700);line-height:1.8}
.camp-nota li b{color:var(--text-strong);font-weight:600}
.camp-fonte{font-size:11.5px;color:var(--c300);margin-top:14px}

@media (max-width:820px){
  .camp-bloco{padding:20px 18px}
  .camp-head{gap:16px}
  .camp-seg{align-self:flex-start}
  .camp-tblwrap{overflow-x:auto}
  .camp-org{max-width:none}
}

/* ---- grafico de barras (rastreio mes a mes) ---- */
.camp-barras{display:flex;align-items:flex-end;gap:18px;margin-top:22px;padding-bottom:2px;overflow-x:auto}
.camp-col{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:56px;flex:1}
.camp-col__v{font-size:11px;color:var(--c700);font-weight:600;white-space:nowrap}
.camp-col__bar{display:flex;flex-direction:column-reverse;justify-content:flex-start;width:100%;max-width:64px;border-radius:8px 8px 0 0;overflow:hidden;background:transparent}
.camp-col__com{background:#A58546;width:100%}
.camp-col__sem{background:#DED3BE;width:100%}
.camp-col__r{font-size:12px;font-weight:700;color:var(--text-strong);text-transform:capitalize}
.camp-col__p{font-size:11px;color:var(--c700)}
.camp-legb{display:flex;gap:20px;margin-top:16px;font-size:12px;color:var(--c700)}
.camp-legb span{display:inline-flex;align-items:center;gap:7px}

/* ---- lista do trafego: situacao ---- */
.camp-pill{display:inline-block;font-size:11px;font-weight:700;padding:.3em .8em;border-radius:999px;white-space:nowrap}
.camp-pill--ok{background:rgba(96,160,110,.16);color:#4e8c5e}
.camp-pill--ruim{background:rgba(229,72,77,.12);color:#c0393e}
.camp-lin--fora td{color:var(--c700)}

/* ---- rosca maior, legenda colada ---- */
.camp-pizza{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:18px}
.camp-donut{width:240px;height:240px;flex:none}
.camp-arco{transition:opacity .2s}
.camp-donut:hover .camp-arco{opacity:.5}
.camp-donut .camp-arco:hover{opacity:1}
.camp-donut__k{font-size:16px;font-weight:700;fill:var(--text-strong);font-family:inherit}
.camp-donut__r{font-size:7.5px;fill:var(--c700);font-family:inherit;letter-spacing:.08em;text-transform:uppercase}
.camp-donut__p{font-size:10px;font-weight:700;font-family:inherit}
.camp-leg{flex:1 1 340px;max-width:520px;display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.camp-leg li{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--linha);font-size:12.6px}
.camp-leg li:last-child{border-bottom:none}
.camp-leg__n{flex:1;min-width:0;color:var(--tinta);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.camp-leg__v{color:var(--c700);white-space:nowrap;font-weight:600}
.camp-leg__p{width:42px;text-align:right;color:var(--text-strong);font-weight:700;white-space:nowrap}
.camp-bola{width:11px;height:11px;border-radius:3px;flex:none;display:inline-block}

/* ---- rastreio: medidor + cartoes alinhados ---- */
.camp-medidor{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.camp-medidor__txt{flex:1 1 320px}
.camp-medidor__num{flex:0 0 230px}
.camp-medidor__k{font-size:38px;font-weight:700;color:var(--text-strong);line-height:1;letter-spacing:-.02em}
.camp-medidor__d{font-size:12px;color:var(--c700);margin-top:6px}
.camp-medidor__barra{height:7px;border-radius:999px;background:var(--creme2);overflow:hidden;margin-top:11px}
.camp-medidor__barra span{display:block;height:100%;background:var(--ouro);border-radius:999px}
.camp-aud{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px;align-items:stretch}
.camp-aud__i{border:1px solid var(--linha);border-radius:16px;padding:18px 20px;background:var(--branco);display:flex;flex-direction:column}
.camp-aud__i h4{font-size:13.5px;font-weight:700;color:var(--text-strong)}
.camp-aud__d{font-size:12.5px;color:var(--c700);margin-top:10px;line-height:1.65}
.camp-aud__n{font-size:11.5px;color:var(--c300);margin-top:auto;padding-top:14px;line-height:1.6}
.camp-aud__ok{font-size:12.3px;color:#4e8c5e;margin-top:10px;font-weight:600}
.camp-aud__i code{font-size:11.5px;background:var(--creme);border:1px solid var(--linha);border-radius:5px;padding:.1em .45em}
.camp-linhas{list-style:none;margin:12px 0 0;padding:0}
.camp-linhas li{display:flex;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--linha);font-size:12.4px}
.camp-linhas li:last-child{border-bottom:none}
.camp-linhas__n{flex:1;min-width:0;color:var(--tinta);font-weight:600;display:flex;align-items:center;gap:9px}
.camp-linhas__n > span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.camp-linhas__v{color:var(--c700);white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums}
.camp-linhas__v b{color:var(--text-strong)}
.camp-linhas__v--eq{max-width:52%;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.camp-seta{color:var(--c300);padding:0 2px}

@media (max-width:820px){
  .camp-donut{width:200px;height:200px}
  .camp-medidor__num{flex:1 1 100%}
}

/* ---- avisos em gaveta ---- */
.camp-bloco__head{display:flex;align-items:center;gap:10px}
.camp-cont{min-width:21px;height:21px;padding:0 7px;border-radius:999px;background:var(--floral);color:var(--ouro-deep);
  border:1px solid var(--linha);font-size:11px;font-weight:700;display:inline-grid;place-items:center;flex:none}
.camp-drops{display:flex;flex-direction:column;gap:9px;margin-top:16px}
.camp-drop{border:1px solid var(--linha);border-radius:13px;background:var(--creme);overflow:hidden;transition:border-color .2s}
.camp-drop[open]{border-color:var(--ouro-suave);background:var(--branco)}
.camp-drop summary{display:flex;align-items:center;gap:11px;padding:14px 17px;cursor:pointer;list-style:none;user-select:none}
.camp-drop summary::-webkit-details-marker{display:none}
.camp-drop summary:hover{background:var(--floral)}
.camp-drop__t{font-size:13.2px;font-weight:700;color:var(--text-strong);white-space:nowrap}
.camp-drop__r{flex:1;min-width:0;font-size:12.2px;color:var(--c700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.camp-drop__seta{width:16px;height:16px;color:var(--c300);flex:none;transition:transform .2s}
.camp-drop[open] .camp-drop__seta{transform:rotate(180deg)}
.camp-drop--grave{border-left:2px solid #c0393e}
.camp-drop__b{list-style:none;margin:0;padding:2px 17px 15px 39px;display:flex;flex-direction:column}
.camp-drop__b li{font-size:12.4px;color:var(--tinta);padding:7px 0;border-top:1px solid var(--linha);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.camp-ponto{width:8px;height:8px;border-radius:50%;flex:none;background:var(--ouro)}
.camp-ponto--grave{background:#c0393e}
.camp-ponto--ok{background:#4e8c5e}
.camp-ok{display:flex;align-items:center;gap:11px;font-size:13px;color:var(--c700)}
.camp-ok b{color:var(--text-strong)}

/* ---- faixa de escopo ---- */
.camp-escopo{display:flex;align-items:center;gap:15px;border:1px solid var(--linha);border-radius:16px;
  background:linear-gradient(90deg,var(--floral),var(--creme));padding:15px 20px}
.camp-escopo__ic{width:34px;height:34px;border-radius:50%;background:var(--branco);border:1px solid var(--linha);
  color:var(--ouro-deep);display:grid;place-items:center;flex:none}
.camp-escopo__ic svg{width:18px;height:18px}
.camp-escopo__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.camp-escopo__txt b{font-size:13.2px;font-weight:700;color:var(--text-strong)}
.camp-escopo__txt span{font-size:12.3px;color:var(--c700);line-height:1.5}
.camp-escopo__pill{flex:none;font-size:11.5px;font-weight:700;color:var(--ouro-deep);background:var(--branco);
  border:1px solid var(--linha);border-radius:999px;padding:.45em .95em;white-space:nowrap}

@media (max-width:820px){
  .camp-escopo{flex-wrap:wrap}
  .camp-drop__r{display:none}
}

/* ---- icones de origem ---- */
.camp-ic{width:15px;height:15px;flex:none;color:var(--ouro);opacity:.85}
.camp-org{display:flex;align-items:center;gap:9px}
.camp-org > span{min-width:0;word-break:break-word}

/* ==== [11/08] Cabecalho no padrao do Portal UOS ==========================
   Esquerda: nome do modulo, discreto (o "Painel Unique" saiu: repetia em toda
   tela e nao informava nada). Centro: as abas. Direita: notificacoes e conta.
   Configuracoes e a seta de recolher desceram para o rodape da sidebar.  ==== */
.topbar h2#viewTitle{font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--c700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shell.collapsed .side-foot{flex-direction:column;gap:6px;padding:8px 8px 14px}

.icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--linha);background:var(--branco);
  color:var(--c700);display:grid;place-items:center;cursor:pointer;position:relative;transition:background .2s,color .2s}
.icon-btn:hover{background:var(--floral);color:var(--ouro-deep)}
.icon-btn svg{width:18px;height:18px}
.notif,.conta{position:relative}
.notif-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;
  background:#c0393e;color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center;border:2px solid var(--moldura)}
.notif-menu,.user-menu{position:absolute;right:0;top:46px;background:var(--branco);border:1px solid var(--linha);
  border-radius:16px;box-shadow:0 18px 44px -14px rgba(0,0,0,.35);z-index:70;padding:8px}
.notif-menu{width:min(94vw,370px);max-height:min(70vh,470px);overflow-y:auto}
.notif-topo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px 10px}
.notif-topo b{font-size:13px;color:var(--text-strong)}
.notif-topo button{border:none;background:none;font-family:inherit;font-size:11.5px;font-weight:600;color:var(--ouro-deep);cursor:pointer}
.notif-vazio{padding:26px 16px;text-align:center;font-size:12.5px;color:var(--c700)}
.notif-item{display:flex;gap:10px;align-items:flex-start;padding:11px 11px;border-radius:11px}
.notif-item + .notif-item{border-top:1px solid var(--linha)}
.notif-item__t{font-size:12.6px;font-weight:700;color:var(--text-strong);line-height:1.35}
.notif-item__d{font-size:11.8px;color:var(--c700);line-height:1.5;margin-top:3px;word-break:break-word}
.notif-item .camp-ponto{margin-top:5px}
.notif-nova{background:var(--floral)}

.topbar-right .user{display:flex;align-items:center;gap:10px;border:1px solid var(--linha);background:var(--branco);
  border-radius:999px;padding:4px 4px 4px 14px;cursor:pointer;font-family:inherit;max-width:270px;transition:background .2s}
.topbar-right .user:hover,.topbar-right .user.on{background:var(--floral)}
.topbar-right .user .meta{display:flex;flex-direction:column;align-items:flex-end;min-width:0}
.topbar-right .user .nm{font-size:12.5px;font-weight:700;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.topbar-right .user .rl{font-size:10.5px;color:var(--c700);white-space:nowrap}
.topbar-right .user .av{width:32px;height:32px;flex:none}

.user-menu{width:min(92vw,272px)}
.user-menu__head{padding:10px 12px 12px;border-bottom:1px solid var(--linha);display:flex;flex-direction:column;gap:2px}
.user-menu__head b{font-size:13.5px;color:var(--text-strong)}
.user-menu__head span{font-size:11.5px;color:var(--c700)}
.user-menu__tema{padding:12px;border-bottom:1px solid var(--linha);display:flex;flex-direction:column;gap:8px}
.user-menu__tema > span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c300)}
.seg--sm{padding:3px;width:100%}
.seg--sm button{flex:1;padding:7px 6px;font-size:11.5px}
.user-menu__it{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:none;background:none;
  border-radius:10px;font-family:inherit;font-size:13px;font-weight:600;color:var(--tinta);cursor:pointer;text-align:left}
.user-menu__it:hover{background:var(--floral);color:var(--ouro-deep)}
.user-menu__it svg{width:17px;height:17px;flex:none;color:var(--c700)}
.user-menu__it--sair{color:#c0393e}
.user-menu__it--sair:hover{background:rgba(229,72,77,.1);color:#c0393e}
.user-menu__it--sair svg{color:#c0393e}

@media (max-width:900px){
  .topbar-mid{display:none}
  .topbar-right .user .meta{display:none}
  .topbar-right .user{padding:4px}
}

/* rotulo de grupo na lista de permissoes: mesma cara do rotulo da barra lateral */
.permod__grupo{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  color:var(--c300);padding:16px 0 6px;border-bottom:1px solid var(--linha)}
.permod__row.is-off{opacity:.55;cursor:default}

/* [11/08] Conta no topo: so a bolinha, como no sistema comercial. Nome e cargo
   continuam existindo, mas dentro do menu que abre ao clicar. */
.topbar-right .user{padding:0;border:none;background:none;border-radius:50%}
.topbar-right .user:hover,.topbar-right .user.on{background:none}
.topbar-right .user .meta{display:none}
.topbar-right .user .av{width:38px;height:38px;border:1px solid var(--linha)}
.topbar-right .user:hover .av,.topbar-right .user.on .av{border-color:var(--ouro)}