/* Fontes da marca, self-hosted (as mesmas que o motor criativo usa) */
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/Poppins-Regular.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/Poppins-Medium.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/Poppins-Medium.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/Poppins-Bold.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/Poppins-Bold.ttf') format('truetype')}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/Lato-Regular.ttf') format('truetype')}
@font-face{font-family:'Lato';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/Lato-Semibold.ttf') format('truetype')}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/Lato-Semibold.ttf') format('truetype')}

:root{
  /* Paleta v2 do Paulo */
  --bg:#0a0a0a; --surface:#111111; --surface2:#1a1a1a; --surface3:#222222;
  --border:#2a2a2a; --border2:#333333;
  --gold:#C9A84C; --gold-light:#E8C96A; --gold-dim:rgba(201,168,76,.15); --gold-dim2:rgba(201,168,76,.08);
  --text:#F0F0F0; --text2:#999999; --text3:#555555;
  --green:#4CAF80; --red:#E05555; --orange:#E08840; --blue:#5580E0;
  --radius:8px; --sidebar-w:240px; --sidebar-cw:56px; --header-h:56px;
  /* compat com páginas já feitas */
  --teal:#1C2B33; --teal2:#3E5C63; --cream:#F7F4EF; --ink:#F0F0F0;
  --panel:#111111; --line:#2a2a2a; --muted:#999999;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Lato,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2{font-family:Poppins,'Segoe UI',sans-serif;font-weight:700;margin:0}

/* ── SHELL (layout do Paulo: sidebar + topbar) ── */
.app-shell{display:flex;height:100vh;overflow:hidden;position:relative}
.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}
.sidebar-header{padding:22px 20px 18px;border-bottom:1px solid var(--border)}
.sidebar-brand{line-height:0}
.sidebar-brand img{display:block}
.sidebar-brand .brand-full{width:150px;height:auto}
.sidebar-brand .brand-mark{display:none;width:28px;height:auto;margin:0 auto}
.sidebar-title{font-size:14px;font-weight:600;color:var(--text);letter-spacing:-.2px}
.sidebar-role{font-size:10px;color:var(--text3);margin-top:4px;display:flex;align-items:center;gap:5px}
.role-dot{width:5px;height:5px;border-radius:50%;background:var(--gold)}
.sidebar-nav{flex:1;overflow-y:auto;padding:10px 0;scrollbar-width:thin;scrollbar-color:var(--border2) transparent}
.sidebar-nav::-webkit-scrollbar{width:4px}
.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}
.nav-section{padding:12px 16px 4px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text3)}
.nav-item{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;font-size:13px;color:var(--text2);text-decoration:none;transition:all .12s;border-left:2px solid transparent;margin:1px 0;user-select:none}
.nav-item:hover{background:var(--surface2);color:var(--text)}
.nav-item.active{background:var(--gold-dim2);color:var(--gold);border-left-color:var(--gold)}
.nav-icon{width:16px;text-align:center;font-size:14px;opacity:.7;flex-shrink:0}
.nav-item.active .nav-icon{opacity:1}
.nav-item.soon{color:var(--text3);cursor:default;pointer-events:none}
.nav-soon-tag{margin-left:auto;font-size:8.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--text3);border:1px solid var(--border2);border-radius:10px;padding:1px 6px}
.nav-teach-btn{display:flex;align-items:center;gap:8px;width:calc(100% - 24px);margin:10px 12px 6px;padding:9px 14px;background:linear-gradient(135deg,rgba(201,168,76,.18),rgba(201,168,76,.08));border:1px solid rgba(201,168,76,.35);border-radius:6px;color:var(--gold);font-size:12.5px;font-weight:600;letter-spacing:.3px;cursor:pointer;text-decoration:none;transition:all .15s}
.nav-teach-btn:hover{background:linear-gradient(135deg,rgba(201,168,76,.28),rgba(201,168,76,.15));border-color:var(--gold);box-shadow:0 0 12px rgba(201,168,76,.2)}
.nav-teach-btn.active{background:var(--gold);color:#1a1208;border-color:var(--gold)}
/* Presence Score™ no fundo do menu (protótipo do Paulo) */
.presence-block{display:block;margin:12px;padding:14px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;text-decoration:none;transition:border-color .12s}
.presence-block:hover{border-color:var(--gold-dim)}
.presence-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-weight:600}
.presence-ring{display:flex;align-items:center;gap:12px}
.ring-svg{width:48px;height:48px;flex-shrink:0}
.presence-info .score-num{font-size:22px;font-weight:800;color:var(--text);line-height:1;letter-spacing:-1px}
.presence-info .score-label{font-size:11px;color:var(--text3);margin-top:2px}
.presence-bar-wrap{margin-top:10px}
.presence-bar-label{font-size:10px;color:var(--text3);display:flex;justify-content:space-between;gap:8px;margin-bottom:4px;font-weight:500}
.presence-bar{height:3px;background:var(--border);border-radius:4px;overflow:hidden}
.presence-bar-fill{height:100%;background:var(--gold);border-radius:4px}
html.sb-collapsed .presence-block{margin:10px 6px;padding:10px 4px;text-align:center}
html.sb-collapsed .presence-label,
html.sb-collapsed .presence-bar-wrap,
html.sb-collapsed .presence-info .score-label{display:none}
html.sb-collapsed .presence-ring{flex-direction:column;gap:4px}
html.sb-collapsed .ring-svg{width:34px;height:34px}
html.sb-collapsed .presence-info .score-num{font-size:15px}

/* Bloco do utilizador sob a marca (protótipo do Paulo) — substituiu o rodapé da sidebar */
.sidebar-user{padding:13px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);transition:background .12s}
.sidebar-user:hover{background:var(--surface2)}
.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--surface2);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--gold);flex-shrink:0;letter-spacing:.3px}
.user-info{min-width:0}
.user-name{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-role{font-size:11px;color:var(--text3);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-user{cursor:pointer}
.user-chevron{margin-left:auto;color:var(--text3);font-size:10px;flex:0 0 auto}
/* Menu da conta no AVATAR da topbar (25/08) — dropdown; abre com .user-open no .app-shell (JS) */
.topbar-user{position:relative}
button.topbar-avatar{cursor:pointer;border:1px solid var(--border2);font-family:inherit}
button.topbar-avatar:hover{border-color:var(--gold)}
.user-drop{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:230px;background:var(--surface);border:1px solid var(--border2);border-radius:12px;box-shadow:0 12px 36px rgba(0,0,0,.35);overflow:hidden;z-index:200}
.app-shell.user-open .user-drop{display:block}
.app-shell.user-open button.topbar-avatar{border-color:var(--gold)}
.user-drop-head{padding:12px 16px;border-bottom:1px solid var(--border)}
.user-drop .user-menu-item{padding:11px 16px}
.user-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 16px 9px 18px;background:none;border:none;color:var(--text2);font-size:12px;font-family:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:color .12s,background .12s}
.user-menu-item:hover{color:var(--gold);background:var(--surface)}
.user-menu-item span{width:16px;font-size:12px;opacity:.85}
.ver-canto{position:fixed;right:14px;bottom:10px;font-size:9px;letter-spacing:.6px;color:var(--text3);opacity:.4;pointer-events:none;z-index:5}
@media(max-width:768px){.ver-canto{bottom:calc(64px + env(safe-area-inset-bottom,0px))}}
html.sb-collapsed .user-menu-item{justify-content:center;padding:9px 0}
html.sb-collapsed .user-menu-item span{width:auto}
html.sb-collapsed .user-menu-item{font-size:0}
html.sb-collapsed .user-menu-item span{font-size:13px}
html.sb-collapsed .user-chevron{display:none}
.user-out{margin-left:auto;display:flex}
.user-logout{background:none;border:1px solid var(--border2);color:var(--text3);border-radius:6px;padding:4px 8px;font-size:12px;line-height:1;cursor:pointer;transition:all .12s}
.user-logout:hover{border-color:var(--gold);color:var(--gold)}
.sidebar-footer{display:none}
.sidebar-logout{background:none;border:1px solid var(--border2);color:var(--text2);border-radius:6px;padding:5px 10px;font-size:11px;cursor:pointer;transition:all .12s}
.sidebar-logout:hover{border-color:var(--gold);color:var(--gold)}
/* ── Sidebar colapsável (classe no <html>, gerida por sbApply/sbToggle no App.razor) ── */
html.sb-anim .sidebar{transition:width .18s ease,min-width .18s ease}
/* Colapsada, a sidebar não desaparece — encolhe para uma barra de ícones CLICÁVEIS.
   O texto some com font-size:0 (fica no DOM, para leitores de ecrã e para o title do hover). */
html.sb-collapsed .sidebar{width:var(--sidebar-cw);min-width:var(--sidebar-cw)}
html.sb-collapsed .nav-item{font-size:0;gap:0;padding:9px 0;justify-content:center;border-left-width:0;border-right:2px solid transparent}
html.sb-collapsed .nav-item.active{border-right-color:var(--gold)}
html.sb-collapsed .nav-icon{font-size:16px;opacity:.85;width:auto}
html.sb-collapsed .nav-section{font-size:0;padding:0;height:0;margin:8px 12px;border-top:1px solid var(--border)}
html.sb-collapsed .sidebar-header{padding:14px 0;text-align:center}
html.sb-collapsed .sidebar-brand .brand-full{display:none}
html.sb-collapsed .sidebar-brand .brand-mark{display:block}
html.sb-collapsed .sidebar-title,
html.sb-collapsed .sidebar-role,
html.sb-collapsed .sidebar-ver,
html.sb-collapsed .nav-brain-btn-row,
html.sb-collapsed .nav-brain-sub{display:none}
html.sb-collapsed .nav-brain-btn{padding:10px 0;display:flex;align-items:center;justify-content:center;text-align:center}
html.sb-collapsed .nav-brain-btn::after{content:"◆";font-size:15px;color:var(--gold)}
html.sb-collapsed .sidebar-user{justify-content:center;padding:12px 0}
html.sb-collapsed .user-info,
html.sb-collapsed .user-out{display:none}
html.sb-collapsed .sidebar-footer{padding:10px 0;justify-content:center}
html.sb-collapsed .sidebar-logout{padding:5px 8px;font-size:10px}
/* pega na linha divisória, ao centro vertical — desliza com a sidebar */
.sb-handle{position:absolute;top:50%;left:var(--sidebar-w);transform:translate(-50%,-50%);z-index:60;width:24px;height:56px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border2);border-radius:8px;color:var(--text2);font-size:12px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.35);transition:color .12s,border-color .12s,background .12s}
.sb-handle:hover{color:var(--gold);border-color:var(--gold);background:var(--surface2)}
html.sb-anim .sb-handle{transition:left .18s ease,color .12s,border-color .12s,background .12s}
html.sb-collapsed .sb-handle{left:var(--sidebar-cw)}
.sb-h-open{display:none}
html.sb-collapsed .sb-h-close{display:none}
html.sb-collapsed .sb-h-open{display:block}
.topbar-left{display:flex;align-items:center;gap:14px;min-width:0}

.main-col{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}
.topbar{height:var(--header-h);min-height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px}
.topbar h2{font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.2px}
.topbar .breadcrumb{font-size:11px;color:var(--text3);margin-top:1px}
.topbar-ver{font-size:11px;color:var(--text3);letter-spacing:.5px}
.app-main{flex:1;overflow-y:auto;padding:28px 28px 48px}

.hero{margin-bottom:28px}
.hero-kicker{color:var(--gold);font-size:11px;letter-spacing:3px;text-transform:uppercase;margin-bottom:8px}
.hero h1{font-size:22px;letter-spacing:-.5px;color:var(--text);margin-bottom:5px}
.hero p{color:var(--text2);max-width:680px;margin:0;font-size:13px;line-height:1.5}

.grid{display:grid;grid-template-columns:330px 1fr;gap:24px;align-items:start}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;position:sticky;top:20px}
.panel h2{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);margin-bottom:10px}
.panel h2.mt{margin-top:22px}
.panel label{display:block;font-size:11px;color:var(--muted);margin:10px 0 4px;text-transform:uppercase;letter-spacing:1px}
.inp{width:100%;background:var(--surface2);border:1px solid var(--border2);color:var(--text);border-radius:6px;padding:9px 11px;font-size:13px}
.inp:focus{outline:none;border-color:var(--gold)}
.inp.small{padding:7px 9px;font-size:13px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}
.imovel-row{border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:8px;background:var(--surface2)}
.link-del{background:none;border:none;color:#c97a7a;font-size:11px;cursor:pointer;margin-top:6px;padding:0}
.btn-ghost{width:100%;background:none;border:1px dashed var(--line);color:var(--muted);border-radius:8px;padding:8px;cursor:pointer;margin-top:4px;font-size:13px}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn-primary{width:100%;margin-top:18px;background:var(--gold);color:#000;border:none;border-radius:8px;padding:12px;font-weight:700;font-size:14px;cursor:pointer;font-family:Poppins,sans-serif}
.btn-primary:disabled{opacity:.6;cursor:default}

.results{min-height:300px}
.empty{border:1px dashed var(--border);border-radius:10px;padding:60px 20px;text-align:center;color:var(--text2)}

.plan-head{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px 20px}
.ph-name{font-family:Poppins,sans-serif;font-weight:700;font-size:18px;color:var(--text)}
.ph-sub{color:var(--muted);font-size:12px;margin-top:2px}
.mixbar{display:flex;width:240px;height:12px;border-radius:6px;overflow:hidden;border:1px solid var(--line)}
.mx{height:100%}
.mx.t{background:#5fa37a}.mx.i{background:var(--gold)}.mx.p{background:#6f9fd8}.mx.m{background:#b98ad0}
.legend{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin:10px 2px 20px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:middle}
.sw.t{background:#5fa37a}.sw.i{background:var(--gold)}.sw.p{background:#6f9fd8}.sw.m{background:#b98ad0}

.feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.card-body{padding:14px 16px 16px}
.badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.badge{font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:3px 7px;border-radius:4px;font-weight:600}
.badge.canal{background:var(--surface2);color:var(--muted);border:1px solid var(--line)}
.badge.tema-imoveis{background:rgba(201,163,106,.15);color:var(--gold)}
.badge.tema-territorio{background:rgba(95,163,122,.15);color:#7cc69a}
.badge.tema-provasocial{background:rgba(111,159,216,.15);color:#8fb6e8}
.badge.tema-marcapessoal{background:rgba(185,138,208,.15);color:#cba6e0}
.badge.prio-alta{background:rgba(201,122,122,.18);color:#e09a9a}
.badge.prio-media{background:var(--surface2);color:var(--muted);border:1px solid var(--line)}
.badge.prio-baixa{background:var(--surface2);color:var(--muted);border:1px solid var(--line)}
.copy-h{font-family:Poppins,sans-serif;font-weight:600;font-size:16px;color:var(--text);line-height:1.25;margin-bottom:6px}
.copy-b{color:var(--muted);font-size:13px;line-height:1.45}
.cta{margin-top:10px;font-size:13px;color:var(--gold);font-weight:600}
.proib{margin-top:12px;display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.proib-lbl{font-size:10px;color:#c97a7a;text-transform:uppercase;letter-spacing:1px}
.chip{font-size:11px;background:rgba(201,122,122,.12);color:#e0a0a0;border:1px solid rgba(201,122,122,.3);border-radius:6px;padding:2px 7px}

/* Pré-visualização social (espelha o creative-engine) */
.social-card{display:flex;flex-direction:column;background:var(--cream);overflow:hidden}
.sc-photo{height:240px;background:linear-gradient(135deg,var(--teal2),var(--teal));display:flex;align-items:flex-end;padding:16px}
.sc-tag{color:var(--gold);font-size:10px;letter-spacing:2px;text-transform:uppercase}
.sc-body{background:var(--cream);padding:16px;flex:0 0 auto}
.sc-headline{font-family:Poppins,sans-serif;font-weight:700;font-size:20px;color:var(--ink);line-height:1.15}
.sc-sign{display:flex;align-items:center;gap:10px;margin-top:14px}
.sc-dot{width:26px;height:26px;border-radius:50%;background:var(--gold);flex:0 0 auto}
.sc-name{font-family:Poppins,sans-serif;font-weight:600;font-size:13px;color:var(--ink)}
.sc-role{font-size:11px;color:var(--teal2)}

#blazor-error-ui{display:none;position:fixed;bottom:0;width:100%;background:#2a1a1a;color:#e0a0a0;padding:10px 20px}

/* topnav / utilizador */
.topbar{position:relative}
.topnav{margin-left:auto;display:flex;align-items:center;gap:16px}
.topnav a{color:var(--muted);text-decoration:none;font-size:13px}
.topnav a:hover{color:var(--gold)}
.topnav .who{color:var(--text);font-size:13px}
.logout{background:none;border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:4px 10px;cursor:pointer;font-size:12px}
.logout:hover{border-color:var(--gold);color:var(--gold)}

/* login */
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}
.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:36px 32px;width:360px}
.login-card .brand{line-height:0;margin-bottom:10px;text-align:center}
.login-card .brand img{width:190px;height:auto;display:inline-block}
.login-card .brand span{color:var(--gold);margin-left:4px}
.login-sub{color:var(--muted);font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:24px;text-align:center}
/* links dos cartões de entrada (criar conta / entrar): dourado, não o azul do browser */
.login-card a{color:var(--gold);text-decoration:none}
.login-card a:hover{color:var(--gold-light);text-decoration:underline}
.login-card label{display:block;font-size:11px;color:var(--muted);margin:14px 0 4px;text-transform:uppercase;letter-spacing:1px}
.login-card .btn-primary{margin-top:22px}
.login-erro{background:rgba(201,122,122,.12);border:1px solid rgba(201,122,122,.3);color:#e0a0a0;border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:8px}

/* mensagens definições */
.ok-msg{margin-top:16px;background:rgba(95,163,122,.12);border:1px solid rgba(95,163,122,.3);color:#9ed4b5;border-radius:8px;padding:10px 12px;font-size:13px}
.warn-msg{margin-top:16px;background:rgba(201,163,106,.12);border:1px solid rgba(201,163,106,.35);color:#d8bd86;border-radius:8px;padding:10px 12px;font-size:13px}

/* definições */
.kv{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:0.5px solid var(--line);font-size:13px}
.kv span{color:var(--muted)}
.kv b{color:var(--text);font-weight:500}
.kv b.ok{color:#9ed4b5}
.kv b.off{color:#d8a0a0}
.key-row{display:flex;gap:6px;align-items:stretch}
.key-row .inp{flex:1}
.key-toggle{background:var(--surface2);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:0 12px;cursor:pointer;font-size:12px}
.key-toggle:hover{border-color:var(--gold);color:var(--gold)}
.hint{font-size:11px;color:var(--text2);margin-top:6px;line-height:1.4}

/* aprovação */
.filtros{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.chip-filtro{background:var(--surface2);border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:6px 14px;cursor:pointer;font-size:13px}
.chip-filtro:hover{border-color:var(--gold);color:var(--gold)}
.chip-filtro.on{background:var(--gold);color:#000;border-color:var(--gold);font-weight:500}
.acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.act{background:var(--surface2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:7px 12px;cursor:pointer;font-size:13px}
.act:hover{border-color:var(--gold)}
.act.ok{border-color:rgba(95,163,122,.5);color:#9ed4b5}
.act.ok:hover{background:rgba(95,163,122,.12)}
.act.no{border-color:rgba(201,122,122,.4);color:#e0a0a0}
.act.no:hover{background:rgba(201,122,122,.12)}
.act:disabled{opacity:.5;cursor:default}
.badge.estado-pendingapproval{background:var(--surface2);color:var(--muted);border:1px solid var(--line)}
.badge.estado-approved{background:rgba(95,163,122,.15);color:#9ed4b5}
.badge.estado-scheduled{background:rgba(111,159,216,.15);color:#8fb6e8}
.badge.estado-rejected{background:rgba(201,122,122,.15);color:#e0a0a0}

.peca-img{display:block;width:100%;height:auto}

/* changelog / timeline */
.timeline{position:relative;margin-left:8px;padding-left:22px;border-left:1px solid var(--line)}
.tl-item{position:relative;margin-bottom:18px}
.tl-marker{position:absolute;left:-29px;top:6px;width:11px;height:11px;border-radius:50%;background:var(--gold);border:2px solid var(--bg)}
.tl-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 18px}
.tl-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.tl-ver{font-family:Poppins,sans-serif;font-weight:700;color:var(--gold);font-size:14px}
.tl-titulo{font-family:Poppins,sans-serif;font-weight:600;color:var(--text);font-size:15px}
.tl-data{color:var(--muted);font-size:12px;margin-left:auto}
.tl-lista{margin:0;padding-left:18px;color:var(--text);font-size:13px;line-height:1.6}
.tl-lista li{margin-bottom:2px}

/* aprovação: imagem da peça + export */
.card .peca-img{display:block;width:100%;height:auto;border-radius:8px;margin-bottom:10px}
.export-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.export-row .act{text-decoration:none}

/* consultores */
.cons-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px;cursor:pointer;background:var(--surface2)}
.cons-row:hover{border-color:var(--gold)}
.cons-row.on{border-color:var(--gold);background:var(--gold-dim2)}
.cons-dot{width:18px;height:18px;border-radius:50%;flex:0 0 auto}
.cons-nome{font-size:13px;color:var(--text);font-weight:500}
.cons-sub{font-size:11px;color:var(--muted)}
.cores{display:flex;gap:10px;flex-wrap:wrap}
.cores>div{display:flex;flex-direction:column;align-items:center}
.cores label{margin:0 0 4px}
.cores input[type=color]{width:46px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);cursor:pointer}
/* tabela planos */
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{text-align:left;color:var(--muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:8px 10px;border-bottom:1px solid var(--line)}
.tbl td{padding:10px;border-bottom:1px solid var(--line);color:var(--text)}
.lnk{color:var(--gold);text-decoration:none}.lnk:hover{text-decoration:underline}

/* curadoria */
.cur-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.score-wrap{display:flex;align-items:center;justify-content:center;padding:10px 0 16px}
.score-num{font-family:Poppins,sans-serif;font-weight:800;font-size:56px;line-height:1}
.score-num span{font-size:18px;color:var(--muted);font-weight:500}
.score-num.ok{color:#9ed4b5}.score-num.mid{color:var(--gold)}.score-num.low{color:#e0a0a0}
.kv-ok{font-size:13px;color:var(--text);padding:3px 0}
.kv-av{font-size:13px;padding:3px 0}
.kv-av.warn{color:#d8bd86}.kv-av.error{color:#e0a0a0}
.ins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.ins{background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:12px;text-align:center}
.ins-num{font-family:Poppins,sans-serif;font-weight:700;font-size:22px;color:var(--text)}
.ins-lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px}
.sub{font-size:12px;color:var(--muted);font-weight:400}
.tsu{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.tsu-metric{text-align:center}
.tsu-num{font-family:Poppins,sans-serif;font-weight:800;font-size:34px;color:var(--text);line-height:1}
.par{font-size:12px;color:var(--muted);padding:2px 0}
.par em{color:var(--text);font-style:normal}

/* ── Backoffice de regras ── */
.regras-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin-bottom:16px}
.regras-meta{color:var(--muted);font-size:13px}
.regras-meta strong{color:var(--gold)}
.btn-prim{background:var(--gold);color:#000;border:none;border-radius:8px;padding:10px 18px;font-weight:700;font-size:13px;cursor:pointer;font-family:Poppins,sans-serif}
.btn-prim:not(:disabled):hover{background:var(--gold-light)}
.btn-prim:disabled{opacity:.6;cursor:default}
.regras-msg{border-radius:10px;padding:11px 16px;margin-bottom:16px;font-size:13px}
.regras-msg.ok{background:rgba(95,163,122,.15);color:#7fc79a;border:1px solid rgba(95,163,122,.4)}
.regras-msg.bad{background:rgba(201,90,90,.15);color:#e08a8a;border:1px solid rgba(201,90,90,.4)}
.panel-sub{color:var(--muted);font-size:12px;margin:-4px 0 16px;line-height:1.5}
.reg-card{border:1px solid var(--line);border-radius:11px;padding:14px 16px;margin-bottom:12px;background:var(--surface2)}
.reg-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.reg-head strong{font-size:15px}
.reg-id{color:var(--muted);font-size:11px;font-family:monospace}
.reg-soma{margin-left:auto;font-size:11px;padding:2px 9px;border-radius:20px}
.reg-soma.ok{background:rgba(95,163,122,.18);color:#7fc79a}
.reg-soma.bad{background:rgba(201,90,90,.18);color:#e08a8a}
.reg-mix{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.reg-grid{display:grid;grid-template-columns:140px 1fr;gap:10px}
.reg-card label{display:block;font-size:11px;color:var(--muted);margin:8px 0 4px;text-transform:uppercase;letter-spacing:1px}
.reg-line{margin-top:6px}
.reg-card input{width:100%;background:var(--surface2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:8px 10px;font-size:14px;box-sizing:border-box}
.reg-card input:focus{outline:none;border-color:var(--gold)}

/* ── Ensinar ao Sistema ── */
.ens-text{width:100%;resize:vertical;font-family:inherit;line-height:1.5}
.ens-exemplos{margin-top:12px;font-size:12px;color:var(--text3);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ens-chip{background:var(--surface2);border:1px solid var(--border2);color:var(--text2);border-radius:20px;padding:4px 12px;font-size:12px;cursor:pointer;transition:all .12s}
.ens-chip:hover{border-color:var(--gold);color:var(--gold)}
.ens-diff{border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:10px;background:var(--surface2)}
.ens-diff-head{font-size:13px;margin-bottom:8px}
.ens-diff-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}
.ens-antes{color:var(--text2);text-decoration:line-through;opacity:.7}
.ens-seta{color:var(--gold);font-weight:700}
.ens-depois{color:var(--green);font-weight:600}

/* ── Topbar rica (estado + avatar + ação), à la Paulo ── */
.topbar-right{display:flex;align-items:center;gap:14px}
.topbar-teach{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(201,168,76,.18),rgba(201,168,76,.08));border:1px solid rgba(201,168,76,.35);color:var(--gold);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s}
.topbar-teach:hover{background:var(--gold);color:#1a1208;border-color:var(--gold)}
.status-pill{font-size:10px;letter-spacing:1px;text-transform:uppercase;background:var(--gold-dim);color:var(--gold);border:1px solid rgba(201,168,76,.3);border-radius:20px;padding:4px 11px;display:inline-flex;align-items:center}
.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);position:relative;margin-right:6px}
.pulse-dot::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:1px solid var(--green);animation:pulse 2s infinite}
@keyframes pulse{0%{opacity:.6;transform:scale(.8)}70%{opacity:0;transform:scale(1.6)}100%{opacity:0}}
.topbar-avatar{width:30px;height:30px;border-radius:50%;background:var(--gold-dim);border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--gold)}
.sidebar-ver{font-size:10px;color:var(--text3);letter-spacing:.5px}
/* botão dourado desativado (módulo em breve) */
.nav-teach-btn.soon{opacity:.5;cursor:default;pointer-events:none;background:var(--surface2);border-color:var(--border2);color:var(--text3)}
.nav-teach-btn .nav-soon-tag{margin-left:auto}

/* Import de imóvel por link */
.import-box { margin: .25rem 0 .6rem; }
.import-box .inp { width: 100%; }
.import-box .btn-ghost { width: 100%; margin-top: 6px; }
.import-hint { font-size: .76rem; color: var(--text3, #8a8a8a); margin: 0 0 .45rem; line-height: 1.35; }
.import-msg { font-size: .82rem; margin: 0 0 .6rem; padding: .4rem .6rem; border-radius: 6px; }
.import-msg.ok { color: var(--gold, #C9A84C); background: rgba(201,168,76,.10); }
.import-msg.err { color: #e0a3a3; background: rgba(224,163,163,.08); }
.imovel-meta { display: flex; gap: .5rem; align-items: center; font-size: .76rem; color: var(--text3, #8a8a8a); margin-top: .25rem; }
.imovel-meta .src { opacity: .7; }

/* Biblioteca de imóveis no gerador */
.lib-box { border:1px solid var(--line); border-radius:10px; padding:8px; margin-bottom:8px; background:var(--surface2); }
.lib-head { font-size:.74rem; text-transform:uppercase; letter-spacing:.04em; color:var(--text3,#8a8a8a); margin:2px 4px 6px; }
.lib-row { display:flex; align-items:center; gap:8px; padding:5px 4px; border-radius:6px; }
.lib-row:hover { background:rgba(255,255,255,.03); }
.lib-info { flex:1; min-width:0; }
.lib-title { display:block; font-size:13px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lib-sub { display:block; font-size:.72rem; color:var(--text3,#8a8a8a); }
.lib-add { flex:0 0 auto; background:none; border:1px solid var(--line); color:var(--gold,#C9A84C); border-radius:6px; padding:3px 9px; font-size:12px; cursor:pointer; }
.lib-add:hover { border-color:var(--gold); }
.src-tag { display:inline-block; margin-left:6px; font-size:.66rem; color:var(--gold,#C9A84C); border:1px solid var(--line); border-radius:4px; padding:0 5px; }

/* Connections Hub */
.conn-stats { display:flex; gap:18px; margin:0 0 18px; flex-wrap:wrap; }
.conn-stat { font-size:.84rem; color:var(--text3,#8a8a8a); }
.conn-stat b { color:var(--text); font-size:1rem; }
.conn-group { margin-bottom:22px; }
.conn-cat { font-size:.74rem; text-transform:uppercase; letter-spacing:.06em; color:var(--gold,#C9A84C); margin:0 0 10px; }
.conn-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:12px; }
.conn-card { border:1px solid var(--line); border-radius:12px; padding:14px; background:var(--surface2); display:flex; flex-direction:column; gap:8px; }
.conn-card.is-soon { opacity:.62; }
.conn-card.is-active { border-color:rgba(201,168,76,.45); }
.conn-top { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.conn-name { font-weight:600; color:var(--text); font-size:.95rem; }
.conn-desc { font-size:.82rem; color:var(--text3,#9aa0a3); line-height:1.4; flex:1; }
.conn-foot { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:2px; }
.conn-detail { font-size:.74rem; color:var(--text3,#8a8a8a); }
.conn-link { font-size:.78rem; color:var(--gold,#C9A84C); text-decoration:none; white-space:nowrap; }
.conn-link:hover { text-decoration:underline; }
.conn-badge { font-size:.66rem; padding:2px 8px; border-radius:999px; white-space:nowrap; border:1px solid var(--line); }
.conn-badge.is-active { color:var(--surface2); background:var(--gold,#C9A84C); border-color:var(--gold,#C9A84C); }
.conn-badge.is-available { color:var(--gold,#C9A84C); background:rgba(201,168,76,.10); }
.conn-badge.is-soon { color:var(--text3,#8a8a8a); }

/* TAREKO Brain Chat */
.chat { max-width:760px; }
.chat-feed { display:flex; flex-direction:column; gap:10px; min-height:240px; margin-bottom:14px; }
.chat-msg { display:flex; }
.chat-msg.mine { justify-content:flex-end; }
.chat-msg.bot { justify-content:flex-start; }
.chat-bubble { max-width:80%; padding:10px 13px; border-radius:12px; font-size:.9rem; line-height:1.45; background:var(--surface2); border:1px solid var(--line); color:var(--text); }
.chat-msg.mine .chat-bubble { background:rgba(201,168,76,.12); border-color:rgba(201,168,76,.35); }
.chat-msg.err .chat-bubble { border-color:rgba(224,163,163,.4); color:#e6b8b8; }
.chat-typing { color:var(--text3,#8a8a8a); letter-spacing:2px; }
.chat-actions { display:flex; align-items:center; gap:12px; margin-top:10px; }
.chat-btn, .chat-send { width:auto; margin-top:0; padding:8px 16px; }
.chat-input { display:flex; gap:8px; align-items:center; }
.chat-input .inp { flex:1; }
.chat-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }

/* ── Polimento v2 (toques finais) ── */
.btn-primary:not(:disabled):hover{background:var(--gold-light)}
.btn-ghost,.btn-primary,.act,.chip-filtro,.lib-add,.conn-link,.cons-row,.nav-item{transition:all .12s}
.card{transition:border-color .12s}
.card:hover{border-color:var(--border2)}
.plan-head{transition:border-color .12s}
.inp::placeholder{color:var(--text3)}
.cons-row{transition:border-color .12s,background .12s}
/* tabela: linhas com hover suave */
.tbl tbody tr{transition:background .12s}
.tbl tbody tr:hover td{background:var(--surface2)}

/* Publicação & entrega (aprovação) */
.entrega { margin-top:12px; border-top:1px solid var(--border); padding-top:10px; }
.entrega-head { font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; color:var(--text3); margin-bottom:8px; }
.entrega-row { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.entrega-row .inp { width:auto; flex:1; min-width:120px; }
.entrega-row .act { flex:0 0 auto; }
.entrega-msg { font-size:.8rem; margin-top:8px; padding:.35rem .6rem; border-radius:6px; }
.entrega-msg.ok { color:var(--gold); background:rgba(201,168,76,.10); }
.entrega-msg.err { color:#e0a3a3; background:rgba(224,163,163,.08); }
.entrega-logs { margin-top:8px; display:flex; flex-direction:column; gap:3px; }
.entrega-log { font-size:.74rem; color:var(--text3); }

/* Fotos do imóvel (biblioteca de recursos) */
.fotos-grid { display:flex; flex-wrap:wrap; gap:8px; margin:8px 0; }
.foto-thumb { position:relative; width:84px; height:84px; border-radius:8px; overflow:hidden; border:1px solid var(--border); }
.foto-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.foto-del { position:absolute; top:2px; right:2px; width:20px; height:20px; border-radius:50%; border:none; background:rgba(0,0,0,.6); color:#fff; cursor:pointer; font-size:13px; line-height:1; }
.foto-del:hover { background:var(--red); }
.foto-upload { display:inline-flex; align-items:center; gap:8px; border:1px dashed var(--border2); border-radius:8px; padding:8px 12px; cursor:pointer; color:var(--text2); font-size:13px; }
.foto-upload:hover { border-color:var(--gold); color:var(--gold); }
.foto-upload input { width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; }
.foto-upload.on { opacity:.6; }

/* Etiquetas de foto (principal/story/postal) */
.foto-thumb { width:96px; height:96px; }
.foto-thumb.is-principal { border-color: var(--gold); box-shadow:0 0 0 1px var(--gold); }
.foto-tags { position:absolute; bottom:2px; left:2px; right:2px; display:flex; gap:3px; justify-content:center; }
.foto-tag { width:22px; height:18px; border:none; border-radius:4px; background:rgba(0,0,0,.55); color:#fff; font-size:10px; line-height:1; cursor:pointer; padding:0; }
.foto-tag.on { background:var(--gold); color:#000; }

/* Pré-visualização de prompt */
.prompt-preview { white-space:pre-wrap; font-size:12px; color:var(--text2); background:var(--surface2); border:1px solid var(--border); border-radius:6px; padding:10px; margin:4px 0 0; max-height:260px; overflow:auto; font-family:ui-monospace,Menlo,Consolas,monospace; }

/* Sugestões do sistema (Curadoria) */
.sug-item { display:flex; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid var(--border); font-size:13px; }
.sug-item:last-child { border-bottom:none; }
.sug-dot { width:8px; height:8px; border-radius:50%; flex:0 0 auto; background:var(--text3); }
.sug-dot.ok { background:#4CAF80; } .sug-dot.warn { background:#d4a017; } .sug-dot.error { background:#e0a3a3; }
.sug-txt { flex:1; color:var(--text2); }
.sug-act { color:var(--gold); text-decoration:none; white-space:nowrap; font-size:12.5px; }
.sug-act:hover { text-decoration:underline; }

/* Placeholders do Motor de Prompts */
.placeholders { display:flex; flex-wrap:wrap; gap:6px; margin:8px 0 4px; }

/* Variações de imagem social (gerador) */
.var-row { display:flex; align-items:center; gap:6px; flex-wrap:wrap; padding:8px 10px 0; }
.var-thumb { width:46px; height:58px; object-fit:cover; border-radius:5px; border:2px solid transparent; cursor:pointer; }
.var-thumb:hover { border-color:var(--border2); }
.var-thumb.on { border-color:var(--gold); }

/* Dashboard de Curadoria (layout v2 do Paulo) */
.insight-item { display:flex; align-items:flex-start; gap:10px; padding:8px 0; border-bottom:1px solid var(--border); font-size:13px; color:var(--text2); line-height:1.45; }
.insight-item:last-child { border-bottom:none; }
.insight-item b { color:var(--text); }
.insight-dot { width:6px; height:6px; border-radius:50%; background:var(--gold); flex-shrink:0; margin-top:6px; }
.attention-item { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 0; border-bottom:1px solid var(--border); font-size:13px; color:var(--text2); }
.attention-item:last-child { border-bottom:none; }
.attention-tag { font-size:10px; padding:2px 8px; border-radius:4px; font-weight:600; white-space:nowrap; }
.tag-warn { background:rgba(212,160,23,.14); color:#d4a017; }
.tag-error { background:rgba(224,85,85,.14); color:#e08a8a; }
.rec-card { border:1px solid var(--border); border-radius:10px; padding:12px; margin-bottom:10px; background:var(--surface2); }
.rec-top { display:flex; align-items:flex-start; gap:10px; }
.rec-txt { font-size:13px; color:var(--text); line-height:1.45; }
.rec-acts { display:flex; gap:8px; margin-top:10px; }
.quick-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; }
.quick { display:flex; align-items:center; gap:8px; padding:14px; border:1px solid var(--border); border-radius:10px; background:var(--surface2); color:var(--text2); text-decoration:none; font-size:13px; transition:all .12s; }
.quick:hover { border-color:var(--gold); color:var(--gold); }
.quick span { color:var(--gold); }

/* Connections Hub — barra de stats + prioritário */
.conn-statbar { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; margin:0 0 18px; }
.conn-statcard { border:1px solid var(--border); border-radius:10px; padding:14px 16px; background:var(--surface2); }
.conn-statlabel { font-size:10px; text-transform:uppercase; letter-spacing:.08em; color:var(--text3); margin-bottom:6px; }
.conn-statnum { font-size:24px; font-weight:700; color:var(--text); font-family:Poppins,sans-serif; }
.conn-statnum.ok { color:var(--gold); }
.conn-prio { font-size:9px; text-transform:uppercase; letter-spacing:.05em; background:var(--gold-dim); color:var(--gold); border:1px solid rgba(201,168,76,.3); border-radius:4px; padding:1px 5px; margin-left:6px; vertical-align:middle; }

/* Perfis de Consultor — header com ação, alerta dourado, tabela com cabeçalho, swatches de marca */
.head-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.info-gold{display:flex;gap:10px;align-items:flex-start;background:var(--gold-dim2);border:1px solid rgba(201,168,76,.3);border-radius:10px;padding:12px 14px;margin-bottom:18px;font-size:13px;color:var(--text2);line-height:1.5}
.info-gold-ic{color:var(--gold);font-size:14px;line-height:1.4;flex:0 0 auto}
.tbl-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.tbl-head-title{font-size:13px;color:var(--text);font-weight:600}
.cons-cell{display:flex;align-items:center;gap:9px}
.tbl tbody tr.on td{background:var(--gold-dim2)}
.sw-row{display:inline-flex;gap:3px}
.sw{width:14px;height:14px;border-radius:3px;border:1px solid var(--border2);display:inline-block}
.form-acoes{display:flex;gap:10px;align-items:center;margin-top:18px}

/* Perfis de Consultor — cartões de arquétipo (content-mix em barras) */
.conn-statnum.green{color:#5fa37a}
.arq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.arq-card{border:1px solid var(--border);border-radius:12px;padding:16px;background:var(--surface);display:flex;flex-direction:column;gap:10px;transition:border-color .12s}
.arq-card:hover{border-color:var(--border2)}
.arq-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.arq-name{font-size:15px;font-weight:600;color:var(--text);font-family:Poppins,sans-serif}
.arq-badge{font-size:9px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;padding:2px 7px;border-radius:4px;background:rgba(95,163,122,.15);color:#7cc69a;border:1px solid rgba(95,163,122,.3)}
.arq-tom{font-size:13px;color:var(--text2)}
.arq-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text3);flex-wrap:wrap}
.arq-formal{font-size:9px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;padding:2px 7px;border-radius:4px;background:var(--surface2);color:var(--text2);border:1px solid var(--border2)}
.arq-canais{font-size:12px;color:var(--text2)}
.mix{display:flex;flex-direction:column;gap:7px;margin-top:2px}
.mix-row{display:grid;grid-template-columns:88px 1fr 38px;align-items:center;gap:8px}
.mix-label{font-size:11px;color:var(--text3)}
.mix-bar{height:6px;background:var(--surface3);border-radius:3px;overflow:hidden}
.mix-fill{display:block;height:100%;border-radius:3px}
.mix-val{font-size:11px;color:var(--text2);text-align:right}
.arq-foot{display:flex;justify-content:flex-end;margin-top:2px}

/* Tom de Comunicação — secções + tags de tom (recomendado/evitar) */
.sec-title{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:var(--gold);margin:24px 0 12px;font-weight:600}
.tom-block{display:flex;flex-direction:column;gap:5px}
.tom-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--text3)}
.tag-row{display:flex;flex-wrap:wrap;gap:4px}
.t-rec{font-size:11px;padding:2px 8px;border-radius:4px;background:rgba(95,163,122,.15);color:#7cc69a;border:1px solid rgba(95,163,122,.25)}
.t-avoid{font-size:11px;padding:2px 8px;border-radius:4px;background:rgba(201,122,122,.15);color:#e0a0a0;border:1px solid rgba(201,122,122,.25)}
.ch-note{font-size:12px;color:var(--text2);line-height:1.5}

/* Estilos Visuais — cartão marcado por defeito */
.arq-card.sel{border-color:var(--gold);background:var(--gold-dim2)}

/* Paletas e Tipografia — abas + faixa de swatches */
.tabs{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:20px}
.tab{padding:9px 20px;background:transparent;color:var(--text2);border:none;cursor:pointer;font-size:13px;font-family:Lato,sans-serif;transition:all .12s}
.tab+.tab{border-left:1px solid var(--border)}
.tab:hover{color:var(--text)}
.tab.on{background:var(--gold);color:#000;font-weight:600}
.pal-swatches{display:flex;gap:6px;margin-bottom:14px}
.pal-sw{flex:1;height:36px;border-radius:5px;border:1px solid rgba(255,255,255,.07)}

/* Regras de Copywriting — exemplos bom/mau */
.ex-ok{font-size:11px;padding:6px 8px;background:rgba(95,163,122,.08);border-left:2px solid #5fa37a;border-radius:0 4px 4px 0;margin-bottom:4px;color:var(--text2);line-height:1.45}
.ex-no{font-size:11px;padding:6px 8px;background:rgba(201,122,122,.08);border-left:2px solid #c97a7a;border-radius:0 4px 4px 0;color:var(--text2);line-height:1.45}

/* Biblioteca de paletas — linha de ações por cartão */
.pal-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px}

/* Copywriting — checkbox inline */
.check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2);margin-top:12px;cursor:pointer}
.check input{width:16px;height:16px;accent-color:var(--gold)}

/* Motor de Prompts — cartões */
.btn-prim-sm{background:var(--gold);color:#000;border:none;border-radius:8px;padding:8px 14px;font-weight:600;font-size:13px;cursor:pointer;font-family:Poppins,sans-serif}
.btn-prim-sm:disabled{opacity:.6;cursor:default}
.pcard{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column;transition:border-color .12s}
.pcard:hover{border-color:var(--border2)}
.pcard.off{opacity:.6}
.pcard-head{padding:15px 16px 12px;border-bottom:1px solid var(--border)}
.pcard-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}
.pcard-name{font-size:14px;font-weight:600;color:var(--text);font-family:Poppins,sans-serif;line-height:1.3}
.pcard-obj{font-size:12px;color:var(--text2);margin-bottom:8px;line-height:1.45}
.pcard-tags{display:flex;gap:5px;flex-wrap:wrap}
.pbadge{font-size:9px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;padding:2px 7px;border-radius:4px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);white-space:nowrap}
.pbadge.pub{background:rgba(95,163,122,.15);color:#7cc69a;border-color:rgba(95,163,122,.3)}
.pbadge.ch{background:rgba(91,141,239,.12);color:#8fb6e8;border-color:rgba(91,141,239,.25)}
.pbadge.tp{background:var(--gold-dim);color:var(--gold);border-color:rgba(201,168,76,.3)}
.pcard-body{padding:12px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.ph-lbl{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px}
.ph-chips{display:flex;flex-wrap:wrap;gap:3px}
.ph-chip{font-size:10px;font-family:monospace;background:var(--gold-dim);border:1px solid rgba(201,168,76,.25);color:var(--gold);padding:2px 6px;border-radius:4px}
.ptext{font-size:11px;color:var(--text3);background:var(--surface2);border-radius:6px;padding:8px 10px;max-height:72px;overflow:hidden;font-family:monospace;line-height:1.4;white-space:pre-wrap}
.pcard-foot{padding:9px 16px;border-top:1px solid var(--border);background:var(--surface2);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.pcard-acts{display:flex;gap:5px;flex-wrap:wrap}

/* Motor de Prompts — badges de estado (Paulo) */
.pbadge.st-draft{background:var(--surface2);color:var(--text2);border-color:var(--border2)}
.pbadge.st-teste{background:rgba(91,141,239,.14);color:#8fb6e8;border-color:rgba(91,141,239,.3)}
.pbadge.st-aprovado{background:var(--gold-dim);color:var(--gold);border-color:rgba(201,168,76,.3)}
.pbadge.st-publicado{background:rgba(95,163,122,.15);color:#7cc69a;border-color:rgba(95,163,122,.3)}
.pbadge.st-arquivado{background:rgba(201,122,122,.14);color:#e0a0a0;border-color:rgba(201,122,122,.3)}
.chip-filtro.sm{font-size:10px;padding:3px 9px}

/* Publicar Regras — pipeline + módulos + linhas */
.pub-pipe{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}
.conn-statcard.sel{border-color:var(--gold)}
.mod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-bottom:8px}
.mod-card{border:1px solid var(--border);border-radius:8px;padding:12px 14px;background:var(--surface)}
.mod-name{font-size:12px;font-weight:600;color:var(--text);margin-bottom:7px}
.mod-bar{height:6px;background:var(--surface3);border-radius:3px;overflow:hidden;margin-bottom:5px}
.mod-fill{display:block;height:100%;background:#5fa37a;border-radius:3px}
.mod-sub{font-size:11px;color:var(--text3)}
.pub-row{display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center;border:1px solid var(--border);border-radius:8px;padding:12px 16px;background:var(--surface);margin-bottom:8px;transition:border-color .12s}
.pub-row:hover{border-color:var(--border2)}
.pub-mod{display:flex;flex-direction:column;gap:4px;align-items:flex-start}

/* Canais — CTA em citação */
.ch-cta{font-size:11px;color:var(--text3);font-style:italic;margin-top:2px}

/* Ações dos cartões à imagem do Paulo: toggle + ícones + Editar */
.card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);flex-wrap:wrap}
.card-foot-left{display:flex;align-items:center;gap:8px}
.card-foot-acts{display:flex;align-items:center;gap:6px}
.toggle-switch{position:relative;display:inline-block;width:34px;height:18px;cursor:pointer;flex-shrink:0}
.toggle-switch input{opacity:0;width:0;height:0;position:absolute}
.toggle-track{position:absolute;inset:0;background:var(--surface3);border-radius:18px;transition:all .15s}
.toggle-track::before{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;background:#fff;border-radius:50%;transition:transform .15s}
.toggle-switch input:checked + .toggle-track{background:#5fa37a}
.toggle-switch input:checked + .toggle-track::before{transform:translateX(16px)}
.iconbtn{background:transparent;border:1px solid var(--border);color:var(--text2);border-radius:6px;padding:4px 9px;font-size:13px;line-height:1;cursor:pointer;transition:all .12s}
.iconbtn:hover{border-color:var(--border2);color:var(--text);background:var(--surface2)}
.iconbtn.del{color:#e0a0a0;border-color:rgba(224,85,85,.25)}
.iconbtn.del:hover{background:rgba(224,85,85,.12)}

/* Testes e Simulações — simulador */
.sim-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.sim-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}
.sim-panel-head{padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surface2);font-size:12px;font-weight:700;color:var(--text);letter-spacing:.5px;text-transform:uppercase}
.sim-body{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sim-full{grid-column:1/-1}
.sim-ctx{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:14px}
.sim-ctx-head{font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--text2);margin-bottom:12px}
.sim-ctx-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sim-tabs{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin:4px 0 14px}
.sim-tab{flex:1;padding:9px 6px;font-size:11px;font-weight:600;border:none;border-right:1px solid var(--border);background:var(--surface2);color:var(--text2);cursor:pointer;transition:all .12s;line-height:1.3;text-align:center}
.sim-tab:last-child{border-right:none}
.sim-tab.on{background:var(--gold);color:#000}
.sim-tab-sub{font-size:9px;font-weight:400;opacity:.7}
@media (max-width:1100px){.sim-grid{grid-template-columns:1fr}.sim-body{grid-template-columns:1fr}}

/* Biblioteca de Simulações */
.sim-row{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--border);border-radius:10px;padding:16px 18px;background:var(--surface);transition:border-color .12s}
.sim-row:hover{border-color:var(--border2)}
.pbadge.av-ok{background:rgba(95,163,122,.15);color:#7cc69a;border-color:rgba(95,163,122,.3)}
.pbadge.av-warn{background:rgba(224,136,64,.15);color:#e0a062;border-color:rgba(224,136,64,.3)}
.pbadge.av-no{background:rgba(201,122,122,.15);color:#e0a0a0;border-color:rgba(201,122,122,.3)}

/* Biblioteca de Outputs — filtros granulares (v0.66) */
.out-filtros{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 14px}
.out-search{flex:1;min-width:200px;max-width:420px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E") no-repeat left 11px center;border:1px solid var(--border);border-radius:6px;color:var(--text);padding:9px 12px 9px 34px;font-size:13px;outline:none;transition:border-color .15s}
.out-search:focus{border-color:var(--gold)}
.out-search::placeholder{color:var(--text3)}
.out-sel{width:auto;min-width:170px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--border);border-radius:6px;color:var(--text2);padding:9px 34px 9px 12px;font-size:13px;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none}
.out-sel:focus{border-color:var(--gold)}

/* Versionamento — log de auditoria (v0.68) */
.ver-list{display:flex;flex-direction:column;gap:1px;background:var(--border2);border:1px solid var(--border2);border-radius:10px;overflow:hidden}
.ver-row{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--surface2)}
.ver-row:hover{background:var(--surface)}
.ver-when{color:var(--text3);font-size:12px;min-width:128px;font-variant-numeric:tabular-nums}
.ver-act{flex:1;color:var(--text);font-size:13px}
.ver-ver{color:var(--gold);font-weight:600;font-size:12px}
.ver-author{color:var(--text2);font-size:12px;min-width:120px;text-align:right}
.filtro-lbl{color:var(--text3);font-size:12px;align-self:center;margin-right:2px}

/* TAREKO Brain — hub (v0.70) */
.dash-sub{color:var(--text3);font-size:13px;margin:0 0 18px}

/* Foto de perfil do consultor (v0.71) */
.foto-perfil{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:6px}
.foto-perfil-img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid var(--border2)}
.foto-perfil-vazia{width:64px;height:64px;border-radius:50%;border:1px dashed var(--border2);display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:11px}

/* ═══ TAREKO Brain™ — layout sincronizado do v4 (v0.72) ═══ */
.brain-tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border);background:var(--surface);overflow-x:auto;margin:-28px -28px 0;padding:0 28px}
.brain-tab-bar::-webkit-scrollbar{display:none}
.brain-tab{background:none;border:none;border-bottom:2px solid transparent;padding:14px 16px 12px;font-size:10.5px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--text3);cursor:pointer;transition:all .15s;white-space:nowrap;margin-bottom:-1px;font-family:Lato,sans-serif}
.brain-tab:hover{color:var(--text2)}
.brain-tab.active{color:var(--gold);border-bottom-color:var(--gold)}
.brain-tab-content{padding:24px 4px 8px}
/* dashboard stats */
.brain-stats-section{margin-bottom:28px}
.brain-stats-section-title{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--text3);margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--border)}
.brain-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.brain-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}
.brain-stat-label{font-size:11px;color:var(--text3);margin-bottom:6px}
.brain-stat-value{font-size:22px;font-weight:700;color:var(--text);line-height:1}
.brain-stat-value.gold{color:var(--gold)}
.brain-stat-value.green{color:var(--green)}
.brain-stat-value.red{color:var(--red)}
.brain-stat-sub{font-size:11px;color:var(--text3);margin-top:4px}
/* aprendizagens */
.brain-learn-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:8px;display:flex;gap:12px;align-items:flex-start}
.brain-learn-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}
.brain-rec-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:10px}
.brain-rec-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}
.brain-rec-title{font-size:13px;font-weight:600;color:var(--text)}
.brain-rec-body{font-size:12px;color:var(--text2);line-height:1.5;margin-bottom:8px}
.brain-rec-meta{display:flex;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.brain-rec-meta-item{font-size:11px;color:var(--text3)}
.brain-rec-meta-item strong{color:var(--text2)}
.brain-rec-actions{display:flex;gap:6px;flex-wrap:wrap}
/* chat */
.brain-chat-wrap{display:flex;flex-direction:column;height:calc(100vh - 205px);min-height:420px;overflow:hidden;margin:0 -4px;border:1px solid var(--border);border-top:none;border-radius:0 0 12px 12px}
.brain-quick-qs{padding:10px 20px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}
.brain-quick-qs-label{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--text3);margin-right:4px;flex-shrink:0}
.brain-quick-q{background:var(--surface2);border:1px solid var(--border2);border-radius:20px;padding:4px 11px;font-size:11.5px;color:var(--text2);cursor:pointer;transition:all .12s;white-space:nowrap}
.brain-quick-q:hover{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.35);color:var(--gold)}
.brain-chat-msgs{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:18px}
.brain-msg{display:flex;gap:12px;max-width:82%;align-items:flex-start}
.brain-msg.user{flex-direction:row-reverse;align-self:flex-end}
.brain-msg.brain{align-self:flex-start}
.brain-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,rgba(201,168,76,.22),rgba(201,168,76,.06));border:1px solid rgba(201,168,76,.35);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--gold);flex-shrink:0}
.brain-avatar.user-av{background:var(--surface2);border-color:var(--border2);color:var(--text2);font-size:11px;font-weight:700}
.brain-msg-body{flex:1;min-width:0}
.brain-msg-meta{font-size:10px;color:var(--text3);margin-bottom:4px;letter-spacing:.3px}
.brain-msg-text{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:11px 14px;font-size:13.5px;color:var(--text2);line-height:1.58}
.brain-msg.user .brain-msg-text{background:rgba(201,168,76,.07);border-color:rgba(201,168,76,.18);color:var(--text)}
.brain-msg-text.err{border-color:#e05555;color:#e0a0a0}
.brain-proposal-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.brain-typing{flex-direction:row;gap:4px!important}
.brain-typing span{width:6px;height:6px;border-radius:50%;background:var(--text3);display:inline-block;animation:brain-bounce 1.3s infinite}
.brain-typing span:nth-child(2){animation-delay:.22s}
.brain-typing span:nth-child(3){animation-delay:.44s}
@keyframes brain-bounce{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}
.brain-chat-input-row{border-top:1px solid var(--border);padding:12px 20px 14px;background:var(--surface);flex-shrink:0}
.brain-chat-input-inner{display:flex;gap:8px;align-items:center;background:var(--surface2);border:1px solid var(--border2);border-radius:10px;padding:6px 6px 6px 14px;transition:border-color .2s}
.brain-chat-input-inner:focus-within{border-color:rgba(201,168,76,.5)}
.brain-chat-ta{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:14px;line-height:1.5;font-family:inherit}
.brain-chat-send{background:var(--gold);border:none;border-radius:7px;padding:7px 10px;color:#1a1208;cursor:pointer;transition:opacity .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.brain-chat-send:hover{opacity:.82}
.brain-chat-send:disabled{opacity:.4;cursor:default}

/* TAREKO Brain — botão do topo, igual ao v4 (v0.73) */
.nav-brain-btn{display:flex;flex-direction:column;gap:2px;align-items:flex-start;width:100%;padding:13px 16px;background:linear-gradient(135deg,rgba(201,168,76,.12) 0%,rgba(201,168,76,.04) 100%);border:none;border-bottom:1px solid var(--border);border-left:3px solid var(--gold);color:var(--gold);font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .15s;text-align:left;font-family:Poppins,sans-serif;text-decoration:none}
.nav-brain-btn-row{display:flex;align-items:center;gap:10px;width:100%}
.nav-brain-btn:hover,.nav-brain-btn.active{background:linear-gradient(135deg,rgba(201,168,76,.20) 0%,rgba(201,168,76,.10) 100%);box-shadow:inset 0 0 20px rgba(201,168,76,.06)}
.nav-brain-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);flex-shrink:0;box-shadow:0 0 6px var(--gold);animation:brain-pulse 2s infinite}
.nav-brain-sub{font-size:9px;letter-spacing:.8px;color:rgba(201,168,76,.5);font-weight:400;text-transform:uppercase;padding-left:17px;font-family:Poppins,sans-serif}
@keyframes brain-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}

/* ---- Extrair Imóvel por link (/extrair-imovel) ---- */
.ext-bar{display:flex;gap:8px;align-items:center;margin:.25rem 0 .8rem}
.ext-input{flex:1;background:var(--surface2);border:1px solid var(--border2);border-radius:6px;color:var(--text);font-size:13px;padding:9px 12px;outline:none}
.ext-input:focus{border-color:var(--gold)}
.ext-input::placeholder{color:var(--text3)}
.ext-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin:.6rem 0}
.ext-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}
.ext-card-h{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.ext-row{display:flex;gap:10px;padding:5px 0;border-bottom:1px solid var(--border);font-size:13px}
.ext-row:last-child{border-bottom:none}
.ext-l{color:var(--text2);min-width:120px;flex-shrink:0}
.ext-v{color:var(--text);word-break:break-word}
.ext-desc{font-size:13px;color:var(--text);line-height:1.5;margin:0;white-space:pre-wrap}
.ext-json-head{display:flex;align-items:center;justify-content:space-between;margin:14px 0 6px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gold)}
.ext-json-acts{display:flex;gap:6px}
.ext-json{max-height:420px;overflow:auto;white-space:pre;font-size:12px;line-height:1.45}
.ext-save-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:4px}
.ext-check{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--text2);white-space:nowrap}
.ext-save .ext-input{max-width:280px}
/* CONTENT ENGINE — wizard (v0.74) */
.ce-wizard{max-width:760px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px 26px}
.ce-step-head{margin-bottom:14px}
.ce-step-kicker{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold)}
.ce-step-title{font-size:22px;font-weight:700;color:var(--text);margin-top:2px;font-family:Poppins,sans-serif}
.ce-progress{height:5px;background:var(--surface2);border-radius:3px;overflow:hidden}
.ce-progress-fill{height:100%;background:var(--gold);border-radius:3px;transition:width .3s}
.ce-step-num{font-size:11px;color:var(--text3);margin:6px 0 18px}
.ce-step-q{font-size:14px;color:var(--text);margin:0 0 14px}
.ce-step-body{min-height:180px}
.ce-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ce-choice{text-align:left;background:var(--surface2);border:1px solid var(--border2);border-radius:12px;padding:18px;cursor:pointer;transition:all .12s}
.ce-choice:hover{border-color:rgba(201,168,76,.4)}
.ce-choice.on{border-color:var(--gold);background:rgba(201,168,76,.07)}
.ce-choice-ic{font-size:24px;color:var(--gold);margin-bottom:8px}
.ce-choice-t{font-size:15px;font-weight:600;color:var(--text)}
.ce-choice-s{font-size:12px;color:var(--text3);margin-top:4px;line-height:1.45}
.ce-chips{display:flex;flex-wrap:wrap;gap:8px}
.ce-chip{background:var(--surface2);border:1px solid var(--border2);border-radius:22px;padding:8px 16px;font-size:13px;color:var(--text2);cursor:pointer;transition:all .12s}
.ce-chip:hover{border-color:rgba(201,168,76,.4)}
.ce-chip.on{background:var(--gold);border-color:var(--gold);color:#1a1208;font-weight:600}
.ce-pal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.ce-pal{text-align:left;background:var(--surface2);border:1px solid var(--border2);border-radius:10px;padding:10px;cursor:pointer;transition:all .12s}
.ce-pal.on{border-color:var(--gold)}
.ce-pal-sw{display:flex;height:26px;border-radius:6px;overflow:hidden;margin-bottom:6px}
.ce-pal-sw span{flex:1}
.ce-pal-n{font-size:12px;color:var(--text2)}
.ce-nav{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:16px;border-top:1px solid var(--border)}
.ce-result{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 20px}
.ce-vars{margin-top:16px;background:var(--surface2);border:1px solid var(--border2);border-radius:10px;padding:12px 14px}
.ce-vars-title{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--text3);margin-bottom:8px}
.ce-var-line{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid var(--border);font-size:12px}
.ce-var-line:last-child{border-bottom:none}
.ce-var-line span{color:var(--text3)}
.ce-var-line strong{color:var(--text);font-weight:600}

/* CONTENT ENGINE — modal Ver Prompt (v0.74) */
.ce-modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}
.ce-modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px 22px;max-width:700px;width:100%;max-height:82vh;overflow:auto}
.ce-modal-head{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:700;color:var(--text);font-family:Poppins,sans-serif}
.ce-modal-txt{width:100%;height:340px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:14px;font-size:12px;font-family:'Courier New',monospace;color:var(--text);line-height:1.6;resize:vertical;box-sizing:border-box;margin-top:8px}

/* CONTENT ENGINE — painel de 10 variáveis (v0.74) */
.ce-vars-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ce-var{display:flex;align-items:flex-start;gap:8px;padding:7px 8px;background:var(--surface);border:1px solid var(--border);border-radius:6px}
.ce-var-dot{flex-shrink:0;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}
.ce-var.ok .ce-var-dot{background:rgba(22,163,74,.14);color:#16a34a}
.ce-var.warn .ce-var-dot{background:rgba(220,38,38,.10);color:#dc2626}
.ce-var-k{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--text3);text-transform:uppercase;white-space:nowrap}
.ce-var-v{font-size:11px;color:var(--text2);margin-top:1px;line-height:1.4}

/* CONTENT ENGINE — hashtags + feedback por tags (v0.74) */
.ce-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ce-tag{font-size:11px;color:var(--gold);background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.25);border-radius:4px;padding:2px 8px}
.ce-feedback{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}
.ce-fb-lbl{font-size:12px;color:var(--text3)}
.ce-fb{padding:6px 12px;border-radius:6px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);font-size:12px;font-weight:600;cursor:pointer;transition:all .12s}
.ce-fb.ok:hover{border-color:#16a34a;color:#16a34a}
.ce-fb.warn:hover{border-color:var(--gold);color:var(--gold)}
.ce-fb.no:hover{border-color:#dc2626;color:#dc2626}

/* CONTENT ENGINE — passos fiéis ao Paulo (v0.74) */
.ce-step-desc{font-size:13px;color:var(--text2);line-height:1.6;margin:0 0 18px}
.ce-choices{display:flex;flex-direction:column;gap:12px}
.ce-choice{position:relative}
.ce-choice-ck{position:absolute;top:16px;right:18px;color:var(--gold);font-size:18px}
.ce-chan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:10px}
.ce-chan{position:relative;text-align:center;background:var(--surface2);border:2px solid var(--border);border-radius:10px;padding:18px 8px;cursor:pointer;transition:all .12s}
.ce-chan:hover{border-color:rgba(201,168,76,.4)}
.ce-chan.on{border-color:var(--gold);background:rgba(201,168,76,.07)}
.ce-chan-n{font-size:12px;font-weight:700;color:var(--text)}
.ce-chan.on .ce-chan-n{color:var(--gold)}
.ce-chan-f{font-size:9px;color:var(--text3);margin-top:3px}
.ce-chan-ck{position:absolute;top:6px;right:8px;color:var(--gold);font-size:12px}
.ce-fmt-banner{margin-top:16px;padding:10px 16px;background:rgba(201,168,76,.05);border:1px solid rgba(201,168,76,.25);border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text2)}
.ce-fmt-banner strong{color:var(--gold)}
.ce-persona-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ce-persona{position:relative;text-align:left;background:var(--surface2);border:2px solid var(--border);border-radius:10px;padding:14px 16px;cursor:pointer;transition:all .12s}
.ce-persona:hover{border-color:rgba(201,168,76,.4)}
.ce-persona.on{border-color:var(--gold);background:rgba(201,168,76,.07)}
.ce-persona-n{font-size:13px;font-weight:700;color:var(--text)}
.ce-persona.on .ce-persona-n{color:var(--gold)}
.ce-persona-s{font-size:11px;color:var(--text3);margin-top:3px;line-height:1.4}
.ce-persona-ck{position:absolute;top:12px;right:14px;color:var(--gold);font-size:13px}
.ce-pal{position:relative}
.ce-pal-ck{position:absolute;top:10px;right:12px;color:var(--gold);font-size:13px}
.ce-font-list{display:flex;flex-direction:column;gap:8px}
.ce-font{position:relative;display:flex;gap:16px;align-items:center;text-align:left;background:var(--surface2);border:2px solid var(--border);border-radius:10px;padding:14px 18px;cursor:pointer;transition:all .12s}
.ce-font:hover{border-color:rgba(201,168,76,.4)}
.ce-font.on{border-color:var(--gold);background:rgba(201,168,76,.07)}
.ce-font-aa{font-size:22px;font-weight:700;color:var(--text);flex-shrink:0;width:40px;text-align:center}
.ce-font.on .ce-font-aa,.ce-font.on .ce-font-n{color:var(--gold)}
.ce-font-n{font-size:13px;font-weight:700;color:var(--text)}
.ce-font-d{font-size:11px;color:var(--text3);margin-top:2px}
.ce-font-ck{color:var(--gold);font-size:14px}

/* CONTENT ENGINE — resultado fiel ao Paulo (v0.74) */
.ce-res-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.ce-res-kicker{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--gold)}
.ce-res-sub{font-size:13px;color:var(--text2);margin-top:3px}
.ce-res-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.ce-res-tab{padding:6px 14px;font-size:11px;font-weight:600;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text2);cursor:pointer;transition:all .12s}
.ce-res-tab.on{border-color:var(--gold);background:rgba(201,168,76,.1);color:var(--gold)}
.ce-res-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;margin-bottom:18px;align-items:start}
.ce-res-col{display:flex;flex-direction:column;gap:14px}
.ce-res-lbl{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--text3);margin-bottom:6px}
.ce-res-headline{font-size:16px;font-weight:700;color:var(--text);line-height:1.4}
.ce-res-body{font-size:12px;color:var(--text2);line-height:1.65;max-height:160px;overflow-y:auto;white-space:pre-line}
.ce-res-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ce-res-cta{font-size:13px;font-weight:700;color:var(--gold)}
.ce-res-tags{font-size:11px;color:var(--text3);line-height:1.6;word-break:break-word}
.ce-justif{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:18px}
.ce-justif-row{display:flex;gap:8px;font-size:12px;color:var(--text2);padding:3px 0}
.ce-justif-dot{color:var(--gold);flex-shrink:0}
.ce-res-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.ce-act{padding:14px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid var(--border);transition:all .12s}
.ce-act.ok{background:#16a34a;color:#fff;border:none}
.ce-act.no{background:#dc2626;color:#fff;border:none}
.ce-act.reg{background:var(--surface2);color:var(--text)}
.ce-res-foot{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:10px}

/* A topbar já mostra título + secção — não repetir o título no hero (v0.74, transversal) */
.hero-kicker, .hero h1 { display: none; }
.hero { margin-bottom: 20px; }

/* Variáveis Estratégicas — badges + tabela (v0.74) */
.vbadge{display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;letter-spacing:.3px}
.vbadge.v-blue{background:rgba(74,159,255,.12);color:#7db6ff}
.vbadge.v-gold{background:rgba(201,168,76,.16);color:var(--gold)}
.vbadge.v-green{background:rgba(22,163,74,.14);color:#4ade80}
.vbadge.v-orange{background:rgba(234,140,40,.14);color:#f0a850}
.vbadge.v-red{background:rgba(220,38,38,.12);color:#f87171}
.vbadge.v-gray{background:var(--surface2);color:var(--text3)}
.tbl tr.off td{opacity:.5}
.chk{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2);margin:12px 0}

/* Variáveis — chips de categoria com contagem (v0.74) */
.cat-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.cat-chip{font-size:11px;padding:4px 12px;border-radius:20px;background:var(--surface2);border:1px solid var(--border);color:var(--text2);cursor:pointer;transition:all .12s}
.cat-chip:hover{border-color:var(--gold);color:var(--gold)}
.cat-chip.on{background:var(--gold-dim);border-color:rgba(201,168,76,.35);color:var(--gold)}
.cat-chip-n{opacity:.55;margin-left:3px}

/* Tom de Comunicação — cartões 3 colunas fiéis ao Paulo (v0.74) */
.tom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.tom-badges{display:flex;gap:5px;flex-shrink:0;align-items:center}
.tom-status{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:4px;background:var(--surface2);color:var(--text3);border:1px solid var(--border2)}
.tom-status.on{background:rgba(22,163,74,.14);color:#4ade80;border-color:rgba(22,163,74,.25)}
.tom-card .t-rec,.tom-card .t-avoid{text-transform:uppercase;letter-spacing:.3px;font-size:10px}

/* Bibliotecas em cartões — 3 colunas como o oficial (v0.74) */
.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}

/* Contexto Externo — pílula valor atual (v0.74) */
.ctx-val{display:inline-flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:5px 10px;margin-bottom:10px}
.ctx-val-lbl{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.8px}
.ctx-val-v{font-size:13px;font-weight:600;color:var(--gold)}

/* Modal de edição das bibliotecas — igual ao oficial (v0.74) */
.lib-modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:40px 20px;overflow-y:auto}
.lib-modal{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:680px;padding:0 24px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.55)}
.lib-modal h2{margin:0 -24px 0;padding:18px 50px 0 24px;font-size:17px;font-family:Poppins,sans-serif}
.lib-modal-sub{margin:0 -24px 14px;padding:3px 24px 14px;border-bottom:1px solid var(--border);font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--text3)}
.lib-active{display:flex;align-items:center;gap:12px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin:16px 0 4px}
.lib-active-txt{display:flex;flex-direction:column}
.lib-active-txt strong{font-size:13px;color:var(--text);font-weight:600}
.lib-active-txt span{font-size:11px;color:var(--text3);margin-top:2px}
.lib-modal-x{position:absolute;top:16px;right:18px;background:none;border:none;color:var(--text3);font-size:17px;cursor:pointer;line-height:1;padding:4px 8px;border-radius:6px;z-index:2}
.lib-modal-x:hover{background:var(--surface2);color:var(--text)}
.lib-modal label:not(.chk):not(.check):not(.toggle-switch){display:block;font-size:10px;color:var(--text3);margin:13px 0 5px;text-transform:uppercase;letter-spacing:.8px;font-weight:600}
.lib-modal .chk,.lib-modal .check{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin:16px 0 4px}
.lib-modal .form-acoes{margin:18px -24px 0;padding:15px 24px;border-top:1px solid var(--border);display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:10px}
.lib-modal .form-acoes .btn-ghost{border-style:solid;border-color:var(--border2);color:var(--text2)}
.lib-modal .form-acoes .btn-ghost:hover{border-color:var(--gold);color:var(--gold)}

/* ── Visual Engine™ (fiel à FV) ───────────────────────────── */
.ve-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.ve-kicker{font-size:10px;font-weight:700;letter-spacing:3px;color:var(--gold);text-transform:uppercase}
.ve-hist{text-align:right;font-size:11px;color:var(--text3)}
.ve-hist-n{font-size:22px;font-weight:800;color:var(--gold)}
.ve-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:20px}
.ve-step{font-size:10px;font-weight:700;letter-spacing:3px;color:var(--gold);margin-bottom:16px}
.ve-step-sub{color:var(--text3);font-weight:400;letter-spacing:0}
.ve-step-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.ve-counts{font-size:11px;color:var(--text3)}
.ve-counts .ok{color:#22c55e;font-weight:700}
.ve-counts .no{color:#ef4444;font-weight:700}
.ve-lbl{font-size:11px;font-weight:700;color:var(--text3);letter-spacing:1px;text-transform:uppercase;display:block;margin-bottom:8px}
.ve-url-row{display:flex;gap:8px;margin-bottom:8px}
.ve-url-row .inp{flex:1}
.ve-imp{margin-bottom:14px;padding:8px 14px;background:rgba(201,168,76,.08);border:1px solid var(--gold-dim);border-radius:8px;font-size:12px;color:var(--gold)}
.ve-sel3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 18px}
/* Página PERSONAS™ do consultor */
.persona-banner{background:linear-gradient(180deg,rgba(201,168,76,.10),rgba(201,168,76,.03));border:1px solid rgba(201,168,76,.35);border-radius:12px;padding:16px 20px;margin-bottom:18px}
.persona-banner-lbl{font-size:10.5px;font-weight:700;letter-spacing:1px;color:var(--gold);text-transform:uppercase}
.persona-banner-nome{font-size:22px;font-weight:700;color:var(--text);margin-top:4px;letter-spacing:.3px}
.persona-banner-prom{font-size:13px;font-style:italic;color:var(--text2);margin-top:2px}
.persona-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:26px}
.persona-card{background:var(--surface2);border:2px solid var(--border);border-radius:12px;padding:18px 20px;cursor:pointer;transition:all .12s}
.persona-card:hover{border-color:rgba(201,168,76,.45)}
.persona-card.on{border-color:var(--gold);background:rgba(201,168,76,.06)}
.persona-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.persona-num{font-size:13px;font-weight:700;color:var(--text3);letter-spacing:1px}
.persona-badge{font-size:10px;font-weight:700;letter-spacing:1px;color:#000;background:var(--gold);border-radius:4px;padding:2px 8px}
.persona-card-nome{font-size:16px;font-weight:700;color:var(--text);letter-spacing:.3px}
.persona-card-prom{font-size:12.5px;font-style:italic;color:var(--text2);margin:4px 0 10px;line-height:1.45}
.persona-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.persona-card-tags span{font-size:10.5px;font-weight:600;color:var(--text3);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:2px 8px}
.persona-card.on .persona-card-tags span{color:var(--gold);border-color:rgba(201,168,76,.35)}
.persona-card-forma{font-size:12px;color:var(--text2);line-height:1.4}
.persona-card-transmitir{font-size:12.5px;font-weight:600;color:var(--gold);margin-top:8px}
.persona-demo{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:18px 20px;margin-top:12px}
.persona-demo-h{font-size:17px;font-weight:700;color:var(--text);line-height:1.35}
.persona-demo-l{font-size:13px;color:var(--text2);line-height:1.55;margin:8px 0}
.persona-demo-cta{font-size:12.5px;font-weight:600;color:var(--gold)}

/* Dashboard do consultor (protótipo v2) */
.cd-greet{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px;flex-wrap:wrap}
.cd-month{font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--text3);text-transform:uppercase}
.cd-greet h1{font-size:30px;font-weight:700;color:var(--text);margin:2px 0 0;letter-spacing:-.5px}
.cd-pmini{display:flex;align-items:center;gap:12px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:10px 16px}
.cd-pmini-score{font-size:30px;font-weight:800;color:var(--gold);line-height:1}
.cd-pmini-txt{display:flex;flex-direction:column}
.cd-pmini-lbl{font-size:12px;font-weight:700;color:var(--text)}
.cd-pmini-sub{font-size:11px;color:var(--text3)}
.cd-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.cd-stat{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:18px}
.cd-stat-link{text-decoration:none;transition:border-color .12s}
.cd-stat-link:hover{border-color:rgba(201,168,76,.5)}
.cd-stat-n{font-size:34px;font-weight:800;color:var(--text);line-height:1}
.cd-stat-n.gold{color:var(--gold)}
.cd-stat-l{font-size:13px;font-weight:600;color:var(--text);margin-top:8px}
.cd-stat-s{font-size:11.5px;color:var(--text3);margin-top:2px}
.cd-brand,.cd-net{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin-bottom:18px}
.cd-brand-title,.cd-net-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:12px}
.cd-brand-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cd-brand-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.cd-brand-k{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px}
.cd-brand-v{font-size:15px;color:var(--text);font-weight:600}
.cd-brand-edit{font-size:11.5px;color:var(--gold);text-decoration:none;margin-top:4px}
.cd-net-row{display:flex;gap:26px;flex-wrap:wrap}
.cd-net-item{text-align:center}
.cd-net-n{font-size:26px;font-weight:800;color:var(--text)}
.cd-net-l{font-size:12px;color:var(--text3);margin-top:2px}
@media(max-width:820px){.cd-row{grid-template-columns:1fr 1fr}.cd-brand-row{grid-template-columns:1fr}}

/* Composições — galeria de referência do Paulo */
.cref{background:var(--surface2);border:1px solid rgba(201,168,76,.3);border-radius:10px;padding:14px 16px;margin-top:20px}
.cref-title{font-size:13px;font-weight:700;color:var(--gold);margin-bottom:10px}
.cref-title span{color:var(--text3);font-weight:400}
.cref-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}
.cref-item{position:relative;display:block;border-radius:4px;overflow:hidden;border:1px solid var(--border);aspect-ratio:4/5}
.cref-item img{width:100%;height:100%;object-fit:cover;display:block}
.cref-item span{position:absolute;top:2px;left:3px;font-size:9px;font-weight:700;color:#fff;background:rgba(0,0,0,.6);border-radius:3px;padding:0 3px}
@media(max-width:900px){.cref-grid{grid-template-columns:repeat(5,1fr)}}
.cref-btn{margin-top:10px;width:100%;background:var(--surface2);border:1px solid rgba(201,168,76,.35);color:var(--gold);font-size:12px;font-weight:600;border-radius:6px;padding:7px 10px;cursor:pointer;transition:background .15s}
.cref-btn:hover{background:rgba(201,168,76,.12)}
.cref-compare-lbl{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text3);text-align:center}
.cref-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}
.cref-modal{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:1100px;width:100%;max-height:94vh;display:flex;flex-direction:column;overflow:hidden}
.cref-modal-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;border-bottom:1px solid var(--border)}
.cref-modal-head strong{font-size:15px;color:var(--text)}
.cref-modal-sub{margin-left:10px;font-size:12px;color:var(--text3)}
.cref-modal-x{background:none;border:none;color:var(--text3);font-size:20px;cursor:pointer;line-height:1;padding:2px 8px;border-radius:6px}
.cref-modal-x:hover{background:var(--surface2);color:var(--text)}
/* minmax(0,1fr): uma track fr NUNCA encolhe abaixo do min-content — com conteúdo largo (sliders,
   textos nowrap, imagens) o 50/50 rebentava e as colunas sobrepunham-se. minmax(0,…) força o 50/50. */
.cref-modal-body{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:14px 18px;overflow:hidden}
.cref-modal-col{display:flex;flex-direction:column;gap:6px;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;align-items:center}
/* cabeçalho com a MESMA altura nas duas colunas → as imagens ficam alinhadas lado a lado */
.cref-col-head{display:flex;align-items:center;justify-content:center;gap:6px;height:34px;flex-shrink:0;width:100%}
/* variante compacta dos botões dourados (barras de ação densas, ex.: afinadores) */
.btn-mini{padding:4px 10px;font-size:12px;white-space:nowrap}
/* afinadores em secções */
.tune-sec{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--text3);margin:12px 0 4px;border-bottom:1px solid var(--border);padding-bottom:3px}
.tune-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;font-size:12px}
/* imagens limitadas pela ALTURA disponível → cabem sem scroll (desconta cabeçalho + raio-X) */
/* max-height (não height fixo): quando a coluna é estreita, o max-width encolhe a imagem SEM distorcer */
.cref-modal-col img{max-height:calc(94vh - 250px);height:auto;width:auto;max-width:100%;margin:0 auto;object-fit:contain;border-radius:8px;border:1px solid var(--border);display:block}
@media(max-width:800px){.cref-modal-body{grid-template-columns:minmax(0,1fr)}.cref-modal-col img{max-height:calc(94vh - 320px)}}
.me-live{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start;margin-top:16px}
.me-live .panel{margin-top:0}
.me-preview{position:sticky;top:16px;display:flex;flex-direction:column;gap:8px}
.me-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.me-preview-head span{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--gold)}
.me-preview-sel{max-width:190px;font-size:12px;padding:5px 7px;height:auto}
.me-preview-box{position:relative;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface2);min-height:200px;display:flex;align-items:center;justify-content:center}
.me-preview-box img{width:100%;display:block}
.me-preview-empty{color:var(--text3);font-size:13px;padding:40px}
.me-preview-spin{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;font-size:11px;padding:2px 8px;border-radius:12px}
@media(max-width:1000px){.me-live{grid-template-columns:1fr}.me-preview{position:static}}
.me-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.me-check{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text2);padding-top:6px}
.me-check input{width:auto}
@media(max-width:700px){.me-grid{grid-template-columns:1fr}}
/* width:100%: a coluna-mãe tem align-items:center, que dimensiona os filhos pelo conteúdo —
   sem largura explícita a xray não acompanhava o espaço disponível da coluna */
.cref-xray{flex:1 1 auto;width:100%;min-width:0;min-height:0;border-top:1px solid var(--border);padding-top:10px;overflow-y:auto}
.cref-xray-t{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.cref-xray-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px}
.cref-xray-row{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:1px 0;border-bottom:1px dotted var(--border)}
.cref-xray-row span{color:var(--text3)}
.cref-xray-row strong{color:var(--text);font-weight:600;text-align:right}
.mc-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px}
.mc-tbl{width:100%;border-collapse:collapse;font-size:12px}
.mc-tbl th{text-align:left;padding:9px 8px;background:var(--surface2);color:var(--text3);font-weight:700;text-transform:uppercase;letter-spacing:.4px;font-size:10px;border-bottom:1px solid var(--border);white-space:nowrap}
.mc-tbl td{padding:5px 8px;border-bottom:1px solid var(--border);vertical-align:middle}
.mc-tbl tr:hover td{background:rgba(201,168,76,.05)}
.mc-id{font-weight:700;color:var(--gold);width:28px}
.mc-in{padding:5px 7px;font-size:12px;height:auto;min-width:120px}
.mc-num{padding:5px 6px;font-size:12px;width:56px;height:auto}
.mc-c{text-align:center}
.mc-c input{width:auto}
.mc-tbl tr.mc-sel td{background:rgba(201,168,76,.14)}
.mc-tbl tr{cursor:pointer}
.mc-meta{font-size:10px;color:var(--text3);font-weight:400;text-transform:none;letter-spacing:0}
.afn-card{text-decoration:none;color:inherit;display:block;transition:border-color .15s}
.afn-card:hover{border-color:var(--gold)}

/* Banco de Provas */
.bp-cfg{max-width:760px}
.bp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;margin-top:22px}
.bp-card{background:var(--surface2);border:1px solid var(--border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.bp-params{padding:12px 14px;border-bottom:1px solid var(--border)}
.bp-imovel{font-size:13px;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:2px}
.bp-link{font-size:10.5px;color:var(--text3);word-break:break-all;display:block;margin-bottom:8px}
.bp-row{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;padding:2px 0}
.bp-row span{color:var(--text3)}
.bp-row strong{color:var(--text);font-weight:600;text-align:right}
.bp-img{width:100%;display:block}
.bp-erro{padding:20px;font-size:12px;color:#d98b2b;text-align:center}
@media print{
  .sidebar,.topbar,.hero,.bp-cfg,.nav-brain-btn{display:none !important}
  .app-main{padding:0 !important}
  .bp-grid{grid-template-columns:1fr 1fr;gap:10px}
  .bp-card{break-inside:avoid;border-color:#ccc}
}

/* Persona (voz) — grelha 2×2 no Content Engine */
.ce-personas{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 4px}
.ce-persona{background:var(--surface2);border:2px solid var(--border);border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .12s}
.ce-persona:hover{border-color:rgba(201,168,76,.45)}
.ce-persona.on{border-color:var(--gold);background:rgba(201,168,76,.08)}
.ce-persona-nome{font-size:13px;font-weight:700;color:var(--text);letter-spacing:.3px}
.ce-persona-prom{font-size:12px;font-style:italic;color:var(--text2);margin:4px 0 8px;line-height:1.4}
.ce-persona-tags{display:flex;flex-wrap:wrap;gap:5px}
.ce-persona-tags span{font-size:10px;font-weight:600;color:var(--text3);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:2px 7px}
.ce-persona.on .ce-persona-tags span{color:var(--gold);border-color:rgba(201,168,76,.35)}

.ve-canais{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:8px}
.ve-canal{background:var(--surface2);border:2px solid var(--border);border-radius:10px;padding:12px 8px;text-align:center;cursor:pointer;transition:all .12s}
.ve-canal:hover{border-color:rgba(201,168,76,.4)}
.ve-canal.on{border-color:var(--gold);background:rgba(201,168,76,.08)}
.ve-canal-ic{font-size:18px}
.ve-canal-n{font-size:11px;font-weight:700;color:var(--text);margin-top:3px}
.ve-canal-s{font-size:9px;color:var(--text3)}
.ve-gerar{margin-top:20px;text-align:center}
.ve-empty{text-align:center;padding:60px 20px;color:var(--text3);font-size:13px}
.ve-empty-ic{font-size:40px;opacity:.22;margin-bottom:12px}
.ve-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.ve-cell{display:flex;flex-direction:column;gap:7px}
.ve-cell-head{display:flex;align-items:center;justify-content:space-between}
.ve-vid{font-size:10px;font-weight:700;color:var(--gold)}
.ve-cfg{font-size:8px;color:var(--text3)}
.ve-asset{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;border:1px solid var(--border)}
.ve-asset img{width:100%;display:block}
.ve-asset.ap{outline:2.5px solid #22c55e;outline-offset:-2px}
.ve-asset.rj{outline:2.5px solid #ef4444;outline-offset:-2px}
.ve-badge{position:absolute;top:5px;right:5px;border-radius:20px;padding:2px 7px;font-size:8px;font-weight:700;color:#fff}
.ve-badge.ap{background:#22c55e}
.ve-badge.rj{background:#ef4444}
.ve-cell-lbl{font-size:8px;color:var(--text3);text-align:center;line-height:1.2}
.ve-cell-btns{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.ve-cell-btns button{border-radius:6px;padding:6px;font-size:10px;font-weight:700;cursor:pointer;border:1px solid}
.ve-ok{background:rgba(34,197,94,.07);border-color:rgba(34,197,94,.3);color:#22c55e}
.ve-ok.on{background:rgba(34,197,94,.18);border-color:#22c55e}
.ve-no{background:rgba(239,68,68,.07);border-color:rgba(239,68,68,.3);color:#ef4444}
.ve-no.on{background:rgba(239,68,68,.18);border-color:#ef4444}
.ve-cell-rs{font-size:8px;color:var(--text3);text-align:center}
.ve-learn{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ve-learn-h{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.ve-sess-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.ve-stat{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px;text-align:center}
.ve-stat .n{font-size:20px;font-weight:800}
.ve-stat div:last-child{font-size:9px;color:var(--text3);margin-top:1px}
.ve-sess-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--border)}
.ve-sess-row .ok{color:#22c55e;font-weight:700}
.ve-sess-row .no{color:#ef4444;font-weight:700}
.ve-ins{padding:10px 14px;border-radius:8px;margin-bottom:8px;border:1px solid}
.ve-ins .l{font-size:9px;letter-spacing:1px;text-transform:uppercase;margin-bottom:3px}
.ve-ins .v{font-size:13px;font-weight:800;color:var(--text)}
.ve-ins .v span{font-size:10px;font-weight:400;color:var(--text3)}
.ve-ins.ok{background:rgba(34,197,94,.04);border-color:rgba(34,197,94,.2)}
.ve-ins.ok .l{color:#22c55e}
.ve-ins.gold{background:rgba(201,168,76,.04);border-color:var(--gold-dim)}
.ve-ins.gold .l{color:var(--gold)}
.ve-ins.no{background:rgba(239,68,68,.04);border-color:rgba(239,68,68,.2)}
.ve-ins.no .l{color:#ef4444}
.ve-modal-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-top:22px}
.ve-modal-ic{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}
.ve-modal-ic.ap{background:rgba(34,197,94,.12);color:#22c55e}
.ve-modal-ic.rj{background:rgba(239,68,68,.12);color:#ef4444}
.ve-modal-t{font-size:14px;font-weight:800}
.ve-modal-t.ap{color:#22c55e}
.ve-modal-t.rj{color:#ef4444}
.ve-modal-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}
.ve-modal-toggle button{border:1.5px solid var(--border);background:none;border-radius:8px;padding:8px;font-size:12px;font-weight:700;color:var(--text3);cursor:pointer}
.ve-modal-toggle button.on-ok{background:rgba(34,197,94,.12);border-color:#22c55e;color:#22c55e}
.ve-modal-toggle button.on-no{background:rgba(239,68,68,.12);border-color:#ef4444;color:#ef4444}
.ve-modal-lbl{font-size:11px;font-weight:700;color:var(--text3);letter-spacing:1px;text-transform:uppercase;margin:14px 0 10px}
.ve-reasons{display:flex;flex-wrap:wrap;gap:7px}
.ve-reason{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);background:var(--surface2);border-radius:20px;cursor:pointer;font-size:11px;color:var(--text)}
.ve-reason.sel{border-color:var(--gold);background:rgba(201,168,76,.1)}

/* ── Biblioteca Visual™ (Media Library) ───────────────────── */
.ml-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.ml-head-name{font-size:20px;font-weight:800;color:var(--text)}
.ml-head-sub{font-size:12px;color:var(--text2);margin-top:2px}
.ml-add{cursor:pointer;display:inline-flex;align-items:center}
.ml-add input{display:none}
.ml-add span{padding:8px 16px;background:var(--gold);color:#000;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.ml-add span:hover{background:var(--gold-light)}
.ml-group{margin-bottom:26px}
.ml-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.ml-group-title{font-size:13px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}
.ml-ic{color:var(--gold)}
.ml-count{font-size:11px;color:var(--text3);font-weight:400}
.ml-group-empty{font-size:12px;color:var(--text3);padding:14px;border:1px dashed var(--border2);border-radius:10px;background:var(--surface2)}
.ml-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.ml-thumb{position:relative;border-radius:10px;overflow:hidden;background:var(--surface2);border:1px solid var(--border);cursor:pointer;aspect-ratio:1}
.ml-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .2s}
.ml-thumb:hover img{transform:scale(1.05)}
.ml-badge{position:absolute;top:8px;left:8px;padding:3px 8px;background:rgba(0,0,0,.62);border-radius:10px;font-size:9px;font-weight:600;color:#fff;backdrop-filter:blur(4px)}
.ml-del{position:absolute;top:8px;right:8px;padding:4px 8px;background:rgba(220,38,38,.85);border:none;border-radius:5px;font-size:10px;color:#fff;cursor:pointer;opacity:0;transition:opacity .15s}
.ml-thumb:hover .ml-del{opacity:1}
.ml-empty{text-align:center;padding:44px 20px;color:var(--text3)}
.ml-empty-ic{font-size:34px;opacity:.2;margin-bottom:10px}
.ml-empty-t{font-size:13px;font-weight:600;margin-bottom:4px;color:var(--text2)}
.ml-empty-s{font-size:12px}
.ml-upload{display:flex;gap:20px;align-items:flex-start;background:var(--surface2);border:2px dashed var(--border2);border-radius:12px;padding:24px;margin-bottom:22px}
.ml-upload-ic{font-size:28px;color:var(--text3);line-height:1;padding-top:4px}
.ml-upload-body{flex:1}
.ml-upload-t{font-size:13px;font-weight:700;color:var(--text);margin-bottom:4px}
.ml-upload-s{font-size:11px;color:var(--text3);margin-bottom:14px;line-height:1.5;max-width:560px}
.ml-upload-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ml-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.86);display:flex;align-items:center;justify-content:center;padding:40px}
.ml-lightbox img{max-width:90vw;max-height:90vh;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.ml-lightbox-x{position:absolute;top:24px;right:28px;width:40px;height:40px;border:none;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:18px;cursor:pointer}

/* ── Subscritores ─────────────────────────────────────────── */
.sub-mrr{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(201,168,76,.06);border:1px solid var(--gold-dim);border-radius:10px;padding:14px 20px;margin-bottom:18px}
.sub-mrr-lbl{font-size:10px;font-weight:700;color:var(--gold);letter-spacing:1.5px;margin-bottom:2px}
.sub-mrr-val{font-size:28px;font-weight:800;color:var(--text)}
.sub-mrr-val span{font-size:14px;font-weight:400;color:var(--text3)}
.sub-mrr-arr{font-size:12px;color:var(--text2);text-align:right}
.sub-mrr-arr strong{font-size:16px;color:var(--gold)}
.tbl-wrap{background:var(--surface2);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.sub-cons{display:flex;align-items:center;gap:10px}
.sub-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#8a6d1a);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#000;flex-shrink:0}
.sub-nome{font-size:13px;font-weight:700;color:var(--text)}
.sub-email{font-size:11px;color:var(--text3)}
.sub-data{font-size:11px;color:var(--text3)}
.sub-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}
.pack-badge{padding:4px 11px;border-radius:12px;font-size:10px;font-weight:700;white-space:nowrap;border:1px solid}
.pk-ess{background:rgba(99,102,241,.12);border-color:rgba(99,102,241,.35);color:#818cf8}
.pk-pro{background:rgba(201,168,76,.10);border-color:rgba(201,168,76,.35);color:var(--gold)}
.pk-stu{background:rgba(22,163,74,.10);border-color:rgba(22,163,74,.35);color:#4ade80}

/* ── VISUAL LAB™ (treino / ADN / tendências) ──────────────── */
.vl-start{max-width:520px;margin:30px auto;text-align:center;padding:40px 20px}
.vl-start-ic{font-size:46px;opacity:.14;margin-bottom:18px}
.vl-start-t{font-size:18px;font-weight:300;color:var(--text);margin-bottom:12px;line-height:1.4}
.vl-start-s{font-size:13px;color:var(--text3);margin-bottom:18px;line-height:1.8}
.vl-start-pill{font-size:11px;color:var(--text3);margin:0 auto 24px;padding:8px 18px;background:var(--surface2);border:1px solid var(--border);border-radius:20px;display:inline-block}
.vl-train{max-width:560px;margin:0 auto}
.vl-card{border-radius:14px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.5);margin-bottom:14px}
.vl-card img{width:100%;display:block}
.vl-ctx{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:14px}
.vl-chip{background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:4px 12px;font-size:11px;color:var(--text2)}
.vl-chip.gold{background:rgba(201,168,76,.1);border-color:var(--gold-dim);color:var(--gold)}
.vl-q{text-align:center;font-size:14px;color:var(--text2);margin-bottom:16px}
.vl-vote{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vl-yes,.vl-no{padding:16px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.3px}
.vl-yes{background:linear-gradient(135deg,rgba(76,175,80,.18),rgba(76,175,80,.08));border:1.5px solid rgba(76,175,80,.5);color:#4CAF50}
.vl-no{background:linear-gradient(135deg,rgba(244,67,54,.14),rgba(244,67,54,.06));border:1.5px solid rgba(244,67,54,.4);color:#ef5350}
.vl-yes:disabled,.vl-no:disabled{opacity:.5;cursor:default}
.vl-counter{text-align:center;font-size:11px;color:var(--text3);margin-top:14px}
.vl-dna-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.vl-dna-h{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}
.vl-dna-h.ok{color:#4CAF50}
.vl-dna-h.no{color:#ef5350}
.vl-ins{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);margin-bottom:10px}
.vl-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.vl-dot.ok{background:#4CAF50}
.vl-dot.no{background:#ef5350}
.vl-rate-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.vl-rate-num{font-size:22px;font-weight:700;color:var(--gold)}
.vl-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.vl-row-lbl{width:120px;font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vl-row-val{font-size:11px;color:var(--text3);min-width:54px;text-align:right}

/* ── Estados do Imóvel (cartões à FV) ─────────────────────── */
.est-badges{display:flex;gap:5px;flex-shrink:0}
.est-on{background:rgba(76,175,128,.12);border:1px solid rgba(76,175,128,.3);color:#4ade80}
.est-off{background:var(--surface2);border:1px solid var(--border2);color:var(--text3)}
.est-lines{display:flex;flex-direction:column;gap:5px;margin-top:8px}
.est-line{font-size:11px;color:var(--text3)}
.est-line span{color:var(--text2)}
.est-cta{font-size:11px;color:var(--text3);margin-top:8px;padding:6px 8px;background:var(--surface2);border-radius:5px;font-style:italic}
.urg-alta{background:rgba(224,85,85,.12);border:1px solid rgba(224,85,85,.3);color:#ef5350}
.urg-media{background:rgba(201,168,76,.12);border:1px solid var(--gold-dim);color:var(--gold)}
.urg-baixa{background:var(--surface2);border:1px solid var(--border2);color:var(--text3)}

/* ── Área do Consultor — Dashboard / Presence Score™ ──────── */
.pres-wrap{display:flex;align-items:center;gap:28px;margin:8px 0 22px;flex-wrap:wrap}
.pres-card{position:relative;width:170px;height:170px;flex-shrink:0}
.pres-ring{width:170px;height:170px;transform:rotate(-90deg)}
.pres-bg{fill:none;stroke:var(--surface2);stroke-width:9}
.pres-fg{fill:none;stroke:var(--gold);stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset .6s ease}
.pres-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.pres-score{font-size:46px;font-weight:800;color:var(--gold);line-height:1}
.pres-label{font-size:10px;letter-spacing:1px;color:var(--text3);text-transform:uppercase;margin-top:4px}
.pres-side{display:flex;flex-direction:column;gap:6px}
.pres-nivel{font-size:20px;font-weight:800;color:var(--text)}
.pres-sub{font-size:13px;color:var(--text2)}
.pres-streak{display:inline-block;width:fit-content;font-size:13px;font-weight:700;color:var(--gold);background:rgba(201,168,76,.1);border:1px solid var(--gold-dim);border-radius:20px;padding:5px 14px;margin-top:4px}
.prox{font-size:14px;color:var(--text);text-transform:capitalize}

/* ── Área do Consultor — Calendário editorial ─────────────── */
.cal-nav{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.cal-mes{font-size:16px;font-weight:800;color:var(--text);min-width:170px;text-align:center}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal-head{margin-bottom:6px}
.cal-hcell{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text3);text-align:center;padding:4px 0}
.cal-cell{min-height:96px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:4px}
.cal-cell.fora{opacity:.4}
.cal-cell.hoje{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-dim)}
.cal-dnum{font-size:11px;color:var(--text3);font-weight:600}
.cal-chip{font-size:10px;color:var(--text);background:var(--surface);border:1px solid var(--border2);border-left:2px solid var(--gold);border-radius:4px;padding:2px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-chip.plan{border-left-style:dashed;border-left-color:var(--gold-dim);color:var(--text2);font-style:italic}
/* ─── Perguntas frequentes (área do consultor; conteúdo do material do Paulo) ─── */
.faq-hero{padding:4px 0 22px;border-bottom:1px solid var(--border);margin-bottom:18px}
.faq-hero h1{font-size:24px;font-weight:700;color:var(--text);letter-spacing:-.4px;margin:0 0 6px}
.faq-hero p{font-size:13px;color:var(--text3);max-width:640px;margin:0 0 14px;line-height:1.55}
.faq-search{max-width:420px}
.faq-cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.faq-cat-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text3);border-radius:20px;padding:6px 14px;font-size:11px;cursor:pointer;transition:all .12s}
.faq-cat-btn:hover{border-color:var(--border2);color:var(--text2)}
.faq-cat-btn.active{background:var(--gold);border-color:var(--gold);color:#000;font-weight:600}
.faq-section{margin-bottom:26px}
.faq-section-title{font-size:12px;font-weight:700;letter-spacing:.6px;color:var(--gold);margin-bottom:10px}
.faq-item{border:1px solid var(--border);border-radius:10px;background:var(--surface2);margin-bottom:8px;cursor:pointer;transition:border-color .12s}
.faq-item:hover{border-color:var(--border2)}
.faq-item.on{border-color:var(--gold-dim)}
.faq-question{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px}
.faq-question-text{font-size:13px;font-weight:600;color:var(--text)}
.faq-chevron{color:var(--gold);font-size:11px;flex:0 0 auto}
.faq-answer{padding:0 16px 15px;font-size:12.5px;color:var(--text2);line-height:1.65;white-space:pre-line}
.faq-cta{margin-top:26px;padding:16px 20px;border:1.5px dashed var(--border2);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.faq-cta-t{font-size:13px;font-weight:600;color:var(--text)}
.faq-cta-s{font-size:11px;color:var(--text3);margin-top:2px}

/* ─── Estilo e marca (Visual Engine, layout do mockup do Paulo) ─── */
.ve-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--border);margin-bottom:18px;scrollbar-width:none}
.ve-tabs::-webkit-scrollbar{display:none}
.ve-tab{display:flex;align-items:center;gap:7px;padding:11px 14px;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;color:var(--text3);font-size:11px;font-weight:600;letter-spacing:.6px;transition:color .12s,border-color .12s}
.ve-tab:hover{color:var(--text2)}
.ve-tab.active{color:var(--gold);border-bottom-color:var(--gold)}
.ve-tab-num{font-size:9px;opacity:.6}
.ve-panel{border:1px solid var(--border);border-radius:12px;background:var(--surface2);padding:20px}
.ve-panel-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap}
.ve-panel-title{display:flex;align-items:center;gap:8px}
.ve-bullet{color:var(--gold);font-size:10px}
.ve-panel-name{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.2px}
.ve-panel-desc{font-size:12px;color:var(--text3);margin-top:6px;max-width:620px;line-height:1.55}
.ve-panel-transmite{font-size:11px;color:var(--gold);text-align:right;flex:0 0 auto}
.ve-transmite-lbl{font-size:8px;font-weight:700;letter-spacing:1px;color:var(--text3);margin-bottom:4px}
.ve-divider{height:1px;background:var(--border);margin:16px 0}
.ve-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.ve-gallery-img{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#000}
.ve-gallery-img img{width:100%;display:block}
.ve-gallery-controls{display:flex;align-items:center;gap:10px;margin-top:10px}
.ve-arrow{background:var(--surface);border:1px solid var(--border2);color:var(--text2);border-radius:6px;width:28px;height:26px;cursor:pointer;font-size:12px;line-height:1}
.ve-arrow:hover{border-color:var(--gold);color:var(--gold)}
.ve-progress{flex:1;height:3px;background:var(--border);border-radius:2px;overflow:hidden}
.ve-progress-fill{height:100%;background:var(--gold);transition:width .18s}
.ve-counter{font-size:10px;color:var(--text3);min-width:44px;text-align:right}
.ve-variant-specs{font-size:9px;letter-spacing:.8px;color:var(--text3);margin-top:8px;text-transform:uppercase}
.ve-specs-title{font-size:9px;font-weight:700;letter-spacing:1.2px;color:var(--text3);margin-bottom:10px}
.ve-specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ve-spec-label{font-size:8px;font-weight:700;letter-spacing:.9px;color:var(--text3);margin-bottom:3px}
.ve-spec-value{font-size:11px;color:var(--text2);line-height:1.45}
.ve-cromia{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}
.ve-rules{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.ve-rule{font-size:11px;color:var(--text2);padding-left:10px;border-left:2px solid var(--border2)}
.ve-rule b{color:var(--text);margin-right:6px}
.ve-rule.ok{border-left-color:#4c9a6c}
.ve-rule.no{border-left-color:#a34b4b}
.ve-sec{margin-top:32px;padding-top:26px;border-top:1px solid var(--border)}
.ve-sec-lbl{font-size:9px;font-weight:700;letter-spacing:1.2px;color:var(--text3);margin-bottom:16px}
.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.palette-card{border:1px solid var(--border);border-radius:10px;background:var(--surface2);padding:14px;cursor:pointer;transition:border-color .12s}
.palette-card:hover{border-color:var(--border2)}
.palette-card.sel{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-dim)}
.palette-swatches{display:flex;gap:5px;margin-bottom:10px}
.palette-swatches .swatch{width:34px;height:34px;border-radius:7px;border:1px solid var(--border)}
.palette-name{font-size:12px;font-weight:600;color:var(--text)}
.palette-desc{font-size:10px;color:var(--text3);margin-top:2px;line-height:1.4}
.pal-custom{margin-top:14px;padding:14px 18px;border:1.5px dashed var(--border2);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.pal-custom-t{font-size:13px;font-weight:600;color:var(--text)}
.pal-custom-s{font-size:11px;color:var(--text3);margin-top:2px}
.brand-profile{margin-top:28px;max-width:520px}
.brand-profile-header{font-size:11px;font-weight:700;letter-spacing:.8px;color:var(--gold);margin-bottom:10px}
.brand-profile-card{border:1px solid var(--border);border-radius:10px;background:var(--surface2);padding:6px 16px}
.bp-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--border);font-size:12px}
.bp-row:last-child{border-bottom:none}
.bp-label{color:var(--text3)}
.bp-value{color:var(--text);font-weight:600}
.brand-save-btn{margin-top:14px;width:100%;background:var(--gold);color:#000;border:none;border-radius:8px;padding:12px 16px;font-size:12px;font-weight:700;letter-spacing:.6px;cursor:pointer;font-family:Poppins,sans-serif}
.brand-save-btn:hover{opacity:.9}
.brand-save-btn:disabled{opacity:.55;cursor:default}
@media(max-width:900px){.ve-main{grid-template-columns:1fr}.ve-specs-grid{grid-template-columns:1fr}.ve-panel-transmite{text-align:left}}

/* «Nova Tarefa» — o CTA do protótipo do Paulo: fundo dourado, ícone +, abre o Configurador™ */
.nav-cfg-cta{display:flex;align-items:center;gap:8px;margin:8px;padding:9px 14px;border-radius:8px;background:var(--gold);color:#000;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;text-decoration:none;font-family:Poppins,sans-serif;transition:opacity .12s}
.nav-cfg-cta:hover{opacity:.88}
.nav-cfg-plus{font-size:15px;line-height:1;font-weight:700}
html.sb-collapsed .nav-cfg-cta{justify-content:center;padding:9px 0;margin:8px 6px}
html.sb-collapsed .nav-cfg-txt{display:none}

/* ─── Configurador™ (wizard 5 passos, área do consultor) ─── */
.cfg-wrap{max-width:720px}
.cfg-stepper{display:flex;gap:6px;margin-bottom:16px;max-width:720px}
.cfg-step{flex:1;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface2);color:var(--text3);font-size:11px}
.cfg-step.on{border-color:var(--gold);color:var(--text)}
.cfg-step.done{color:var(--gold)}
.cfg-step-n{width:20px;height:20px;border-radius:50%;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex:0 0 auto}
.cfg-step.on .cfg-step-n{background:var(--gold);color:#000;border-color:var(--gold)}
.cfg-step.done .cfg-step-n{border-color:var(--gold-dim);color:var(--gold)}
.cfg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:8px}
.cfg-option{border:1px solid var(--border);border-radius:10px;background:var(--surface2);padding:12px;cursor:pointer;transition:border-color .15s}
.cfg-option:hover{border-color:var(--border2)}
.cfg-option.sel{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-dim)}
.cfg-opt-name{font-weight:600;font-size:13px;color:var(--text)}
.cfg-opt-desc{font-size:11px;color:var(--text3);margin-top:3px}
.cfg-posts{max-height:360px;overflow-y:auto;border:1px solid var(--border);border-radius:10px}
.cfg-post-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--border);font-size:12px}
.cfg-post-row:last-child{border-bottom:none}
.cfg-post-date{min-width:110px;color:var(--text);font-weight:600}
.cfg-post-type{color:var(--text3);font-size:11px;margin-left:auto}
.cfg-nav{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}
.cfg-summary{display:grid;grid-template-columns:200px 1fr;gap:14px;align-items:start}
.cfg-summary-img{width:100%;border-radius:10px;border:1px solid var(--border)}
@media (max-width:768px){.cfg-summary{grid-template-columns:1fr}.cfg-stepper{flex-wrap:wrap}.cfg-step{min-width:45%}.cfg-step-l{display:none}}

.cal-run{float:right;background:none;border:1px solid var(--border2);border-radius:3px;color:var(--gold);font-size:9px;line-height:1;padding:1px 4px;cursor:pointer;margin-left:4px}
.cal-run:hover{border-color:var(--gold)}
.cal-run:disabled{opacity:.5;cursor:default}
.cal-chip.done{border-left-color:#4c9a6c}
.cal-chip.done a{color:var(--text);text-decoration:none}
.cal-legenda{display:flex;gap:18px;font-size:11px;color:var(--text3);margin-bottom:10px;flex-wrap:wrap}
.cal-legenda span{display:flex;align-items:center;gap:6px}
.cal-dot{width:8px;height:8px;border-radius:2px;display:inline-block}
.cal-dot.plan{background:var(--gold-dim);opacity:.7}
.cal-dot.done{background:#4c9a6c}
.cal-dot.live{background:var(--gold)}
.cal-canal{font-weight:700;color:var(--gold)}

/* ── Área do Consultor — Plano ────────────────────────────── */
.plano-preco{font-size:28px;font-weight:800;color:var(--gold);margin:8px 0}
.plano-preco span{font-size:13px;font-weight:400;color:var(--text3)}
.plano-feats{display:flex;flex-direction:column;gap:7px;margin-top:6px}
.plano-feat{font-size:12px;color:var(--text2);display:flex;gap:8px}
.plano-feat span{color:#4ade80;font-weight:700}

/* Diagnóstico do serviço de scraping (/extrair-imovel) */
.ext-diag { margin: 10px 0 4px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.ext-diag-hint { color: var(--text3); font-size: 12px; }
.ext-diag-res { width: 100%; border: 1px solid var(--border2); border-radius: 10px; padding: 12px 14px; background: var(--surface2); }
.ext-diag-res.ok { border-color: #2e7d4f; }
.ext-diag-res.warn { border-color: var(--gold); }
.ext-diag-res.err { border-color: #a23b3b; }
.ext-diag-verdict { font-weight: 600; margin-bottom: 8px; }
.ext-diag-grid { display: grid; grid-template-columns: 160px 1fr; gap: 4px 14px; font-size: 13px; }
.ext-diag-grid > span:nth-child(odd) { color: var(--text3); }
.ext-diag-err { color: #e08a8a; }

/* Rasto da extração (/extrair-imovel) */
.ext-trace { width: 100%; border-collapse: collapse; font-size: 12.5px; margin-top: 4px; }
.ext-trace th { text-align: left; color: var(--text3); font-weight: 600; padding: 4px 8px; border-bottom: 1px solid var(--border2); }
.ext-trace td { padding: 5px 8px; border-bottom: 1px solid var(--border); vertical-align: top; }
.ext-trace tr.tr-ok td { color: var(--text); }
.ext-trace tr.tr-err td { color: #e08a8a; }
.ext-trace-det { color: var(--text3); max-width: 420px; word-break: break-word; }

/* Barra "Copiar análise completa" (/extrair-imovel) */
.ext-report-bar { margin: 14px 0; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.ext-report-ok { color: #2e9d5f; font-size: 13px; font-weight: 600; }

/* Extração em lote (/extrair-imovel) */
.ext-batch { margin: 8px 0 6px; }
.ext-urls { width: 100%; box-sizing: border-box; resize: vertical; min-height: 84px;
  background: var(--surface2); border: 1px solid var(--border2); border-radius: 8px;
  color: var(--text); font-size: 13px; padding: 10px 12px; font-family: inherit; }
.ext-batch-actions { display: flex; align-items: center; gap: 12px; margin-top: 8px; }
.ext-item { border: 1px solid var(--border2); border-radius: 12px; padding: 14px 16px; margin: 16px 0; background: var(--surface); }
.ext-item-head { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 10px; }
.ext-item-url { font-size: 12.5px; color: var(--text2); word-break: break-all; flex: 1; min-width: 200px; }
.ext-item-badge { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 4px; letter-spacing: .4px; }
.ext-item-badge.good { background: rgba(46,157,95,.18); color: #4fbf86; }
.ext-item-badge.bad { background: rgba(162,59,59,.18); color: #e08a8a; }
.ext-item-layer { font-size: 11.5px; color: var(--text3); }

/* Quadro de resumo da análise (/extrair-imovel) */
.ext-analise { border: 1px solid var(--border2); border-radius: 10px; padding: 12px 14px; margin: 10px 0; background: var(--surface2); }
.ext-analise-head { font-weight: 600; font-size: 13px; margin-bottom: 10px; color: var(--text); }
.ext-analise-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 6px 14px; }
.ext-check { display: flex; align-items: center; gap: 8px; font-size: 12.5px; }
.ext-dot { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; }
.ext-dot.ok { background: #2e9d5f; }
.ext-dot.warn { background: var(--gold); }
.ext-dot.falta { background: #c0504d; }
.ext-dot.na { background: #55524b; }
.ext-check-l { color: var(--text); }
.ext-check-n { color: var(--text3); font-size: 11.5px; }
.ext-check-inline { font-size: 13px; color: var(--text2); display: inline-flex; align-items: center; gap: 6px; }

/* Tabs Resumo / Todos os campos (/extrair-imovel) */
.ext-tabs { display: flex; gap: 4px; margin: 10px 0 8px; border-bottom: 1px solid var(--border2); }
.ext-tab { background: none; border: none; color: var(--text3); font-size: 12.5px; font-weight: 600;
  padding: 7px 12px; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.ext-tab:hover:not(:disabled) { color: var(--text); }
.ext-tab.on { color: var(--gold); border-bottom-color: var(--gold); }
.ext-tab:disabled { opacity: .4; cursor: default; }
.ext-fields { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.ext-fields td { padding: 5px 10px; border-bottom: 1px solid var(--border); vertical-align: top; }
.ext-f-l { color: var(--text3); width: 160px; white-space: nowrap; }
.ext-f-v { color: var(--text); word-break: break-word; }
.ext-f-v.falta { color: var(--text3); font-style: italic; }

/* Secções colapsáveis no detalhe (/extrair-imovel) */
.ext-fold { margin: 10px 0; border: 1px solid var(--border2); border-radius: 10px; padding: 4px 14px; background: var(--surface2); }
.ext-fold > summary { cursor: pointer; font-size: 12.5px; font-weight: 600; color: var(--text2); padding: 8px 0; list-style: none; }
.ext-fold > summary::-webkit-details-marker { display: none; }
.ext-fold > summary::before { content: "▸ "; color: var(--text3); }
.ext-fold[open] > summary::before { content: "▾ "; }
.ext-fold[open] > summary { color: var(--gold); }
.ext-fold .ext-desc { padding-bottom: 10px; }
.ext-fold .fotos-grid { padding-bottom: 12px; }

/* Indicador de sucesso da análise (/extrair-imovel) */
.ext-status { font-weight: 700; margin-right: 6px; }
.ext-status.ok { color: #2e9d5f; }
.ext-status.warn { color: var(--gold); }
.ext-status.falta { color: #c0504d; }
.ext-status-dot { width: 10px; height: 10px; border-radius: 50%; flex: 0 0 auto; background: var(--text3); }
.ext-status-dot.ok { background: #2e9d5f; }
.ext-status-dot.warn { background: var(--gold); }
.ext-status-dot.falta { background: #c0504d; }

/* ---- Extração: tabs principais (Extrair / Histórico) + tabela de histórico ---- */
.ext-maintabs { display: flex; gap: 4px; margin: 18px 0 16px; border-bottom: 1px solid var(--border2); }
.ext-maintab { background: none; border: none; color: var(--text3); font-family: Poppins, sans-serif; font-size: 14px; font-weight: 600; padding: 10px 16px; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.ext-maintab:hover { color: var(--text); }
.ext-maintab.on { color: var(--gold); border-bottom-color: var(--gold); }

.ext-hist-bar { margin: 0 0 10px; }
.ext-histtable { width: 100%; border-collapse: collapse; font-size: 13px; }
.ext-histtable thead th { text-align: left; color: var(--text3); font-weight: 600; font-size: 12px; padding: 8px 10px; border-bottom: 1px solid var(--border2); }
.ext-histtable td { padding: 9px 10px; border-bottom: 1px solid var(--surface2); vertical-align: middle; }
.ext-histtable tbody tr:hover td { background: var(--surface2); }
.ext-histtable tr.on td { background: var(--surface2); }
.ext-h-when { color: var(--text2); white-space: nowrap; }
.ext-h-title { max-width: 340px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ext-h-res { white-space: nowrap; }
.ext-h-acts { white-space: nowrap; text-align: right; }
.ext-h-detail td { padding: 14px 10px 20px; background: var(--surface2); }
.ext-mini { background: var(--surface); border: 1px solid var(--border2); color: var(--text); font-family: Poppins, sans-serif; font-size: 12px; font-weight: 600; padding: 5px 10px; border-radius: 6px; cursor: pointer; margin-left: 4px; }
.ext-mini:hover { border-color: var(--gold); }
.ext-mini.del:hover { border-color: #c0504d; color: #e08b88; }
.ext-report-pre { white-space: pre-wrap; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12px; line-height: 1.5; color: var(--text2); background: var(--surface); border: 1px solid var(--border2); border-radius: 8px; padding: 14px; max-height: 520px; overflow: auto; }

/* ---- Estado do serviço de scraping ---- */
.scrape-status { display: flex; align-items: center; gap: 12px; padding: 11px 16px; border: 1px solid var(--border2); border-radius: 10px; background: var(--surface); margin: 6px 0 2px; flex-wrap: wrap; }
.scrape-dot { width: 10px; height: 10px; border-radius: 50%; flex: 0 0 auto; background: #5a5a5a; }
.scrape-status.on .scrape-dot { background: #46b06a; box-shadow: 0 0 0 3px rgba(70,176,106,.18); }
.scrape-info { display: flex; flex-direction: column; gap: 2px; flex: 1 1 320px; min-width: 240px; }
.scrape-info strong { font-size: 13.5px; color: var(--text); }
.scrape-cfg { font-size: 12px; color: var(--text2); }
.scrape-usage { font-size: 12px; color: var(--text3); }
.scrape-actions { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.scrape-probe { font-size: 12px; font-weight: 600; }
.scrape-probe.ok { color: #6cc98a; }
.scrape-probe.bad { color: #e08b88; }

/* ---- resultado visível + avaliação (Sim/Não + comentário) por extração ---- */
.ext-item-status { font-weight: 600; font-size: 13px; }
.ext-item-status.ok { color: #6cc98a; }
.ext-item-status.warn { color: #d9a441; }
.ext-item-status.falta { color: #e08b88; }
.ext-feedback { margin-top: 12px; padding: 12px 14px; border: 1px solid var(--border2); border-radius: 8px; background: var(--surface2); }
.ext-fb-row { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; flex-wrap: wrap; }
.ext-fb-row:last-child { margin-bottom: 0; }
.ext-fb-label { font-size: 13px; font-weight: 600; color: var(--text2); }
.ext-fb-btn { background: var(--surface); border: 1px solid var(--border2); color: var(--text2); font-family: Poppins, sans-serif; font-size: 12.5px; font-weight: 600; padding: 6px 12px; border-radius: 6px; cursor: pointer; }
.ext-fb-btn:hover { border-color: var(--gold); color: var(--text); }
.ext-fb-btn.yes.on { background: rgba(70,176,106,.16); border-color: #46b06a; color: #7fd49b; }
.ext-fb-btn.no.on { background: rgba(192,80,77,.16); border-color: #c0504d; color: #e9a3a0; }
.ext-fb-saved { font-size: 12px; color: #6cc98a; font-weight: 600; }
.ext-fb-comment { flex: 1 1 320px; min-width: 220px; background: var(--surface); border: 1px solid var(--border2); border-radius: 6px; color: var(--text); font-family: Poppins, sans-serif; font-size: 13px; padding: 8px 10px; resize: vertical; }
.ext-h-qual { text-align: center; font-size: 15px; }
.qual-ok { color: #46b06a; font-weight: 700; font-size: 15px; }
.qual-no { color: #d9534f; font-weight: 700; font-size: 15px; }
.qual-na { color: var(--text3); }
a.ext-mini { text-decoration: none; display: inline-block; }
.ext-h-filtro { background: var(--surface); border: 1px solid var(--border2); color: var(--text); font-family: Poppins, sans-serif; font-size: 13px; padding: 6px 10px; border-radius: 6px; cursor: pointer; }

/* Visual Engine — painel da ficha importada (v0.129) */
.ve-ficha{margin-top:10px;border:1px solid var(--border2,#2a2a2a);background:var(--surface2,#16161a);border-radius:10px;padding:12px}
.ve-ficha-grid{display:flex;gap:12px}
.ve-ficha-cap{width:160px;height:120px;object-fit:cover;border-radius:8px;flex:0 0 auto}
.ve-ficha-info{flex:1;min-width:0}
.ve-ficha-t{font-weight:600;font-size:14px;color:var(--text);margin-bottom:6px}
.ve-chips{display:flex;flex-wrap:wrap;gap:6px}
.ve-chip{font-size:11px;padding:3px 8px;border-radius:4px;background:var(--surface,#222);border:1px solid var(--border2,#333);color:var(--text2)}
.ve-chip-g{background:var(--gold-dim2,#3a3320);border-color:var(--gold,#C9A84C);color:var(--gold,#C9A84C);font-weight:600}
.ve-chip-r{color:var(--text3)}
.ve-ficha-n{margin-top:8px;font-size:11px;color:var(--text3)}
.ve-aviso{margin-top:8px;font-size:11px;color:#e0a9a0;background:#3a2420;border:1px solid #5a2e28;border-radius:6px;padding:6px 8px}
.ve-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ve-thumb{position:relative;width:64px;height:48px}
.ve-thumb img{width:64px;height:48px;object-fit:cover;border-radius:5px;display:block}
.ve-thumb-x{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:none;background:#000;color:#fff;font-size:10px;cursor:pointer;line-height:1;padding:0}

/* Visual DNA — ordenação aprendida no Visual Engine */
.ve-dna-note{margin:0 0 14px;padding:9px 13px;border:1px solid var(--gold-dim2,#3a3320);background:rgba(201,168,76,.08);border-radius:8px;color:var(--text2,#bdb9b0);font-size:12.5px}
.ve-dna-note strong{color:var(--gold,#C9A84C)}
.ve-dna-chip{margin-left:auto;background:rgba(201,168,76,.16);color:var(--gold,#C9A84C);font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:.3px}
.ve-cell-head{display:flex;align-items:center;gap:7px}

/* Painel de diagnóstico do Visual Engine (admin) */
.ve-diag{border:1px solid var(--border2,#2a2722);background:var(--surface2,#15130f);border-radius:10px;margin-bottom:16px;overflow:hidden}
.ve-diag-head{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text,#F0F0F0);user-select:none}
.ve-diag-tog{font-size:11px;color:var(--gold,#C9A84C);font-weight:600}
.ve-diag-sec{padding:8px 14px 4px;font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--text3,#8a857c);border-top:1px solid var(--border,#221f1a)}
.ve-diag-row{display:grid;grid-template-columns:14px 1fr auto;gap:9px;align-items:center;padding:4px 14px;font-size:12.5px}
.ve-diag-row .d{width:8px;height:8px;border-radius:50%;background:var(--text3,#8a857c)}
.ve-diag-row.ok .d{background:#22c55e}
.ve-diag-row.warn .d{background:#eab308}
.ve-diag-row .k{color:var(--text2,#bdb9b0)}
.ve-diag-row .v{color:var(--text,#F0F0F0);font-weight:600;font-variant-numeric:tabular-nums}
.ve-diag-row.warn .v{color:#eab308}
/* Botão discreto de diagnóstico + modal */
.ve-diag-btn{display:inline-flex;align-items:center;gap:6px;margin:0 0 16px;padding:6px 12px;background:transparent;border:1px solid var(--border2,#2a2722);border-radius:8px;color:var(--text3,#8a857c);font-size:12.5px;font-weight:600;cursor:pointer;transition:.15s}
.ve-diag-btn:hover{color:var(--text,#F0F0F0);border-color:var(--gold,#C9A84C)}
.ve-diag-modal{max-width:640px}
.ve-diag-body{max-height:62vh;overflow-y:auto;margin:0 -6px;border:1px solid var(--border,#221f1a);border-radius:10px;background:var(--surface2,#15130f)}
.ve-diag-body .ve-diag-sec:first-child{border-top:none}
.ve-diag-pre{margin:2px 14px 8px;padding:9px 11px;background:var(--surface,#0f0d0a);border:1px solid var(--border,#221f1a);border-radius:7px;font-size:11.5px;color:var(--text2,#bdb9b0);white-space:pre-wrap;word-break:break-word;max-height:200px;overflow:auto}

/* Porquê do plano */
.why-lrow{display:flex;align-items:center;gap:9px;padding:6px 0;border-bottom:1px solid var(--border,#221f1a)}
.why-lt{flex:1;font-size:13px;color:var(--text,#F0F0F0)}
.why-add{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.why-add input{flex:1;min-width:180px}
.campo-2{display:flex;gap:14px}
.campo-2 .campo{flex:1}
.why-chrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;margin:5px 0;color:var(--text2,#bdb9b0)}
.why-k{min-width:120px;color:var(--text3,#8a857c)}
.why-reason{margin-top:9px;padding:9px 11px;background:rgba(201,168,76,.07);border-left:2px solid var(--gold,#C9A84C);border-radius:0 6px 6px 0;font-size:12.5px;color:var(--text2,#bdb9b0)}
.why-cell{color:var(--text2,#bdb9b0);font-size:12px;max-width:340px}

/* CONTENT ENGINE — tags de feedback */
.ce-tags{margin:14px 0 4px}
.ce-tags-lbl{font-size:12px;color:var(--text2,#bdb9b0)}
.ce-tags-lbl em{color:var(--text3,#8a857c);font-style:normal;font-size:11px}
.ce-tags-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.ce-tag{background:var(--surface2,#15130f);border:1px solid var(--border2,#2a2722);color:var(--text2,#bdb9b0);font-size:12px;padding:4px 10px;border-radius:14px;cursor:pointer;transition:all .12s}
.ce-tag:hover{border-color:var(--gold,#C9A84C)}
.ce-tag.on{background:rgba(201,168,76,.16);border-color:var(--gold,#C9A84C);color:var(--gold,#C9A84C);font-weight:600}
.ce-tag.sm{cursor:default;font-size:11px;padding:2px 8px}
.ce-tag.sm:hover{border-color:var(--border2,#2a2722)}

/* Presence Score — histórico/recorde/tendência */
.pres-extra{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}
.pres-record{font-size:12.5px;color:var(--gold,#C9A84C);font-weight:600}
.pres-delta{font-size:12px;font-weight:600}
.pres-delta small{color:var(--text3,#8a857c);font-weight:400}
.pres-delta.up{color:#22c55e}
.pres-delta.down{color:#ef4444}
.pres-spark{width:100%;max-width:220px;height:40px;margin-top:8px;display:block}
.pres-spark polyline{fill:none;stroke:var(--gold,#C9A84C);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}

/* Visual Engine — palavras-chave editáveis (spec 3.3) */
.ve-kw{margin-top:10px}
.ve-kw-lbl{font-size:12px;color:var(--text2,#bdb9b0);margin-bottom:6px}
.ve-kw-lbl em{color:var(--text3,#8a857c);font-style:normal;font-size:11px}
.ve-kw-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ve-kw-chip{display:inline-flex;align-items:center;gap:5px;background:rgba(201,168,76,.14);border:1px solid var(--gold-dim2,#3a3320);color:var(--gold,#C9A84C);font-size:12px;font-weight:600;padding:3px 6px 3px 10px;border-radius:14px}
.ve-kw-x{background:none;border:none;color:var(--gold,#C9A84C);cursor:pointer;font-size:11px;line-height:1;padding:0 2px;opacity:.7}
.ve-kw-x:hover{opacity:1}
.ve-kw-input{background:var(--surface2,#15130f);border:1px dashed var(--border2,#2a2722);color:var(--text,#F0F0F0);font-size:12px;padding:4px 10px;border-radius:14px;width:130px}
.ve-kw-input:focus{outline:none;border-color:var(--gold,#C9A84C)}

/* Visual Engine — reordenar miniaturas */
.ve-thumb{position:relative}
.ve-thumb-mv{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:26px;border:none;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;font-size:15px;line-height:1;border-radius:4px;opacity:0;transition:opacity .12s}
.ve-thumb:hover .ve-thumb-mv{opacity:1}
.ve-thumb-mv.l{left:3px}
.ve-thumb-mv.r{right:3px}

/* Debug — prompt/resposta da IA */
.ve-diag-pre{margin:6px 14px 10px;padding:10px 12px;background:var(--surface2,#15130f);border:1px solid var(--border2,#2a2722);border-radius:8px;color:var(--text2,#bdb9b0);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:280px;overflow:auto}

/* Ficha técnica da peça em modal (Visual Engine) */
.ve-ficha-modal{display:flex;flex-wrap:wrap;gap:24px;padding:18px 0 6px;align-items:flex-start}
.ve-ficha-peca{flex:1 1 260px;max-width:320px}
.ve-ficha-peca img{width:100%;border-radius:10px;border:1px solid var(--border);display:block}
.ve-ficha-cap-lbl{text-align:center;margin-top:8px;font-size:11px;color:var(--text2)}
.ve-ficha-campos{flex:2 1 340px;min-width:0;font-size:12.5px;line-height:1.7}
.ve-ficha-campos > div{padding:7px 0;border-bottom:1px solid var(--border)}
.ve-ficha-campos > div:last-child{border-bottom:none}
.ve-ficha-campos .fc-label{color:var(--text3);display:inline-block;min-width:120px;font-size:10.5px;text-transform:uppercase;letter-spacing:.4px}

/* Ficha técnica — imagem clicável + link para o original */
.ve-ficha-peca a { display:block; }
.ve-ficha-peca img { cursor:zoom-in; }
.fc-swatches{display:inline-flex;gap:5px;align-items:center;margin-left:2px;vertical-align:middle}
.fc-sw{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.18);flex:0 0 auto}
.fc-fonts{display:inline-flex;gap:12px;margin-left:6px;vertical-align:middle}
.fc-fonts span{font-size:14px;color:var(--text)}
.fc-info{margin-left:5px;font-size:11px;color:var(--text3);cursor:help;user-select:none}
.fc-info:hover{color:var(--gold,#C9A84C)}
.ve-ficha-imglink{display:block;cursor:zoom-in}
.ve-ficha-original,button.ve-ficha-original{display:block;width:100%;margin-top:10px;background:none;border:1px solid var(--border2,#2a2722);border-radius:8px;padding:8px 10px;font-size:11.5px;font-weight:600;color:var(--text2);cursor:pointer;transition:.15s;text-align:center}
.ve-ficha-original:hover,button.ve-ficha-original:hover{border-color:var(--gold,#C9A84C);color:var(--gold,#C9A84C)}
/* Estilos Visuais™ Fase F — badge de compatibilidade estilo+persona+paleta */
.ve-compat{font-size:12px;color:var(--text2);border:1px solid var(--border2,#2a2722);border-radius:6px;padding:6px 10px;background:var(--surface2,#15130f)}
.ve-compat strong{font-weight:600;color:var(--text,#F0F0F0)}
.ve-compat.ok{border-color:rgba(34,197,94,.4)}
.ve-compat.ok strong{color:#22c55e}
.ve-compat.warn{border-color:rgba(234,179,8,.45)}
.ve-compat.warn strong{color:#eab308}
/* Visual Engine — painel de configuração à imagem da FV (grid 2×2 + Estilo Visual em destaque) */
.ve-sel4{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:6px}
.ve-sel4 label.ve-lbl{display:block;margin-bottom:8px}
.ve-estilo-sel{border-color:rgba(201,168,76,.45)!important}
.ve-estilo-badge{margin-top:6px;padding:6px 10px;background:rgba(201,168,76,.10);border:1px solid rgba(201,168,76,.25);border-radius:6px;font-size:10.5px;color:var(--gold,#C9A84C);line-height:1.45}
.ve-estilo-badge strong{display:block;font-weight:700}
.ve-estilo-badge span{opacity:.8}
@media (max-width:760px){ .ve-sel4{grid-template-columns:1fr} }

/* ── Afinação: guardas de legibilidade, stress-test e safe area do story ────────────────── */
.legib{margin-top:8px;display:flex;flex-direction:column;gap:4px;width:100%}
.legib-l{display:flex;gap:7px;align-items:baseline;font-size:12px;line-height:1.35;color:#E3C871;
  background:rgba(201,168,76,.10);border:1px solid rgba(201,168,76,.35);border-radius:6px;padding:6px 9px}
.legib-l.err{color:#F0A3A3;background:rgba(220,90,90,.10);border-color:rgba(220,90,90,.38)}
.legib-l span{flex:0 0 auto}
.stress-row{margin-top:10px;display:flex;align-items:center;gap:8px;width:100%;font-size:12px;color:var(--text2)}
.stress-row select{flex:1;font-size:12px;padding:4px 8px}
.stress-nota{color:var(--text3);font-size:11px}
/* bandas que a app do Instagram tapa no story — guia, não faz parte da peça */
.safe-band{position:absolute;left:0;right:0;background:repeating-linear-gradient(135deg,rgba(0,0,0,.42) 0 8px,rgba(0,0,0,.20) 8px 16px);
  pointer-events:none;display:flex;align-items:center;justify-content:center}
.safe-band span{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.72);
  background:rgba(0,0,0,.45);padding:2px 8px;border-radius:3px}
/* proposta da IA (comparação com a referência) — só entra nos comentários se for aceite */
.crit-box{position:absolute;left:18px;right:18px;bottom:14px;z-index:20;max-height:52%;overflow-y:auto;
  border:1px solid rgba(201,168,76,.55);background:var(--surface);border-radius:10px;padding:11px 13px;
  box-shadow:0 -6px 28px rgba(0,0,0,.55)}
.crit-head{font-size:11px;color:var(--text3);margin-bottom:6px;line-height:1.4}
.crit-l{display:flex;gap:7px;align-items:baseline;font-size:12px;line-height:1.4;color:var(--text);margin:3px 0;cursor:pointer}
.crit-l input{flex:0 0 auto;margin-top:2px}
.crit-acts{display:flex;gap:6px;margin-top:10px;position:sticky;bottom:0;background:var(--surface);padding-top:6px}

/* ── Ângulos de comunicação do imóvel ─────────────────────────────────────────────────── */
.ang-box{display:flex;align-items:center;gap:10px;margin:8px 0 4px}
.ang-list{display:flex;flex-direction:column;gap:6px;margin-top:8px;max-width:680px}
.ang-item{border:1px solid var(--border);background:var(--surface2);border-radius:8px;padding:8px 11px}
.ang-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.ang-nome{font-size:13px;font-weight:600;color:var(--text)}
.ang-forca{font-size:9px;letter-spacing:2px;color:var(--gold)}
.ang-prova{font-size:12px;color:var(--text2);line-height:1.45;margin-top:3px;font-style:italic}

/* ── Calendário editorial ─────────────────────────────────────────────────────────────── */
.cal-controls{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}
.cal-controls > div{min-width:190px}
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:16px;max-width:1100px}
.cal-wd{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);padding:2px 4px}
.cal-cell{min-height:86px;border:1px solid var(--border);border-radius:8px;background:var(--surface2);padding:6px 7px;overflow:hidden}
.cal-cell.empty{border:none;background:transparent}
.cal-cell.on{border-color:rgba(201,168,76,.45);background:rgba(201,168,76,.06)}
.cal-cell.hoje{outline:1px solid var(--gold)}
.cal-num{font-size:11px;color:var(--text3);margin-bottom:3px}
.cal-imovel{font-size:11px;font-weight:600;color:var(--text);line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cal-angulo{font-size:10px;color:var(--gold);margin-top:2px}
.cal-redes{font-size:9px;color:var(--text3);margin-top:2px;letter-spacing:.3px}
.cal-feito{font-size:9px;color:var(--conn-green,#4CAF80);margin-top:3px}

/* Revisão de Composições: painel de cursores sem scroll interno — mais denso e a crescer com a página */
/* Afinações na Revisão: 2 colunas (3 espremiam os rótulos e transbordavam — Tiago, 14/08),
   e o painel nunca gera scroll horizontal. */
.rev-tune{overflow-x:hidden}
.rev-tune .tune-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;font-size:11px}
.rev-tune .tune-grid > div{min-width:0}
.rev-tune .tune-grid label span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rev-tune .tune-grid input[type=range]{height:14px;max-width:100%}
.rev-tune .tune-sec{margin:8px 0 3px}

/* «O que influenciou esta peça» — proveniência lida do registo (Biblioteca de Outputs) */
.origem{margin-top:10px;padding:12px 14px;border:1px solid var(--border2,#2a2a28);border-radius:8px;background:var(--surface2)}
.origem-g{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold,#C9A84C);margin:10px 0 4px}
.origem-g:first-child{margin-top:0}
.origem-l{display:grid;grid-template-columns:130px minmax(0,1fr) minmax(0,1fr);gap:10px;padding:3px 0;font-size:12px;align-items:baseline}
.origem-c{color:var(--text3)}
.origem-v{color:var(--text);font-weight:600}
.origem-f{color:var(--text3);font-size:11px}
.origem-p{white-space:pre-wrap;font-size:11px;line-height:1.45;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px;max-height:300px;overflow:auto;margin:8px 0 0}
@media(max-width:700px){.origem-l{grid-template-columns:1fr}.origem-f{display:none}}


/* ══════════ MOBILE — área do consultor (barra inferior do protótipo do Paulo) ══════════ */
.mobile-nav{display:none}
.mobile-more-bg,.mobile-more-panel{display:none}

@media (max-width:768px){
  /* menu lateral sai; a barra inferior entra */
  .sidebar,.sb-handle{display:none}
  .app-shell{display:block;height:auto;min-height:100dvh}
  .main-col{overflow:visible}
  .app-main{padding:16px 14px calc(78px + env(safe-area-inset-bottom,0px));overflow:visible}

  /* topbar compacta */
  .topbar{height:52px;min-height:52px;padding:0 14px;position:sticky;top:0;z-index:120}
  .topbar h2{font-size:14px}
  .topbar .breadcrumb{display:none}
  .status-pill{display:none}

  .mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--surface);
    border-top:1px solid var(--border);z-index:300;align-items:stretch;padding-bottom:env(safe-area-inset-bottom,0px)}
  .mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    font-size:9.5px;color:var(--text3);text-decoration:none;cursor:pointer;border:none;background:none;font-family:inherit}
  .mobile-nav-item .mn-ic{font-size:17px;line-height:1}
  .mobile-nav-item.active{color:var(--gold)}

  /* painel «Mais» (folha que sobe) */
  .mobile-more-bg{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:310;opacity:0;pointer-events:none;transition:opacity .16s}
  .mobile-more-panel{display:block;position:fixed;left:0;right:0;bottom:0;z-index:320;background:var(--surface);
    border-top:1px solid var(--border);border-radius:18px 18px 0 0;padding:10px 0 calc(14px + env(safe-area-inset-bottom,0px));
    transform:translateY(102%);transition:transform .18s ease;max-height:80dvh;overflow-y:auto}
  .app-shell.more-open .mobile-more-bg{opacity:1;pointer-events:auto}
  .app-shell.more-open .mobile-more-panel{transform:translateY(0)}
  .mobile-more-handle{width:36px;height:4px;border-radius:3px;background:var(--border2);margin:2px auto 10px}
  .mobile-more-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;font-size:14px;color:var(--text2);
    text-decoration:none;background:none;border:none;font-family:inherit;text-align:left;cursor:pointer}
  .mobile-more-item span{width:20px;text-align:center;font-size:15px;opacity:.9}
  .mobile-more-item:active{background:var(--surface2)}
  .mobile-more-item.cta{margin:0 14px 6px;padding:13px 16px;background:var(--gold);color:#000;border-radius:10px;font-weight:700}
  .mobile-more-sep{height:1px;background:var(--border);margin:8px 0}

  /* conteúdo: tudo a uma coluna e sem scroll lateral */
  .hero h1{font-size:20px}
  .hero p{font-size:12.5px}
  .panel{max-width:none!important;padding:14px}
  .row2,.grid2{grid-template-columns:1fr!important;display:grid;gap:10px}
  .arq-grid,.cfg-grid,.lib-grid,.palette-grid,.feed{grid-template-columns:1fr!important}
  .conn-statbar{grid-template-columns:1fr 1fr!important}
  .ve-main,.ve-specs-grid,.cd-row,.cd-brand-row,.sim-grid{grid-template-columns:1fr!important}
  .tbl-wrap,.out-filtros{overflow-x:auto}
  .out-filtros{flex-wrap:wrap;gap:8px}
  .out-search,.out-sel{width:100%}
  img,.peca-img,.foto-thumb img{max-width:100%;height:auto}

  /* toque confortável nos controlos */
  .inp,select.inp,textarea.inp{font-size:16px;min-height:42px}   /* 16px evita o zoom do iOS */
  .btn-primary,.btn-prim-sm,.act,.btn-ghost{min-height:40px}
  .cfg-stepper{gap:4px}
  .cfg-step{padding:7px 6px;min-width:0}
  .cfg-step-l{display:none}
  .cfg-nav{position:sticky;bottom:0;background:var(--bg);padding:12px 0;margin:0 -14px;padding-left:14px;padding-right:14px;border-top:1px solid var(--border)}

  /* calendário: célula mínima legível */
  .cal-grid{gap:3px}
  .cal-cell{min-height:64px;padding:4px}
  .cal-chip{font-size:9px}
  .cal-nav{flex-wrap:wrap;gap:8px}
}

@media (max-width:380px){
  .mobile-nav-item{font-size:9px}
  .conn-statbar{grid-template-columns:1fr!important}
  .cal-cell{min-height:54px}
}


/* ─── Recursos (biblioteca do consultor — layout do mock do Paulo) ─── */
.lib-section-label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--text3);letter-spacing:.06em;text-transform:uppercase;margin:6px 0 14px}
.lib-grid.res{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;align-items:start}
.lib-card{background:var(--surface2);border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s}
.lib-card:hover{border-color:var(--gold-dim);transform:translateY(-1px)}
.lib-photo-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:70px 70px;gap:2px;padding:8px 8px 0}
.lib-photo{border-radius:6px;overflow:hidden;background:var(--surface)}
.lib-photo img{width:100%;height:100%;object-fit:cover;display:block}
.lib-photo-main{grid-column:span 2;grid-row:span 2}
.lib-photo-none{background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text3)}
.lib-photo-more{background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text2);border-radius:6px}
.lib-card-body{padding:12px 14px 14px}
.lib-card-name{font-size:13px;font-weight:700;color:var(--text);margin-bottom:6px}
.lib-card-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}
.lib-tag{font-size:10px;font-weight:700;letter-spacing:.04em;padding:3px 8px;border-radius:20px;border:1px solid var(--border2);color:var(--text3);background:var(--surface)}
.lib-tag.negocio{border-color:var(--gold-dim);color:var(--gold)}
.lib-card-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin-bottom:10px}
.lib-field{display:flex;flex-direction:column;gap:1px;min-width:0}
.lib-field-label{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.05em}
.lib-field-value{font-size:12px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lib-card-desc{font-size:11px;color:var(--text3);line-height:1.5;border-top:1px solid var(--border);padding-top:9px}
.lib-card-meta{font-size:11px;color:var(--text3);margin-top:8px}
.lib-upload-card{border:1.5px dashed var(--border2);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:220px;cursor:pointer;transition:all .15s;color:var(--text3);background:var(--surface2)}
.lib-upload-card:hover{border-color:var(--gold);color:var(--gold)}
.lib-upload-ic{font-size:24px;line-height:1}
.lib-upload-title{font-size:13px;font-weight:600}
@media(max-width:768px){.lib-grid.res{grid-template-columns:1fr}.lib-photo-grid{grid-template-rows:64px 64px}}


/* ══════════ TEMA DA ÁREA DO CONSULTOR (paleta do protótipo do Paulo) ══════════
   O backoffice fica escuro (v4); a área do consultor é CLARA, com a barra lateral
   em navy e o acento coral. Como tudo usa variáveis, basta redefini-las neste
   escopo — nenhuma página precisou de mudar. */
.tema-consultor{
  --bg:#f8f9fb; --surface:#ffffff; --surface2:#ffffff; --surface3:#f0f2f5;
  --border:#e1e5ec; --border2:#d3d9e3;
  --gold:#FF5F57; --gold-light:#FFA9A4; --gold-dim:rgba(255,95,87,.28); --gold-dim2:rgba(255,95,87,.08);
  --text:#2d3748; --text2:#5c677d; --text3:#9aa3b2;
  --green:#2ecc71; --red:#e74c3c; --orange:#f39c12; --blue:#3b82f6;
  --panel:#ffffff; --line:#e1e5ec; --muted:#5c677d;
  background:var(--bg);color:var(--text);
}
/* barra lateral: navy do protótipo, com as suas próprias variáveis */
.tema-consultor .sidebar{
  --surface:#041014; --surface2:#0C2E38; --border:#0C2E38; --border2:#123F4C;
  --text:#ffffff; --text2:#aeaeb2; --text3:#6b7b82;
  background:#041014;border-right:1px solid #0C2E38;
}
.tema-consultor .sidebar .nav-item{border-radius:8px;margin:1px 8px;padding:8px 12px;color:#aeaeb2;border-right:none}
.tema-consultor .sidebar .nav-item:hover{background:#0C2E38;color:#fff}
.tema-consultor .sidebar .nav-item.active{background:var(--gold);color:#fff;font-weight:600}
.tema-consultor .sidebar .nav-item.active .nav-icon{color:#fff}
.tema-consultor .sidebar .nav-section{color:#48484a;border-color:#0C2E38}
.tema-consultor .sidebar .nav-icon{color:#6b7b82}
.tema-consultor .sidebar-header{border-bottom:1px solid #0C2E38}
.tema-consultor .user-drop .user-name{color:var(--text)}
.tema-consultor .nav-cfg-cta{background:var(--gold);color:#fff}
.tema-consultor .presence-block{background:#0C2E38;border-color:#123F4C}
.tema-consultor .presence-info .score-num{color:#fff}
.tema-consultor .presence-bar{background:#123F4C}
.tema-consultor .presence-bar-fill{background:#fff}
.tema-consultor .presence-block .presence-label,
.tema-consultor .presence-block .score-label,
.tema-consultor .presence-bar-label{color:#aeaeb2}
.tema-consultor .sb-handle{background:#0C2E38;border-color:#123F4C;color:#aeaeb2}

/* conteúdo claro */
.tema-consultor .topbar{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid #e8e8ed}
.tema-consultor .topbar h2{color:#1d1d1f;font-weight:700}
.tema-consultor .app-main{background:var(--bg)}
.tema-consultor .panel,.tema-consultor .card,.tema-consultor .lib-card,.tema-consultor .arq-card,
.tema-consultor .cfg-option,.tema-consultor .faq-item,.tema-consultor .palette-card,.tema-consultor .ve-panel{
  background:#fff;border-color:var(--border);box-shadow:0 1px 2px rgba(16,24,40,.04)}
.tema-consultor .hero h1{color:var(--text);font-weight:800}
.tema-consultor .hero-kicker{color:var(--gold)}
.tema-consultor .inp,.tema-consultor select.inp,.tema-consultor textarea.inp{background:#fff;border-color:var(--border);color:var(--text)}
.tema-consultor .btn-primary,.tema-consultor .btn-prim-sm,.tema-consultor .brand-save-btn{background:#1d1d1f;color:#fff;border:none}
.tema-consultor .btn-primary:hover,.tema-consultor .btn-prim-sm:hover,.tema-consultor .brand-save-btn:hover{opacity:.88}
.tema-consultor .act{background:#fff;border-color:var(--border);color:var(--text2)}
.tema-consultor .act:hover{border-color:var(--gold);color:var(--gold)}
.tema-consultor .topbar-avatar{background:var(--surface3);color:var(--text);border-color:var(--border)}
.tema-consultor .status-pill{background:#d4f5e3;color:#1e7a4a;border-color:#b7ebd0}
.tema-consultor .info-gold{background:#fff5f4;border-color:#ffd9d6;color:var(--text2)}
.tema-consultor .ok-msg{background:#d4f5e3;border-color:#b7ebd0;color:#1e7a4a}
.tema-consultor .erro-msg{background:#fde8e6;border-color:#f8cbc6;color:#a3271b}
.tema-consultor .mobile-nav{background:#041014;border-top-color:#0C2E38}
.tema-consultor .mobile-nav-item{color:#aeaeb2}
.tema-consultor .mobile-nav-item.active{color:var(--gold)}
.tema-consultor .mobile-more-panel{background:#fff;border-top-color:var(--border)}
.tema-consultor .mobile-more-item{color:var(--text2)}
.tema-consultor .mobile-more-item.cta{background:var(--gold);color:#fff}
.tema-consultor .lib-photo,.tema-consultor .lib-photo-none,.tema-consultor .lib-photo-more{background:var(--surface3)}
.tema-consultor .lib-tag.negocio{border-color:#ffd9d6;color:var(--gold);background:#fff5f4}
.tema-consultor .cal-cell{background:#fff}
.tema-consultor .cal-cell.fora{background:var(--surface3)}


/* ─── Plano e Subscrição (layout do mock do Paulo) ─── */
.planos-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.planos-hero-title{font-size:22px;font-weight:700;color:var(--text);margin:0 0 6px}
.planos-hero-sub{font-size:13px;color:var(--text2);line-height:1.6;margin:0}
.planos-current-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#d4f5e3;color:#1a6b3c;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap;flex-shrink:0}
.planos-current-badge.pendente{background:#fef3dc;color:#92400e}
.planos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;align-items:stretch}
.plano-card{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column;position:relative;transition:all .2s}
.plano-card.highlight{border-color:#082026;box-shadow:0 4px 24px rgba(15,22,35,.10)}
.plano-card.active{border-color:var(--gold)}
.plano-card.space-card{background:#082026;border-color:#082026}
.plano-tier-badge{font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:4px 10px;border-radius:20px;display:inline-flex;align-self:flex-start;margin-bottom:14px}
.eco-badge{background:var(--surface3);color:var(--text2)}
.boost-badge{background:#082026;color:#fff}
.space-badge{background:var(--gold);color:#082026}
.plano-name{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.5px;margin-bottom:4px}
.plano-price{display:flex;align-items:baseline;gap:3px;margin-bottom:10px}
.plano-amount{font-size:36px;font-weight:800;color:var(--text);letter-spacing:-1px}
.plano-currency{font-size:12px;color:var(--text3)}
.plano-desc{font-size:11px;color:var(--text2);line-height:1.5;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--border)}
.plano-features{display:flex;flex-direction:column;gap:9px;flex:1;margin-bottom:20px}
.plano-feature{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text2);font-weight:500}
.feat-check{width:18px;height:18px;border-radius:50%;background:#d4f5e3;color:#1a6b3c;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px}
.feat-check-gold{background:rgba(201,168,76,.18);color:#C9A84C}
.plano-btn{width:100%;padding:12px;border-radius:10px;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .15s;font-family:inherit}
.plano-btn-current{background:var(--surface3);color:var(--text3);cursor:not-allowed}
.plano-btn-upgrade{background:#082026;color:#fff}
.plano-btn-upgrade:hover{opacity:.9}
.plano-btn-space{background:var(--gold);color:#082026}
.plano-btn-space:hover{opacity:.9}
/* cartão SPACE (fundo escuro) */
.space-card .plano-name,.space-card .plano-amount{color:#fff}
.space-card .plano-currency{color:rgba(255,255,255,.5)}
.space-card .plano-desc{color:rgba(255,255,255,.45);border-bottom-color:rgba(255,255,255,.1)}
.space-card .plano-feature{color:rgba(255,255,255,.78)}

.uso-block{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px 24px;margin-bottom:16px}
.uso-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.uso-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--text)}
.uso-period{font-size:11px;color:var(--text3)}
.uso-metrics{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}
.uso-metric{display:flex;flex-direction:column;gap:6px}
.uso-metric-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;gap:8px}
.uso-label{font-size:11px;color:var(--text3);font-weight:500}
.uso-vals{font-size:12px;color:var(--text2);font-weight:500}
.uso-bar-track{height:5px;background:var(--surface3);border-radius:3px;overflow:hidden}
.uso-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}
.uso-bar-warn{background:#f39c12}
.uso-bar-ok{background:#2ecc71}
.uso-metric-simple{align-items:center;justify-content:center;background:var(--surface3);border:1px solid var(--border);border-radius:12px;padding:14px;text-align:center;gap:4px}
.uso-simple-val{font-size:26px;font-weight:800;color:var(--text);line-height:1;letter-spacing:-.5px;margin-bottom:2px}
.uso-score{color:#C9A84C}

.plano-cta-block{background:#fef3dc;border:1px solid #fcd5a2;border-radius:14px;padding:18px 22px;margin-bottom:16px}
.plano-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.plano-cta-left{display:flex;align-items:center;gap:14px;flex:1}
.plano-cta-pulse{width:10px;height:10px;border-radius:50%;background:#f39c12;flex-shrink:0;box-shadow:0 0 0 4px rgba(243,156,18,.2);animation:pulse-laranja 2s infinite}
@keyframes pulse-laranja{0%,100%{box-shadow:0 0 0 4px rgba(243,156,18,.2)}50%{box-shadow:0 0 0 8px rgba(243,156,18,.05)}}
.plano-cta-msg{font-size:13px;font-weight:500;color:#92400e;margin-bottom:3px}
.plano-cta-sub{font-size:11px;color:#b45309}
.plano-cta-btn{padding:10px 20px;border-radius:8px;background:#f39c12;color:#fff;font-size:12px;font-weight:700;border:none;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:inherit}

.plano-closing{display:flex;align-items:center;gap:20px;padding:24px 0 40px}
.plano-closing-line{flex:1;height:1px;background:var(--border)}
.plano-closing-text{font-size:12px;color:var(--text2);text-align:center;line-height:1.6;margin:0}

.plano-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);z-index:300;display:flex;align-items:center;justify-content:center;padding:16px}
.plano-modal{background:var(--surface);border-radius:20px;padding:36px 32px 28px;max-width:380px;width:100%;text-align:center;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.plano-modal-icon{width:52px;height:52px;border-radius:14px;background:#082026;color:var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:22px}
.plano-modal-title{font-size:18px;font-weight:800;color:var(--text);margin-bottom:10px}
.plano-modal-body{font-size:13px;color:var(--text2);line-height:1.6;margin-bottom:24px}
.plano-modal-actions{display:flex;flex-direction:column;gap:10px}
.plano-modal-confirm{padding:13px;background:#082026;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}
.plano-modal-cancel{padding:10px;background:transparent;color:var(--text3);border:none;font-size:12px;cursor:pointer;font-weight:500;font-family:inherit}
.plano-modal-close{position:absolute;top:16px;right:16px;background:var(--surface3);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text2)}
@media(max-width:900px){.planos-grid{grid-template-columns:1fr}.uso-metrics{grid-template-columns:1fr 1fr}.plano-closing-text{font-size:11px}}


/* ─── Teste grátis de 7 dias ─── */
.trial-bar{display:flex;align-items:center;gap:10px;margin:-6px 0 16px;padding:10px 14px;border-radius:10px;background:#fef3dc;border:1px solid #fcd5a2;color:#92400e;font-size:12.5px;flex-wrap:wrap}
.trial-dot{width:8px;height:8px;border-radius:50%;background:#f39c12;flex:0 0 auto;box-shadow:0 0 0 4px rgba(243,156,18,.2)}
.trial-cta{margin-left:auto;background:#f39c12;color:#fff;border-radius:8px;padding:7px 14px;font-size:11.5px;font-weight:700;text-decoration:none;white-space:nowrap}
.trial-cta:hover{opacity:.9;color:#fff}
.trial-blocked{max-width:520px;margin:8vh auto;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:36px 30px}
.trial-blocked-ic{width:54px;height:54px;border-radius:14px;background:var(--surface3);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px}
.trial-blocked h2{font-size:18px;font-weight:800;color:var(--text);margin:0 0 10px}
.trial-blocked p{font-size:13px;color:var(--text2);line-height:1.6;margin:0 0 20px}


/* ─── Subscritores: funil + história ─── */
.funil{border:1px solid var(--border);border-radius:12px;background:var(--surface2);padding:14px 18px;margin-bottom:14px}
.funil-t{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text3);margin-bottom:10px}
.funil-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.funil-step{min-width:88px}
.funil-n{font-size:20px;font-weight:800;color:var(--text);line-height:1}
.funil-l{font-size:10px;color:var(--text3);margin-top:3px}
.funil-seta{color:var(--text3);font-size:12px}
.hist-list{border:1px solid var(--border);border-radius:10px;overflow:hidden}
.hist-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);font-size:11.5px;flex-wrap:wrap}
.hist-row:last-child{border-bottom:none}
.hist-when{color:var(--text3);min-width:110px}
.hist-tipo{font-weight:700;font-size:10px;letter-spacing:.4px;text-transform:uppercase;padding:2px 7px;border-radius:20px;background:var(--surface3);color:var(--text2)}
.hist-ativado{background:rgba(46,204,113,.15);color:#2ecc71}
.hist-teste-iniciado{background:rgba(243,156,18,.15);color:#f39c12}
.hist-teste-expirado,.hist-suspenso,.hist-removido{background:rgba(231,76,60,.15);color:#e74c3c}
.hist-det{color:var(--text2)}
.hist-autor{margin-left:auto;color:var(--text3);font-size:10px}

.tema-consultor .user-drop{box-shadow:0 12px 36px rgba(16,24,40,.18)}