/* TEMA INNCONTA · a moldura nova da plataforma (decisão do CVO, 11/09/2026: "herdar a InnConta")
   Tokens reais do site innconta.com.br: papel #F7F3EA / #FFFDF7, tinta #14110D / #2B2620, mudo #574F44,
   dourado #A07830 (texto #7E5F26, claro #C9A25A, pálido #EADFC8), régua #DCD2BC. Cormorant Garamond + Jost.
   Carregado por último e escopado em html.tema-innconta: sem a classe, nada muda (escape: localStorage.isp_tema_v1='1').
   Regra: fundo claro como o Obra Prima; o dourado é ACENTO de ação e de estado, nunca moldura. */
html.tema-innconta{
  --paper:#F7F3EA; --paper2:#FFFDF7; --ink:#14110D; --ink2:#2B2620; --mut:#574F44; --rule:#DCD2BC;
  --gold:#A07830; --gold-txt:#7E5F26; --gold-l:#C9A25A; --gold-p:#EADFC8; --gl:#C9A25A; --gm:#7E5F26;
  --navy:#2B2620; --nd:#FFFDF7; --nl:#574F44; --deep:#F7F3EA; --cream:#14110D; --cl:#FFFDF7;
  --bg:#F7F3EA; --srf:#FFFDF7; --cd:#FFFDF7; --brd:#DCD2BC; --txt:#14110D; --t1:#14110D; --t2:#574F44; --t3:#7A6F5E;
  --accent:#A07830; --blue:#1F4E79; --green:#2E6B3A; --red:#9E2A2B; --amber:#8A5A12;
  --sn:'Jost',system-ui,sans-serif; --sf:'Cormorant Garamond',Georgia,serif;
  color-scheme:light;
}
html.tema-innconta body{background:var(--paper);color:var(--ink);font-family:var(--sn)}
/* ── moldura: sidebar ───────────────────────────────────────────────────── */
html.tema-innconta .sb{background:var(--paper2);border-right:1px solid var(--rule)}
html.tema-innconta .sb-logo{color:var(--gold-txt);border-bottom:1px solid var(--rule);background:none;text-shadow:none;letter-spacing:.22em}
html.tema-innconta .sb-sub{color:var(--mut);opacity:.7}
html.tema-innconta .sb-sec{color:var(--mut);border-top:1px solid var(--rule);background:none}
html.tema-innconta .sb-sec:hover{color:var(--ink);background:rgba(160,120,48,.06)}
html.tema-innconta .sb-sec .sb-chev,html.tema-innconta .sb-sec-ic{color:var(--mut)}
html.tema-innconta .si{color:var(--ink2);border-radius:8px;margin:1px 8px}
html.tema-innconta .si:hover{color:var(--ink);background:rgba(160,120,48,.08)}
html.tema-innconta .si.on{color:var(--gold-txt);background:var(--gold-p)!important;border-left-color:var(--gold);box-shadow:none;font-weight:500}
html.tema-innconta .si .ic{opacity:.85}
html.tema-innconta .sb2 .sb2-filho{color:var(--mut)}
html.tema-innconta .sb2 .sb2-filho.on{color:var(--gold-txt)}
html.tema-innconta .sb2 .sb2-sub{color:var(--mut)}
html.tema-innconta .sb2 .sb2-tg{color:var(--mut)}
html.tema-innconta .sb2 .sb2-tg:hover{color:var(--gold-txt);background:var(--gold-p)}
html.tema-innconta .sb2-busca{background:var(--paper);border:1px solid var(--rule);color:var(--ink)}
html.tema-innconta .sb2-busca::placeholder{color:var(--mut)}
html.tema-innconta .sb-ft{color:var(--mut);border-top:1px solid var(--rule);background:none}
html.tema-innconta .sb-collapse-btn{color:var(--mut);border-top:1px solid var(--rule)}
html.tema-innconta .sb-collapse-btn:hover{color:var(--gold-txt);background:rgba(160,120,48,.06)}
html.tema-innconta .sb-rail-toggle{background:var(--paper);border:1px solid var(--rule);color:var(--gold-txt)}
html.tema-innconta .sb-rail-toggle:hover{background:var(--gold-p)}
html.tema-innconta .sb.rail .sb-logo::before{filter:none;opacity:.9}
html.tema-innconta .sb-scroll::-webkit-scrollbar-track{background:transparent}
html.tema-innconta .sb-scroll::-webkit-scrollbar-thumb{background:var(--rule)}
/* ── moldura: topbar ────────────────────────────────────────────────────── */
html.tema-innconta .topbar{background:rgba(255,253,247,.92);border-bottom:1px solid var(--rule);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
html.tema-innconta .tb-n{color:var(--ink);font-weight:400;letter-spacing:.12em}
html.tema-innconta .tb-back{color:var(--mut)}
html.tema-innconta .tb-back:hover{color:var(--gold-txt)}
html.tema-innconta .tb-out{color:var(--mut);border:1px solid var(--rule)}
html.tema-innconta .tb-out:hover{color:var(--gold-txt);border-color:var(--gold)}
html.tema-innconta .ww{color:var(--mut);border:1px solid var(--rule);background:var(--paper2)}
html.tema-innconta .topbar button,html.tema-innconta .topbar .tb-btn,html.tema-innconta .topbar [class*="tb-"]{color:var(--ink2)}
html.tema-innconta .topbar button{background:var(--paper2);border-color:var(--rule)}
html.tema-innconta .topbar button:hover{border-color:var(--gold);color:var(--gold-txt)}
html.tema-innconta .topbar input{background:var(--paper);border:1px solid var(--rule);color:var(--ink)}
html.tema-innconta .topbar input::placeholder{color:var(--mut)}
/* ── celular: hambúrguer e barra inferior ───────────────────────────────── */
html.tema-innconta .mob-hamburger{background:var(--paper2);border:1px solid var(--rule);color:var(--gold-txt);box-shadow:0 2px 10px rgba(20,17,13,.08)}
html.tema-innconta .mob-tabs{background:var(--paper2);border-top:1px solid var(--rule)}
html.tema-innconta .mt{color:var(--mut)}
html.tema-innconta .mt.on{color:var(--gold-txt)}
/* ── área de trabalho ───────────────────────────────────────────────────── */
html.tema-innconta .mn{background:var(--paper)}
html.tema-innconta .pg-hero{background:var(--paper2);border:1px solid var(--rule);border-left:3px solid var(--gold);border-radius:0 12px 12px 0}
html.tema-innconta .pg-hero::before{display:none}
html.tema-innconta .pg-hero-title,html.tema-innconta .sh h2,html.tema-innconta h1,html.tema-innconta h2,html.tema-innconta h3{color:var(--ink)}
html.tema-innconta .pg-hero-cat,html.tema-innconta .sh .sub{color:var(--gold-txt)}
html.tema-innconta .pg-hero-desc{color:var(--mut)}
html.tema-innconta .cd{background:var(--paper2);border:1px solid var(--rule);border-radius:12px;box-shadow:none}
html.tema-innconta .cd:hover{box-shadow:none;border-color:var(--gold-l)}
html.tema-innconta .cd-h{background:none;border-bottom:1px solid var(--rule)}
html.tema-innconta .cd-h h3{color:var(--ink)}
html.tema-innconta .btn{background:var(--paper2);color:var(--ink2);border:1px solid var(--rule);border-radius:999px;box-shadow:none}
html.tema-innconta .btn:hover{border-color:var(--gold-l);color:var(--ink)}
html.tema-innconta .btn-g{background:var(--gold);color:#12100C;border:1px solid var(--gold);box-shadow:none;font-weight:500}
html.tema-innconta .btn-g:hover{background:var(--gold-l);border-color:var(--gold-l);box-shadow:none;transform:none}
html.tema-innconta .btn-o{background:var(--paper2);color:var(--gold-txt);border:1px solid var(--gold-l)}
html.tema-innconta .btn-o:hover{background:var(--gold-p)}
html.tema-innconta .btn-d{background:var(--paper2);color:var(--red);border:1px solid rgba(158,42,43,.35)}
html.tema-innconta input,html.tema-innconta select,html.tema-innconta textarea{background:var(--paper2);color:var(--ink);border-color:var(--rule)}
html.tema-innconta .mtabs{background:var(--paper2);border:1px solid var(--rule);border-radius:999px}
html.tema-innconta .mtab{color:var(--mut)}
html.tema-innconta .mtab.on{color:var(--gold-txt);background:var(--gold-p)}
html.tema-innconta .mo{background:rgba(20,17,13,.38)}
html.tema-innconta .modal,html.tema-innconta .mo-c{background:var(--paper2);color:var(--ink);border:1px solid var(--rule)}
/* ── IspUI (Modelo v2) herda os tokens ──────────────────────────────────── */
html.tema-innconta .iu-tela,html.tema-innconta .iu-tela--pagina{background:transparent}
html.tema-innconta .iu-cab-texto .iu-eyebrow,html.tema-innconta .iu-eyebrow{color:var(--gold-txt)}
html.tema-innconta .iu-btn--primaria{background:var(--gold);color:#12100C;border-color:var(--gold)}
html.tema-innconta .iu-btn--primaria:hover{background:var(--gold-l);border-color:var(--gold-l)}
html.tema-innconta .iu-chip[aria-pressed="true"]{background:var(--gold-p);color:var(--gold-txt);border-color:var(--gold-l)}
html.tema-innconta .iu-card{background:var(--paper2);border:1px solid var(--rule)}
html.tema-innconta .iu-card[aria-pressed="true"]{border-color:var(--gold);background:var(--paper2)}
html.tema-innconta .iu-lista th{color:var(--mut);background:var(--paper2);border-bottom:1px solid var(--rule)}
html.tema-innconta .iu-lista td{border-bottom:1px solid var(--rule)}
html.tema-innconta .iu-modal{background:var(--paper2)}
/* ── tour de boas-vindas e recepção (eram roxo/escuro) ──────────────────── */
html.tema-innconta .onb-overlay{background:rgba(20,17,13,.45)}
html.tema-innconta .onb-card,html.tema-innconta .onb-box{background:var(--paper2)!important;color:var(--ink);border:1px solid var(--rule);box-shadow:0 20px 60px rgba(20,17,13,.18);background-image:none!important}
html.tema-innconta .onb-title,html.tema-innconta .onb-card-title{color:var(--ink)}
html.tema-innconta .onb-tagline,html.tema-innconta .onb-card-desc,html.tema-innconta .onb-body,html.tema-innconta .onb-body p,html.tema-innconta .onb-body li{color:var(--ink2)}
html.tema-innconta .onb-eyebrow,html.tema-innconta .onb-step{color:var(--gold-txt)}
html.tema-innconta .onb-body strong{color:var(--ink)}
html.tema-innconta .onb-btn-primary,html.tema-innconta .onb-btn-next{background:var(--gold);color:#12100C;border:none;box-shadow:none}
html.tema-innconta .onb-btn-skip,html.tema-innconta .onb-skip,html.tema-innconta .onb-btn{color:var(--mut);background:transparent}
html.tema-innconta .onb-progress-dot,html.tema-innconta .onb-dot{background:var(--rule)}
html.tema-innconta .onb-progress-dot.active,html.tema-innconta .onb-dot.active,html.tema-innconta .onb-dot.on{background:var(--gold)}
/* ── topbar: ícones vetoriais no lugar do emoji ─────────────────────────── */
.tb-svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
html.tema-innconta .tb-icon-btn,html.tema-innconta .tb-hub,html.tema-innconta .tb-voltar,html.tema-innconta .tb-search{background:var(--paper2)!important;border:1px solid var(--rule)!important;color:var(--ink2)!important;border-radius:999px!important;box-shadow:none}
html.tema-innconta .tb-icon-btn:hover,html.tema-innconta .tb-hub:hover,html.tema-innconta .tb-search:hover{border-color:var(--gold-l)!important;color:var(--gold-txt)!important}
html.tema-innconta .tb-search kbd{background:var(--paper);border:1px solid var(--rule);color:var(--mut)}
html.tema-innconta .tb-menu{background:var(--paper2);border:1px solid var(--rule);color:var(--ink);box-shadow:0 12px 40px rgba(20,17,13,.14)}
html.tema-innconta .tb-mi{color:var(--ink2)}
html.tema-innconta .tb-mi:hover{background:var(--gold-p);color:var(--gold-txt)}
html.tema-innconta .tb-acct-btn{background:var(--gold-p);color:var(--gold-txt);border:1px solid var(--gold-l)}
html.tema-innconta .notif-bell{color:var(--ink2)}
/* ── topbar: o que a moldura nova dispensa ──────────────────────────────── */
html.tema-innconta #isp_view_toggle{display:none!important} /* "Para mim / Tudo": o catálogo já entrega ≤12 entradas */
html.tema-innconta body::before,html.tema-innconta body.light-mode::before{display:none!important;background-image:none!important} /* floresta do Unsplash atrás de toda tela */
html.tema-innconta #gmTicker{display:none!important} /* faixa gamificada (XP, Health, Parcerias) — não é trabalho */
html.tema-innconta #isfDailyMission{display:none!important} /* "próxima ação +35 XP" flutuante: o Meu Dia já diz o que importa */
html.tema-innconta #isf-security-offer{background:var(--paper2)!important;border:1px solid var(--rule)!important;box-shadow:0 12px 40px rgba(20,17,13,.14)!important}
html.tema-innconta #isf-security-offer div{color:var(--ink)!important}
html.tema-innconta #isf-security-offer button{border-radius:999px!important}
html.tema-innconta #voice-fab,html.tema-innconta #aiFab{background:var(--paper2)!important;border:1px solid var(--rule)!important;color:var(--gold-txt)!important;box-shadow:0 6px 20px rgba(20,17,13,.12)!important}
html.tema-innconta #tbHubBtn,html.tema-innconta #tbWaPill,html.tema-innconta #tbEmailPill,html.tema-innconta #streak-pill,html.tema-innconta #isp-ms-fab,html.tema-innconta #ncChip,html.tema-innconta #tbCadeiraBtn{display:none!important} /* Início está no menu; status/streak/criação vivem em Administração e no menu ⋯ */
html.tema-innconta .tb-icon-btn .tbi-l{display:none} /* Equipe e Reuniões só com ícone (título explica) */
html.tema-innconta .tb-icon-btn{padding:6px 9px!important;margin-right:6px!important}
html.tema-innconta .tb-n{max-width:44vw;font-size:.82rem}
html.tema-innconta .notif-bell{background:var(--paper2);border:1px solid var(--rule);border-radius:999px}
.tb-svg--bell{width:15px;height:15px}
/* ── acessibilidade e movimento ─────────────────────────────────────────── */
html.tema-innconta :focus-visible{outline:2px solid var(--gold-l);outline-offset:2px}
@media (prefers-reduced-motion:reduce){html.tema-innconta *{transition-duration:.01ms!important}}