/* temas.css — gerado por gen_temas.py (2026-08-25; --text-3 e on-accent revistos em 2026-09-06, SPEC-68 fechamento RESP-3/4). 15 temas escolhidos pelo dono na galeria
   'Vinte Inícios'. Cada bloco redefine os tokens do admin.css e soma efeitos. Sem tema
   (data-tema vazio) o painel continua exatamente como antes. */

/* ===== Obsidiana — preto profundo · vidro · um brilho só ===== */
html[data-tema="obsidiana"] {
  --bg: #07090c;
  --surface: #0d1117;
  --surface-2: #131922;
  --border: rgba(255,255,255,.10);
  --border-strong: rgba(255,255,255,.20);
  --hairline: rgba(255,255,255,.10);
  --text: #f2f4f7;
  --text-2: #8b95a3;
  --text-3: #8e98a6;
  --accent: #5eead4;
  --accent-soft: rgba(94, 234, 212, 0.12);
  --accent-ring: rgba(94, 234, 212, 0.18);
  --accent-border: rgba(94, 234, 212, 0.45);
  --on-accent: #07130d;
  --danger-text: #f87171;
  --money: #ffffff;
  --money-soft: rgba(255, 255, 255, 0.12);
  --money-border: rgba(255, 255, 255, 0.4);
  --gold: #fbbf24;
  --gold-soft: rgba(251, 191, 36, 0.12);
  --gold-border: rgba(251, 191, 36, 0.4);
  --rose: #f87171;
  --rose-soft: rgba(248, 113, 113, 0.1);
  --rose-border: rgba(248, 113, 113, 0.32);
  --elev-a: rgba(255,255,255,.055);
  --elev-b: rgba(255,255,255,.022);
  --chrome: rgba(11,14,19,.70);
  --chrome-2: rgba(7,9,12,.88);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.028), 0 18px 44px -30px rgba(0, 0, 0, 0.85);
  --radius: 14px;
  --radius-lg: 20px;
  --radius-sm: 10px;
  --font: "Manrope", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Sora", "Manrope", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --tema-glow: rgba(94,234,212,.35);
}
html[data-tema="obsidiana"] .shell::before { background: radial-gradient(125% 90% at 50% 0%, #0d1117 0%, #07090c 46%, #07090c 100%), radial-gradient(900px 500px at 15% 0%, rgba(94,234,212,.16), transparent 60%), radial-gradient(700px 400px at 90% 10%, rgba(59,130,246,.10), transparent 60%); }
html[data-tema="obsidiana"] .sidebar { background: radial-gradient(120% 30% at 0% 0%, rgba(94, 234, 212, 0.08), transparent 60%), linear-gradient(178deg, var(--chrome), var(--chrome-2)); }
html[data-tema="obsidiana"] .nav-item--active { background: linear-gradient(100deg, var(--accent-soft), rgba(94, 234, 212, 0.045)); }

html[data-tema="obsidiana"] .panel, html[data-tema="obsidiana"] .kpi, html[data-tema="obsidiana"] .dz-hero, html[data-tema="obsidiana"] .modal__box, html[data-tema="obsidiana"] .seg, html[data-tema="obsidiana"] .search__box { -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
html[data-tema="obsidiana"] .panel, html[data-tema="obsidiana"] .kpi, html[data-tema="obsidiana"] .dz-hero { box-shadow: inset 0 1px 0 rgba(255,255,255,.07), var(--shadow-card); }
html[data-tema="obsidiana"] .dz-hero, html[data-tema="obsidiana"] .kpi--hero { overflow: hidden; box-shadow: 0 0 0 1px var(--border), 0 26px 80px -26px var(--tema-glow); }
html[data-tema="obsidiana"] .dz-hero::after, html[data-tema="obsidiana"] .kpi--hero::after { content: ""; position: absolute; right: -18%; bottom: -70%; width: 60%; height: 140%; border-radius: 50%; background: radial-gradient(closest-side, var(--tema-glow), transparent); pointer-events: none; }

/* ===== Aurora — azul-noite · aurora verde-violeta · vidro ===== */
html[data-tema="aurora"] {
  --bg: #0a0f1e;
  --surface: #121a33;
  --surface-2: #182244;
  --border: rgba(255,255,255,.12);
  --border-strong: rgba(255,255,255,.22);
  --hairline: rgba(255,255,255,.12);
  --text: #eef2ff;
  --text-2: #93a0c2;
  --text-3: #8d9bbd;
  --accent: #a78bfa;
  --accent-soft: rgba(167, 139, 250, 0.12);
  --accent-ring: rgba(167, 139, 250, 0.18);
  --accent-border: rgba(167, 139, 250, 0.45);
  --on-accent: #07130d;
  --danger-text: #fb7185;
  --money: #e9d5ff;
  --money-soft: rgba(233, 213, 255, 0.12);
  --money-border: rgba(233, 213, 255, 0.4);
  --gold: #fcd34d;
  --gold-soft: rgba(252, 211, 77, 0.12);
  --gold-border: rgba(252, 211, 77, 0.4);
  --rose: #fb7185;
  --rose-soft: rgba(251, 113, 133, 0.1);
  --rose-border: rgba(251, 113, 133, 0.32);
  --elev-a: rgba(255,255,255,.07);
  --elev-b: rgba(255,255,255,.03);
  --chrome: rgba(14,20,42,.66);
  --chrome-2: rgba(10,15,30,.88);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.028), 0 18px 44px -30px rgba(0, 0, 0, 0.85);
  --radius: 16px;
  --radius-lg: 22px;
  --radius-sm: 11px;
  --font: "Onest", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Outfit", "Onest", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --tema-glow: rgba(167,139,250,.35);
}
html[data-tema="aurora"] .shell::before { background: radial-gradient(125% 90% at 50% 0%, #121a33 0%, #0a0f1e 46%, #0a0f1e 100%), radial-gradient(1000px 500px at 20% -10%, rgba(52,211,153,.22), transparent 60%), radial-gradient(900px 500px at 85% 0%, rgba(167,139,250,.28), transparent 60%), radial-gradient(600px 300px at 60% 110%, rgba(59,130,246,.18), transparent 60%); }
html[data-tema="aurora"] .shell::after { background-image: none; }
html[data-tema="aurora"] .sidebar { background: radial-gradient(120% 30% at 0% 0%, rgba(167, 139, 250, 0.08), transparent 60%), linear-gradient(178deg, var(--chrome), var(--chrome-2)); }
html[data-tema="aurora"] .nav-item--active { background: linear-gradient(100deg, var(--accent-soft), rgba(167, 139, 250, 0.045)); }

html[data-tema="aurora"] { --tema-gradnum: linear-gradient(90deg,#a7f3d0,#c4b5fd); }
html[data-tema="aurora"] .panel, html[data-tema="aurora"] .kpi, html[data-tema="aurora"] .dz-hero, html[data-tema="aurora"] .modal__box, html[data-tema="aurora"] .seg, html[data-tema="aurora"] .search__box { -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
html[data-tema="aurora"] .panel, html[data-tema="aurora"] .kpi, html[data-tema="aurora"] .dz-hero { box-shadow: inset 0 1px 0 rgba(255,255,255,.07), var(--shadow-card); }
html[data-tema="aurora"] .dz-hero, html[data-tema="aurora"] .kpi--hero { overflow: hidden; box-shadow: 0 0 0 1px var(--border), 0 26px 80px -26px var(--tema-glow); }
html[data-tema="aurora"] .dz-hero::after, html[data-tema="aurora"] .kpi--hero::after { content: ""; position: absolute; right: -18%; bottom: -70%; width: 60%; height: 140%; border-radius: 50%; background: radial-gradient(closest-side, var(--tema-glow), transparent); pointer-events: none; }
html[data-tema="aurora"] .dz-hero__val .money__v, html[data-tema="aurora"] .kpi--hero .kpi__value { background: var(--tema-gradnum); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ===== Ouro Preto — carvão · champanhe · serifa nos números ===== */
html[data-tema="ouro-preto"] {
  --bg: #121110;
  --surface: #1a1816;
  --surface-2: #211e1b;
  --border: rgba(229,196,132,.22);
  --border-strong: rgba(229,196,132,.40);
  --hairline: rgba(229,196,132,.22);
  --text: #f4efe6;
  --text-2: #9b9186;
  --text-3: #9a9086;
  --accent: #e5c484;
  --accent-soft: rgba(229, 196, 132, 0.12);
  --accent-ring: rgba(229, 196, 132, 0.18);
  --accent-border: rgba(229, 196, 132, 0.45);
  --on-accent: #07130d;
  --danger-text: #f08a8a;
  --money: #f1dcae;
  --money-soft: rgba(241, 220, 174, 0.12);
  --money-border: rgba(241, 220, 174, 0.4);
  --gold: #e5c484;
  --gold-soft: rgba(229, 196, 132, 0.12);
  --gold-border: rgba(229, 196, 132, 0.4);
  --rose: #f08a8a;
  --rose-soft: rgba(240, 138, 138, 0.1);
  --rose-border: rgba(240, 138, 138, 0.32);
  --elev-a: rgba(255,255,255,.035);
  --elev-b: rgba(255,255,255,.012);
  --chrome: rgba(24,22,20,.72);
  --chrome-2: rgba(18,17,16,.9);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.028), 0 18px 44px -30px rgba(0, 0, 0, 0.85);
  --radius: 10px;
  --radius-lg: 14px;
  --radius-sm: 7px;
  --font: "Instrument Sans", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Fraunces", "Instrument Sans", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --tema-glow: rgba(229,196,132,.25);
}
html[data-tema="ouro-preto"] .shell::before { background: radial-gradient(125% 90% at 50% 0%, #1a1816 0%, #121110 46%, #121110 100%), radial-gradient(800px 400px at 50% -20%, rgba(229,196,132,.12), transparent 60%); }
html[data-tema="ouro-preto"] .shell::after { background-image: none; }
html[data-tema="ouro-preto"] .sidebar { background: radial-gradient(120% 30% at 0% 0%, rgba(229, 196, 132, 0.08), transparent 60%), linear-gradient(178deg, var(--chrome), var(--chrome-2)); }
html[data-tema="ouro-preto"] .nav-item--active { background: linear-gradient(100deg, var(--accent-soft), rgba(229, 196, 132, 0.045)); }

html[data-tema="ouro-preto"] .panel, html[data-tema="ouro-preto"] .kpi, html[data-tema="ouro-preto"] .dz-hero { border-color: transparent; border-top: 1px solid var(--border); border-radius: 0; background: linear-gradient(180deg, var(--elev-a), transparent 70%); box-shadow: none; }
html[data-tema="ouro-preto"] .panel::before { display: none; }
html[data-tema="ouro-preto"] .dz-hero { border: 1px solid var(--border); }
html[data-tema="ouro-preto"] .dz-hero__val, html[data-tema="ouro-preto"] .kpi__value, html[data-tema="ouro-preto"] .tbl__money, html[data-tema="ouro-preto"] .money__v, html[data-tema="ouro-preto"] .loja-head h1, html[data-tema="ouro-preto"] .page-head h1, html[data-tema="ouro-preto"] .panel__title { font-family: var(--font-display); font-weight: 600; letter-spacing: -0.01em; }
html[data-tema="ouro-preto"] .dz-hero__val { font-size: clamp(38px, 6.5vw, 56px); }
html[data-tema="ouro-preto"] .dz-hero, html[data-tema="ouro-preto"] .kpi--hero { overflow: hidden; box-shadow: 0 0 0 1px var(--border), 0 26px 80px -26px var(--tema-glow); }
html[data-tema="ouro-preto"] .dz-hero::after, html[data-tema="ouro-preto"] .kpi--hero::after { content: ""; position: absolute; right: -18%; bottom: -70%; width: 60%; height: 140%; border-radius: 50%; background: radial-gradient(closest-side, var(--tema-glow), transparent); pointer-events: none; }

/* ===== Porcelana — claro · branco e sombras suaves · pastel ===== */
html[data-tema="porcelana"] {
  --bg: #f5f6fa;
  --surface: #ffffff;
  --surface-2: #eef0f6;
  --border: rgba(20,24,40,.09);
  --border-strong: rgba(20,24,40,.18);
  --hairline: rgba(20,24,40,.09);
  --text: #171b2b;
  --text-2: #5f6884;
  --text-3: #5f6a7e;
  --accent: #4f5fe6;
  --accent-soft: rgba(79, 95, 230, 0.12);
  --accent-ring: rgba(79, 95, 230, 0.18);
  --accent-border: rgba(79, 95, 230, 0.45);
  --on-accent: #ffffff;
  --danger-text: #be123c;
  --money: #171b2b;
  --money-soft: rgba(23, 27, 43, 0.12);
  --money-border: rgba(23, 27, 43, 0.4);
  --gold: #b45309;
  --gold-soft: rgba(180, 83, 9, 0.12);
  --gold-border: rgba(180, 83, 9, 0.4);
  --rose: #be123c;
  --rose-soft: rgba(190, 18, 60, 0.1);
  --rose-border: rgba(190, 18, 60, 0.32);
  --elev-a: #ffffff;
  --elev-b: #fbfbfe;
  --chrome: rgba(255,255,255,.82);
  --chrome-2: rgba(255,255,255,.94);
  --shadow-card: 0 1px 0 rgba(255,255,255,.6), 0 14px 40px -28px rgba(20,26,30,.35);
  --radius: 16px;
  --radius-lg: 22px;
  --radius-sm: 11px;
  --font: "Plus Jakarta Sans", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Plus Jakarta Sans", "Plus Jakarta Sans", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --tema-glow: rgba(91,108,255,.18);
  color-scheme: light;
}
html[data-tema="porcelana"] .shell::before { background: radial-gradient(125% 90% at 50% 0%, #ffffff 0%, #f5f6fa 46%, #f5f6fa 100%), radial-gradient(700px 400px at 10% 0%, rgba(91,108,255,.10), transparent 60%), radial-gradient(600px 400px at 95% 20%, rgba(244,114,182,.10), transparent 60%); }
html[data-tema="porcelana"] .shell::after { background-image: none; }
html[data-tema="porcelana"] .sidebar { background: radial-gradient(120% 30% at 0% 0%, rgba(79, 95, 230, 0.08), transparent 60%), linear-gradient(178deg, var(--chrome), var(--chrome-2)); }
html[data-tema="porcelana"] .nav-item--active { background: linear-gradient(100deg, var(--accent-soft), rgba(79, 95, 230, 0.045)); }
html[data-tema="porcelana"] .btn-sm--primary:hover:not(:disabled) { color: inherit; }

html[data-tema="porcelana"] .panel, html[data-tema="porcelana"] .kpi, html[data-tema="porcelana"] .dz-hero { box-shadow: 0 12px 34px -22px rgba(20,24,40,.35); }
html[data-tema="porcelana"] .panel::before { display: none; }

/* branco-alpha fixo → cinza-alpha (tema claro) */
html[data-tema="porcelana"] .ac-stat--skel .ac-stat__v { background: linear-gradient(90deg, rgba(20, 24, 40, 0.060), rgba(20, 24, 40, 0.132), rgba(20, 24, 40, 0.060)); }
html[data-tema="porcelana"] .ac-tab__n { background: rgba(20, 24, 40, 0.072); }
html[data-tema="porcelana"] .ac-search { background: rgba(20, 24, 40, 0.078); }
html[data-tema="porcelana"] .ac-select { background: rgba(20, 24, 40, 0.078); }
html[data-tema="porcelana"] .ac-cand { background: rgba(20, 24, 40, 0.024); }
html[data-tema="porcelana"] .ac-person { background: rgba(20, 24, 40, 0.024); }
html[data-tema="porcelana"] .ac-person:hover { background: rgba(20, 24, 40, 0.042); }
html[data-tema="porcelana"] .ac-av { background: rgba(20, 24, 40, 0.048); }
html[data-tema="porcelana"] .ac-pill { background: rgba(20, 24, 40, 0.048); }
html[data-tema="porcelana"] .ac-chip { background: rgba(20, 24, 40, 0.036); }
html[data-tema="porcelana"] .ac-feed li { background: rgba(20, 24, 40, 0.024); }
html[data-tema="porcelana"] .ac-feed__ip { background: rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .ac-fpe { background: rgba(20, 24, 40, 0.066); }
html[data-tema="porcelana"] .ac-card { background: rgba(20, 24, 40, 0.024); }
html[data-tema="porcelana"] .form-field textarea { background: rgba(20, 24, 40, 0.090); }
html[data-tema="porcelana"] .ac-tipo-sub { background: rgba(20, 24, 40, 0.042); }
html[data-tema="porcelana"] .ac-switches { background: rgba(20, 24, 40, 0.042); }
html[data-tema="porcelana"] .ac-bloco { background: rgba(20, 24, 40, 0.042); }
html[data-tema="porcelana"] .ac-input { background: rgba(20, 24, 40, 0.090); }
html[data-tema="porcelana"] .ac-perm { background: rgba(20, 24, 40, 0.042); }
html[data-tema="porcelana"] .ac-lrow { background: rgba(20, 24, 40, 0.042); }
html[data-tema="porcelana"] .ac-num { background: rgba(20, 24, 40, 0.090); }
html[data-tema="porcelana"] .fb-add select { background: rgba(20, 24, 40, 0.090); }
html[data-tema="porcelana"] .ac-sum__bar { background: rgba(20, 24, 40, 0.072); }
html[data-tema="porcelana"] .ac-kv > div { background: rgba(20, 24, 40, 0.042); }
html[data-tema="porcelana"] .ac-iarow { background: rgba(20, 24, 40, 0.042); }
html[data-tema="porcelana"] .ac-segredo { background: rgba(20, 24, 40, 0.090); }
html[data-tema="porcelana"] .shell::before { background: radial-gradient(125% 90% at 50% 0%, var(--elev-a) 0%, var(--elev-a) 44%, var(--elev-a) 100%),
    radial-gradient(34% 40% at 12% 2%, rgba(61, 220, 151, 0.035), transparent 68%); }
html[data-tema="porcelana"] .shell::after { background-image: linear-gradient(rgba(20, 24, 40, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 24, 40, 0.022) 1px, transparent 1px); }
html[data-tema="porcelana"] .sidebar__brand-mark { box-shadow: inset 0 1px rgba(20, 24, 40, 0.096); }
html[data-tema="porcelana"] .sidebar__nav::-webkit-scrollbar-thumb { background: rgba(20, 24, 40, 0.120); }
html[data-tema="porcelana"] .nav-group__title:hover { background: rgba(20, 24, 40, 0.048); }
html[data-tema="porcelana"] .nav-item:hover { background: rgba(20, 24, 40, 0.066); }
html[data-tema="porcelana"] .tbl-wrap { background: linear-gradient(to right, var(--elev-a) 30%, rgba(22, 26, 32, 0)) left center,
      linear-gradient(to left, var(--elev-a) 30%, rgba(22, 26, 32, 0)) right center,
      radial-gradient(farthest-side at 0 50%, rgba(20, 24, 40, 0.150), transparent) left center,
      radial-gradient(farthest-side at 100% 50%, rgba(20, 24, 40, 0.150), transparent) right center; }
html[data-tema="porcelana"] .topbar__burger:hover { background: rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .search-trigger__kbd { background: rgba(20, 24, 40, 0.036); }
html[data-tema="porcelana"] .health-badge--off { color: var(--rose); }
html[data-tema="porcelana"] .search { background: rgba(20, 24, 40, 0.186); }
html[data-tema="porcelana"] .search__item:hover { background: rgba(20, 24, 40, 0.048); }
html[data-tema="porcelana"] .backdrop { background: rgba(20, 24, 40, 0.165); }
html[data-tema="porcelana"] .sidebar { box-shadow: 8px 0 32px rgba(20, 24, 40, 0.135); }
html[data-tema="porcelana"] body.shell-top .sidebar { box-shadow: 8px 0 32px rgba(20, 24, 40, 0.135); }
html[data-tema="porcelana"] .ad-field input, html[data-tema="porcelana"] .ad-field textarea, html[data-tema="porcelana"] .ad-field select, html[data-tema="porcelana"] .ad-btn-form input, html[data-tema="porcelana"] .ad-btn-form select, html[data-tema="porcelana"] .ad-btn-campo input, html[data-tema="porcelana"] .ad-btn-campo select, html[data-tema="porcelana"] .ad-agenda input, html[data-tema="porcelana"] .ad-agenda select { background: rgba(20, 24, 40, 0.090); }
html[data-tema="porcelana"] .ad-pano__barra { background: rgba(20, 24, 40, 0.072); }
html[data-tema="porcelana"] .ad-perigo { background: rgba(20, 24, 40, 0.090); }
html[data-tema="porcelana"] .ad-edtxt .stu-lib__slot:not(.is-loaded) .stu-lib__ph { background: linear-gradient(
    90deg,
    rgba(20, 24, 40, 0.054) 25%,
    rgba(20, 24, 40, 0.102) 37%,
    rgba(20, 24, 40, 0.054) 63%
  ); }
html[data-tema="porcelana"] .ad-inbox__tipo { background: rgba(20, 24, 40, 0.186); color: var(--text); }
html[data-tema="porcelana"] .anc-liga__pista::before { box-shadow: 0 1px 3px rgba(20, 24, 40, 0.105); }
html[data-tema="porcelana"] .br { --br-line: rgba(20, 24, 40, 0.096); }
html[data-tema="porcelana"] .bb-meta__l { background: rgba(20, 24, 40, 0.034); }
html[data-tema="porcelana"] .bb-perigo { background: rgba(20, 24, 40, 0.066); }
html[data-tema="porcelana"] .bb-msg__palco { background: radial-gradient(700px 220px at 50% -30%, var(--accent-soft), transparent 55%),
    var(--elev-a); }
html[data-tema="porcelana"] .bb-msg__hint { background: var(--elev-a); }
html[data-tema="porcelana"] .cn-papel { background: rgba(20, 24, 40, 0.022); }
html[data-tema="porcelana"] .cn-ef { background: rgba(20, 24, 40, 0.018); }
html[data-tema="porcelana"] .cn-grade .grid__tbl tbody tr { background: rgba(20, 24, 40, 0.026); }
html[data-tema="porcelana"] .cn-grade .grid__tbl tbody tr:hover { background: rgba(20, 24, 40, 0.038); }
html[data-tema="porcelana"] .cn-pill { border: 1px solid rgba(20, 24, 40, 0.066); }
html[data-tema="porcelana"] .cn-hero { background: rgba(20, 24, 40, 0.024); }
html[data-tema="porcelana"] .cc, html[data-tema="porcelana"] .cc-sheet { --cc-line: rgba(20, 24, 40, 0.096); }
html[data-tema="porcelana"] .cc-faixa--trava { background: var(--elev-a); }
html[data-tema="porcelana"] .cc-faixa--aviso { background: var(--elev-a); }
html[data-tema="porcelana"] .cc-fixo { background: var(--elev-a); }
html[data-tema="porcelana"] .cc-faixa-chk { background: var(--elev-a); }
html[data-tema="porcelana"] .cc-elo { background: var(--elev-a); }
html[data-tema="porcelana"] .cc-sheet__scrim { background: rgba(20, 24, 40, 0.216); }
html[data-tema="porcelana"] .cc-sheet__acoes { background: rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .chkl__row.is-sem { background: rgba(20, 24, 40, 0.018); }
html[data-tema="porcelana"] .chkl__grip:hover { background: rgba(20, 24, 40, 0.072); }
html[data-tema="porcelana"] .chkl__selo--off { background: rgba(20, 24, 40, 0.084); }
html[data-tema="porcelana"] .cr { --cr-line: rgba(20, 24, 40, 0.096); --cr-line-fraca: rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .cr-warn { color: var(--gold, var(--gold)); }
html[data-tema="porcelana"] .cr-webhook__linha code { background: rgba(20, 24, 40, 0.072); }
html[data-tema="porcelana"] .cv { --cv-line: rgba(20, 24, 40, 0.096); }
html[data-tema="porcelana"] #heat { background: linear-gradient(to right, var(--elev-a) 30%, rgba(22, 26, 32, 0)) left center,
    linear-gradient(to left, var(--elev-a) 30%, rgba(22, 26, 32, 0)) right center,
    radial-gradient(farthest-side at 0 50%, rgba(20, 24, 40, 0.150), transparent) left center,
    radial-gradient(farthest-side at 100% 50%, rgba(20, 24, 40, 0.150), transparent) right center; }
html[data-tema="porcelana"] #matriz .tbl-wrap { background: linear-gradient(to right, var(--elev-a) 30%, rgba(22, 26, 32, 0)) left center,
    linear-gradient(to left, var(--elev-a) 30%, rgba(22, 26, 32, 0)) right center,
    radial-gradient(farthest-side at 0 50%, rgba(20, 24, 40, 0.150), transparent) left center,
    radial-gradient(farthest-side at 100% 50%, rgba(20, 24, 40, 0.150), transparent) right center; }
html[data-tema="porcelana"] .cq-status.is-warn { color: var(--gold); }
html[data-tema="porcelana"] .cq-busca input { border: 1px solid var(--hairline, var(--border-strong)); background: var(--elev-a, var(--elev-a)); }
html[data-tema="porcelana"] .cq-mod { border: 1px solid var(--hairline, var(--border-strong)); background: var(--elev-a, var(--elev-a)); }
html[data-tema="porcelana"] .cq-mod:hover { border-color: color-mix(in srgb, var(--mint, #3ddc97) 40%, var(--hairline, var(--border-strong))); }
html[data-tema="porcelana"] .cq-card { background: var(--elev-a, var(--elev-a)); border: 1px solid var(--hairline, var(--border-strong)); }
html[data-tema="porcelana"] .cq-field input { border: 1px solid var(--hairline, var(--border-strong)); background: var(--surface, var(--elev-a)); }
html[data-tema="porcelana"] .cq-foto { border: 1px solid var(--hairline, var(--border-strong)); background: var(--surface, var(--elev-a)); }
html[data-tema="porcelana"] .cq-hit { background: var(--elev-a, var(--elev-a)); border: 1px solid var(--hairline, var(--border-strong)); }
html[data-tema="porcelana"] .cq-raw pre { background: var(--surface, var(--elev-a)); }
html[data-tema="porcelana"] .dsg-aba[aria-selected="true"] { box-shadow: 0 6px 16px -8px rgba(20, 24, 40, 0.180); }
html[data-tema="porcelana"] .ed__zone--lib { background: rgba(20, 24, 40, 0.042); }
html[data-tema="porcelana"] .ed__zone--side { background: rgba(20, 24, 40, 0.042); }
html[data-tema="porcelana"] .ed .stu-lib__ph { background: linear-gradient(120deg, rgba(20, 24, 40, 0.054), rgba(20, 24, 40, 0.018)); }
html[data-tema="porcelana"] .ed-lib__hint { background: rgba(20, 24, 40, 0.030); }
html[data-tema="porcelana"] .ed-slot__campo, html[data-tema="porcelana"] .edb__slot__campo { background: rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .ed-phone { background: radial-gradient(120% 90% at 50% 0%, var(--elev-a) 0%, var(--elev-a) 60%, var(--elev-a) 100%); }
html[data-tema="porcelana"] .ed-ia__btn { color: var(--text-2); }
html[data-tema="porcelana"] .ed-ia__btn:hover:not(:disabled) { color: var(--text); }
html[data-tema="porcelana"] .ed-ia__btn--go { color: var(--text); }
html[data-tema="porcelana"] .fr-flag { background: rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .fr-sit { background: rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .fr-sit--info { background: rgba(20, 24, 40, 0.072); }
html[data-tema="porcelana"] .fr-mini { background: rgba(20, 24, 40, 0.048); }
html[data-tema="porcelana"] .fr-menu > summary { background: rgba(20, 24, 40, 0.036); }
html[data-tema="porcelana"] .gf { --gf-line: rgba(20, 24, 40, 0.096); }
html[data-tema="porcelana"] .gf-bar { background: rgba(20, 24, 40, 0.096); }
html[data-tema="porcelana"] .gf-tag { background: rgba(20, 24, 40, 0.096); }
html[data-tema="porcelana"] .ic-custom__input { background: rgba(20, 24, 40, 0.090); }
html[data-tema="porcelana"] .ic-rank__pos { background: rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .ic-heat__cell { background: var(--ic-cell, rgba(20, 24, 40, 0.042)); }
html[data-tema="porcelana"] .ic-week__track { background: rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .ic-week__row--zero .ic-week__track { background: rgba(20, 24, 40, 0.036); }
html[data-tema="porcelana"] .ic .kpi--skel .kpi__value, html[data-tema="porcelana"] .ic .kpi--skel .kpi__hint, html[data-tema="porcelana"] .ic .kpi--skel .kpi__label { background: rgba(20, 24, 40, 0.066); }
html[data-tema="porcelana"] .dz-chip { background: rgba(20, 24, 40, 0.036); }
html[data-tema="porcelana"] .in-card { box-shadow: var(--shadow-card), inset 0 1px 0 rgba(20, 24, 40, 0.072); }
html[data-tema="porcelana"] .ix-nav__item:hover { background: rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .ix-hint { background: rgba(20, 24, 40, 0.030); }
html[data-tema="porcelana"] .ix-hint code { background: rgba(20, 24, 40, 0.072); }
html[data-tema="porcelana"] .ix-skel { background: linear-gradient(100deg,
    rgba(20, 24, 40, 0.042) 40%,
    rgba(20, 24, 40, 0.090) 50%,
    rgba(20, 24, 40, 0.042) 60%); }
html[data-tema="porcelana"] .ix-ftela__toggle:hover { background: rgba(20, 24, 40, 0.036); }
html[data-tema="porcelana"] #dv-body .tbl-wrap { background: linear-gradient(to right, var(--elev-a) 30%, rgba(22, 26, 32, 0)) left center,
    linear-gradient(to left, var(--elev-a) 30%, rgba(22, 26, 32, 0)) right center,
    radial-gradient(farthest-side at 0 50%, rgba(20, 24, 40, 0.150), transparent) left center,
    radial-gradient(farthest-side at 100% 50%, rgba(20, 24, 40, 0.150), transparent) right center; }
html[data-tema="porcelana"] .panel__count { background: rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .seg { background: rgba(20, 24, 40, 0.072); }
html[data-tema="porcelana"] .field-inline { background: rgba(20, 24, 40, 0.090); }
html[data-tema="porcelana"] .btn-icon:hover { background: rgba(20, 24, 40, 0.072); }
html[data-tema="porcelana"] .tbl td { border-bottom: 1px solid rgba(20, 24, 40, 0.054); }
html[data-tema="porcelana"] .tbl tbody tr:hover { background: rgba(20, 24, 40, 0.034); }
html[data-tema="porcelana"] .tag { background: rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .meter { background: rgba(20, 24, 40, 0.084); }
html[data-tema="porcelana"] .state__icon { background: rgba(20, 24, 40, 0.048); }
html[data-tema="porcelana"] .skel { background: linear-gradient(
    90deg,
    rgba(20, 24, 40, 0.054) 25%,
    rgba(20, 24, 40, 0.102) 37%,
    rgba(20, 24, 40, 0.054) 63%
  ); }
html[data-tema="porcelana"] .drawer { background: rgba(20, 24, 40, 0.186); }
html[data-tema="porcelana"] .dl__row { background: rgba(20, 24, 40, 0.026); }
html[data-tema="porcelana"] .modal { background: rgba(20, 24, 40, 0.198); }
html[data-tema="porcelana"] .modal__foot { background: rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .form-field > label { color: var(--text); }
html[data-tema="porcelana"] .form-field input, html[data-tema="porcelana"] .form-field select { background: rgba(20, 24, 40, 0.090); }
html[data-tema="porcelana"] .switch { background: rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .note { background: rgba(20, 24, 40, 0.034); }
html[data-tema="porcelana"] .note code { background: rgba(20, 24, 40, 0.072); }
html[data-tema="porcelana"] .soon { background: rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .promo { background: rgba(20, 24, 40, 0.026); }
html[data-tema="porcelana"] .msg-ta { background: rgba(20, 24, 40, 0.090); }
html[data-tema="porcelana"] .msg-prev { background: rgba(20, 24, 40, 0.072); }
html[data-tema="porcelana"] .fluxo__row:hover { background: rgba(20, 24, 40, 0.024); }
html[data-tema="porcelana"] .fluxo__btn { background: rgba(20, 24, 40, 0.048); }
html[data-tema="porcelana"] .selbar { box-shadow: 0 10px 28px rgba(20, 24, 40, 0.135); }
html[data-tema="porcelana"] .msg-prev code, html[data-tema="porcelana"] .msg-prev pre { background: rgba(20, 24, 40, 0.084); }
html[data-tema="porcelana"] .ftela { background: rgba(20, 24, 40, 0.017); }
html[data-tema="porcelana"] .ftela__head { background: rgba(20, 24, 40, 0.026); }
html[data-tema="porcelana"] .chart__col:hover { background: rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .cfg-idx__link:hover { background: rgba(20, 24, 40, 0.048); }
html[data-tema="porcelana"] .grid__barra { box-shadow: 0 12px 34px rgba(20, 24, 40, 0.150); }
html[data-tema="porcelana"] .previa__spoiler { background: rgba(20, 24, 40, 0.120); }
html[data-tema="porcelana"] .funil__barra { background: rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .stu-palco { background: radial-gradient(900px 280px at 50% -20%, var(--accent-soft), transparent 55%),
    var(--elev-a); }
html[data-tema="porcelana"] .stu-bolha { background: var(--elev-a); border: 1px solid rgba(20, 24, 40, 0.072); }
html[data-tema="porcelana"] .stu-inline__card { background: var(--elev-a); }
html[data-tema="porcelana"] .stu-bolha__foto { background: rgba(20, 24, 40, 0.048); }
html[data-tema="porcelana"] .stu-bolha__prev { background: rgba(20, 24, 40, 0.042); }
html[data-tema="porcelana"] .stu-btn--travado { background: repeating-linear-gradient(
    -45deg, rgba(20, 24, 40, 0.024) 0 6px, transparent 6px 12px
  ); }
html[data-tema="porcelana"] .jr__toggle:hover { background: rgba(20, 24, 40, 0.036); }
html[data-tema="porcelana"] .badge-fonte { background: rgba(20, 24, 40, 0.036); }
html[data-tema="porcelana"] .faixa__barra { background: rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .faixa__banda { background: linear-gradient(90deg, transparent, rgba(20, 24, 40, 0.192), transparent); }
html[data-tema="porcelana"] .tag--parcial { background: rgba(20, 24, 40, 0.084); }
html[data-tema="porcelana"] .massa-prog__bar { background: rgba(20, 24, 40, 0.084); }
html[data-tema="porcelana"] .u16-afil.is-on { background: rgba(20, 24, 40, 0.036); }
html[data-tema="porcelana"] .u16-afil-exp > td { background: rgba(20, 24, 40, 0.042); }
html[data-tema="porcelana"] .s19-mx__linha--diverge .s19-mx__key { background: var(--elev-a); }
html[data-tema="porcelana"] .s20-item code { background: rgba(20, 24, 40, 0.072); }
html[data-tema="porcelana"] .s20-prevoo code { background: rgba(20, 24, 40, 0.072); }
html[data-tema="porcelana"] .s20-deg { background: rgba(20, 24, 40, 0.024); }
html[data-tema="porcelana"] .emj-thumb { background: var(--emoji-well, var(--elev-a)); }
html[data-tema="porcelana"] .pa-tag { background: rgba(20, 24, 40, 0.042); }
html[data-tema="porcelana"] .pa-medidor__trilho { background: rgba(20, 24, 40, 0.084); }
html[data-tema="porcelana"] .pa-cand { background: rgba(20, 24, 40, 0.024); }
html[data-tema="porcelana"] .pa-num, html[data-tema="porcelana"] .pa-txt { background: rgba(20, 24, 40, 0.090); }
html[data-tema="porcelana"] .pa-tabela tr:hover td { background: rgba(20, 24, 40, 0.022); }
html[data-tema="porcelana"] #modal-conta.modal { background: rgba(20, 24, 40, 0.198); }
html[data-tema="porcelana"] #modal-conta .modal__foot { background: rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] #modal-conta .form-field > label { color: var(--text); }
html[data-tema="porcelana"] #modal-conta .form-field input { background: rgba(20, 24, 40, 0.090); }
html[data-tema="porcelana"] .ua-faixa { background: rgba(20, 24, 40, 0.024); }
html[data-tema="porcelana"] .ua-sheet .form-field > label { color: var(--text); }
html[data-tema="porcelana"] .ua-sheet .form-field input, html[data-tema="porcelana"] .ua-sheet .form-field select, html[data-tema="porcelana"] .ua-sheet .form-field textarea { background: rgba(20, 24, 40, 0.090); }
html[data-tema="porcelana"] .ped { --ped-card-2: var(--elev-a); }
html[data-tema="porcelana"] .ped-kpi { background: linear-gradient(180deg, rgba(20, 24, 40, 0.026), transparent 62%),
    var(--ped-card); }
html[data-tema="porcelana"] .ped-kpi__row + .ped-kpi__row { border-top: 1px solid rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .ped .tbl td { border-bottom: 1px solid rgba(20, 24, 40, 0.054); }
html[data-tema="porcelana"] .ped-marca { color: var(--gold); }
html[data-tema="porcelana"] .ped-status--warn { color: var(--gold); }
html[data-tema="porcelana"] .ped-entrega { background: var(--elev-a); }
html[data-tema="porcelana"] .ped .tbl td.ped-c-card { border-top: 1px solid rgba(20, 24, 40, 0.066); }
html[data-tema="porcelana"] .ri { --ri-line: rgba(20, 24, 40, 0.096); }
html[data-tema="porcelana"] .ri-live { color: var(--text); }
html[data-tema="porcelana"] .ri-tab.is-on { background: var(--elev-a); }
html[data-tema="porcelana"] .ri-kpi__val { color: var(--text); }
html[data-tema="porcelana"] .ri-switch__ui { background: var(--elev-a); }
html[data-tema="porcelana"] .ri-tag { background: rgba(20, 24, 40, 0.096); }
html[data-tema="porcelana"] .ri-tag--gold { color: var(--gold); }
html[data-tema="porcelana"] .ri-op__val { color: var(--text); }
html[data-tema="porcelana"] #bloco-form, html[data-tema="porcelana"] #detalhe { --ri-line: rgba(20, 24, 40, 0.096); }
html[data-tema="porcelana"] .rf { --rf-line: rgba(20, 24, 40, 0.096); }
html[data-tema="porcelana"] .rf-msg__grade { background: radial-gradient(700px 220px at 30% -30%, var(--accent-soft), transparent 55%),
    var(--elev-a); }
html[data-tema="porcelana"] .rf-msg:not(.is-open) .rf-msg__bolha-wrap::after { background: linear-gradient(transparent, var(--elev-a)); }
html[data-tema="porcelana"] .rf-msg__tokens code { background: rgba(20, 24, 40, 0.072); }
html[data-tema="porcelana"] .rf .tbl.rf-env th:first-child, html[data-tema="porcelana"] .rf .tbl.rf-env td:first-child { background: var(--surface, var(--elev-a)); }
html[data-tema="porcelana"] .rf-tipo--card { background: rgba(20, 24, 40, 0.096); }
html[data-tema="porcelana"] .rf-tipo--gg, html[data-tema="porcelana"] .rf-tipo--cc { background: rgba(20, 24, 40, 0.096); }
html[data-tema="porcelana"] .rf-rec { background: rgba(20, 24, 40, 0.034); }
html[data-tema="porcelana"] .rf-linha:hover td { background: rgba(20, 24, 40, 0.036); }
html[data-tema="porcelana"] .rf-thumb { background: rgba(20, 24, 40, 0.084); }
html[data-tema="porcelana"] .rf-thumb--carregando { background: linear-gradient(100deg, rgba(20, 24, 40, 0.036) 30%,
              rgba(20, 24, 40, 0.108) 50%, rgba(20, 24, 40, 0.036) 70%); }
html[data-tema="porcelana"] .rf-print { background: rgba(20, 24, 40, 0.066); }
html[data-tema="porcelana"] .rf-print--heroi { background: rgba(20, 24, 40, 0.126); }
html[data-tema="porcelana"] .rf-solta { background: rgba(20, 24, 40, 0.042); }
html[data-tema="porcelana"] .rf-provas__item { background: rgba(20, 24, 40, 0.024); }
html[data-tema="porcelana"] .rf-provas__thumb { background: rgba(20, 24, 40, 0.084); }
html[data-tema="porcelana"] .rva-card { box-shadow: var(--shadow-card), inset 0 1px 0 rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .rva-card--tbl { box-shadow: var(--shadow-card), inset 0 1px 0 rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .rva .rva-tbl tbody tr:hover { background: rgba(20, 24, 40, 0.034); }
html[data-tema="porcelana"] .sup-janela__fundo { background: rgba(20, 24, 40, 0.165); }
html[data-tema="porcelana"] .sup-scrim { background: rgba(20, 24, 40, 0.150); }
html[data-tema="porcelana"] .tx { --tx-card-2: var(--elev-a); --tx-line: rgba(20, 24, 40, 0.096); }
html[data-tema="porcelana"] .tx-kpi { background: linear-gradient(180deg, rgba(20, 24, 40, 0.026), transparent 62%),
    var(--tx-card); }
html[data-tema="porcelana"] .tx-kpi__row + .tx-kpi__row { border-top: 1px solid rgba(20, 24, 40, 0.060); }
html[data-tema="porcelana"] .tx .tbl td { border-bottom: 1px solid rgba(20, 24, 40, 0.054); }
html[data-tema="porcelana"] .tx .tbl td.tx-c-acoes { border-top: 1px solid rgba(20, 24, 40, 0.066); }
html[data-tema="porcelana"] .usr-top li { border-bottom: 1px solid rgba(20, 24, 40, 0.054); }
html[data-tema="porcelana"] #usr-sheet .usr-card { background: rgba(20, 24, 40, 0.024); }
html[data-tema="porcelana"] .usr-dl .u16-campo { background: rgba(20, 24, 40, 0.026); }
html[data-tema="porcelana"] .usr-fin input { background: rgba(20, 24, 40, 0.090); }
html[data-tema="porcelana"] .uc-tl__it { background: rgba(20, 24, 40, 0.024); }
html[data-tema="porcelana"] .sidebar__brand { background: linear-gradient(180deg, rgba(79, 95, 230, 0.06), rgba(255,255,255,.72)); }
html[data-tema="porcelana"] .seg { background: rgba(20, 24, 40, .05); }
html[data-tema="porcelana"] .seg__btn[aria-selected="true"], html[data-tema="porcelana"] .seg__btn.is-on { background: var(--accent); color: #ffffff; box-shadow: 0 1px 2px rgba(20,24,40,.18); }
html[data-tema="porcelana"] .sidebar__user-avatar, html[data-tema="porcelana"] .pa-avatar { background: rgba(20, 24, 40, .08); }
html[data-tema="porcelana"] .ac-vista__n { background: rgba(20, 24, 40, .08); color: var(--text); }
html[data-tema="porcelana"] .ac-vista .seg__btn[aria-selected="true"] .ac-vista__n { background: rgba(255, 255, 255, .24); color: #ffffff; }
html[data-tema="porcelana"] .shell::before { box-shadow: none; }
html[data-tema="porcelana"] .btn-sm--primary, html[data-tema="porcelana"] .in-btn--pri, html[data-tema="porcelana"] .rf-sync, html[data-tema="porcelana"] .gf-gerar, html[data-tema="porcelana"] .af-sync { background: var(--accent); border-color: transparent; color: #ffffff; }
html[data-tema="porcelana"] .btn-sm--primary:hover:not(:disabled) { color: #ffffff; filter: brightness(1.08); }
html[data-tema="porcelana"] .nav-item--active, html[data-tema="porcelana"] .secnav__item.is-on, html[data-tema="porcelana"] .secnav__mitem.is-on { color: var(--text); }
html[data-tema="porcelana"] .ci-base.is-on { background: var(--accent-soft); border-color: var(--accent-border); }
html[data-tema="porcelana"] .ci-base.is-on strong, html[data-tema="porcelana"] .ci-base.is-on .ci-base__kicker { color: var(--accent); }
html[data-tema="porcelana"] .ci-base.is-on .ci-base__hint { color: var(--text-2); }
html[data-tema="porcelana"] .tx-filtros-btn em, html[data-tema="porcelana"] .rec-busca__f em { background: var(--accent); color: #ffffff; }
html[data-tema="porcelana"] .mc-pill--bad, html[data-tema="porcelana"] .rec-tag--bad, html[data-tema="porcelana"] .tag--bad { color: var(--rose); }
html[data-tema="porcelana"] .mc-pill--gold, html[data-tema="porcelana"] .tag--gold { color: var(--gold); }

/* ===== Solar — quente · âmbar e laranja · pôr do sol ===== */
html[data-tema="solar"] {
  --bg: #140c08;
  --surface: #1d120c;
  --surface-2: #261811;
  --border: rgba(251,146,60,.20);
  --border-strong: rgba(251,146,60,.38);
  --hairline: rgba(251,146,60,.20);
  --text: #fff4ea;
  --text-2: #a58b78;
  --text-3: #ad9682;
  --accent: #fb923c;
  --accent-soft: rgba(251, 146, 60, 0.12);
  --accent-ring: rgba(251, 146, 60, 0.18);
  --accent-border: rgba(251, 146, 60, 0.45);
  --on-accent: #07130d;
  --danger-text: #f87171;
  --money: #ffd7a8;
  --money-soft: rgba(255, 215, 168, 0.12);
  --money-border: rgba(255, 215, 168, 0.4);
  --gold: #fde68a;
  --gold-soft: rgba(253, 230, 138, 0.12);
  --gold-border: rgba(253, 230, 138, 0.4);
  --rose: #f87171;
  --rose-soft: rgba(248, 113, 113, 0.1);
  --rose-border: rgba(248, 113, 113, 0.32);
  --elev-a: rgba(255,255,255,.05);
  --elev-b: rgba(255,255,255,.02);
  --chrome: rgba(29,18,12,.70);
  --chrome-2: rgba(20,12,8,.9);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.028), 0 18px 44px -30px rgba(0, 0, 0, 0.85);
  --radius: 18px;
  --radius-lg: 24px;
  --radius-sm: 12px;
  --font: "Urbanist", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Urbanist", "Urbanist", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --tema-glow: rgba(251,146,60,.35);
}
html[data-tema="solar"] .shell::before { background: radial-gradient(125% 90% at 50% 0%, #1d120c 0%, #140c08 46%, #140c08 100%), radial-gradient(900px 500px at 80% -10%, rgba(251,146,60,.28), transparent 60%), radial-gradient(700px 400px at 0% 100%, rgba(239,68,68,.16), transparent 60%); }
html[data-tema="solar"] .shell::after { background-image: none; }
html[data-tema="solar"] .sidebar { background: radial-gradient(120% 30% at 0% 0%, rgba(251, 146, 60, 0.08), transparent 60%), linear-gradient(178deg, var(--chrome), var(--chrome-2)); }
html[data-tema="solar"] .nav-item--active { background: linear-gradient(100deg, var(--accent-soft), rgba(251, 146, 60, 0.045)); }

html[data-tema="solar"] { --tema-gradnum: linear-gradient(90deg,#fde68a,#fb923c); }
html[data-tema="solar"] .panel, html[data-tema="solar"] .kpi, html[data-tema="solar"] .dz-hero, html[data-tema="solar"] .modal__box, html[data-tema="solar"] .seg, html[data-tema="solar"] .search__box { -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
html[data-tema="solar"] .panel, html[data-tema="solar"] .kpi, html[data-tema="solar"] .dz-hero { box-shadow: inset 0 1px 0 rgba(255,255,255,.07), var(--shadow-card); }
html[data-tema="solar"] .dz-hero, html[data-tema="solar"] .kpi--hero { overflow: hidden; box-shadow: 0 0 0 1px var(--border), 0 26px 80px -26px var(--tema-glow); }
html[data-tema="solar"] .dz-hero::after, html[data-tema="solar"] .kpi--hero::after { content: ""; position: absolute; right: -18%; bottom: -70%; width: 60%; height: 140%; border-radius: 50%; background: radial-gradient(closest-side, var(--tema-glow), transparent); pointer-events: none; }
html[data-tema="solar"] .dz-hero__val .money__v, html[data-tema="solar"] .kpi--hero .kpi__value { background: var(--tema-gradnum); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ===== Vidro Fosco — manchas de cor desfocadas · vidro branco ===== */
html[data-tema="vidro-fosco"] {
  --bg: #0b0b14;
  --surface: #15152a;
  --surface-2: #1c1c36;
  --border: rgba(255,255,255,.18);
  --border-strong: rgba(255,255,255,.30);
  --hairline: rgba(255,255,255,.18);
  --text: #ffffff;
  --text-2: #b8b8d0;
  --text-3: #8f8fab;
  --accent: #f0abfc;
  --accent-soft: rgba(240, 171, 252, 0.12);
  --accent-ring: rgba(240, 171, 252, 0.18);
  --accent-border: rgba(240, 171, 252, 0.45);
  --on-accent: #07130d;
  --danger-text: #fb7185;
  --money: #ffffff;
  --money-soft: rgba(255, 255, 255, 0.12);
  --money-border: rgba(255, 255, 255, 0.4);
  --gold: #fde047;
  --gold-soft: rgba(253, 224, 71, 0.12);
  --gold-border: rgba(253, 224, 71, 0.4);
  --rose: #fb7185;
  --rose-soft: rgba(251, 113, 133, 0.1);
  --rose-border: rgba(251, 113, 133, 0.32);
  --elev-a: rgba(255,255,255,.09);
  --elev-b: rgba(255,255,255,.05);
  --chrome: rgba(18,18,42,.55);
  --chrome-2: rgba(11,11,20,.82);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.028), 0 18px 44px -30px rgba(0, 0, 0, 0.85);
  --radius: 20px;
  --radius-lg: 26px;
  --radius-sm: 13px;
  --font: "Onest", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Onest", "Onest", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --tema-glow: rgba(240,171,252,.3);
}
html[data-tema="vidro-fosco"] .shell::before { background: radial-gradient(125% 90% at 50% 0%, #15152a 0%, #0b0b14 46%, #0b0b14 100%), radial-gradient(520px 420px at 18% 18%, rgba(168,85,247,.55), transparent 62%), radial-gradient(520px 420px at 82% 28%, rgba(236,72,153,.45), transparent 62%), radial-gradient(640px 420px at 50% 100%, rgba(249,115,22,.40), transparent 62%); }
html[data-tema="vidro-fosco"] .shell::after { background-image: none; }
html[data-tema="vidro-fosco"] .sidebar { background: radial-gradient(120% 30% at 0% 0%, rgba(240, 171, 252, 0.08), transparent 60%), linear-gradient(178deg, var(--chrome), var(--chrome-2)); }
html[data-tema="vidro-fosco"] .nav-item--active { background: linear-gradient(100deg, var(--accent-soft), rgba(240, 171, 252, 0.045)); }

html[data-tema="vidro-fosco"] .panel, html[data-tema="vidro-fosco"] .kpi, html[data-tema="vidro-fosco"] .dz-hero, html[data-tema="vidro-fosco"] .modal__box, html[data-tema="vidro-fosco"] .seg, html[data-tema="vidro-fosco"] .search__box { -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
html[data-tema="vidro-fosco"] .panel, html[data-tema="vidro-fosco"] .kpi, html[data-tema="vidro-fosco"] .dz-hero { box-shadow: inset 0 1px 0 rgba(255,255,255,.07), var(--shadow-card); }
html[data-tema="vidro-fosco"] .shell::before { filter: blur(48px); transform: scale(1.12); }

/* ===== Terminal — fósforo verde · mono · quase sem texto ===== */
html[data-tema="terminal"] {
  --bg: #040805;
  --surface: #070d09;
  --surface-2: #0b140e;
  --border: rgba(74,222,128,.25);
  --border-strong: rgba(74,222,128,.45);
  --hairline: rgba(74,222,128,.25);
  --text: #c8f5d4;
  --text-2: #5e9c6d;
  --text-3: #5fa070;
  --accent: #4ade80;
  --accent-soft: rgba(74, 222, 128, 0.12);
  --accent-ring: rgba(74, 222, 128, 0.18);
  --accent-border: rgba(74, 222, 128, 0.45);
  --on-accent: #07130d;
  --danger-text: #f87171;
  --money: #4ade80;
  --money-soft: rgba(74, 222, 128, 0.12);
  --money-border: rgba(74, 222, 128, 0.4);
  --gold: #facc15;
  --gold-soft: rgba(250, 204, 21, 0.12);
  --gold-border: rgba(250, 204, 21, 0.4);
  --rose: #f87171;
  --rose-soft: rgba(248, 113, 113, 0.1);
  --rose-border: rgba(248, 113, 113, 0.32);
  --elev-a: rgba(74,222,128,.05);
  --elev-b: rgba(74,222,128,.02);
  --chrome: rgba(7,13,9,.8);
  --chrome-2: rgba(4,8,5,.94);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.028), 0 18px 44px -30px rgba(0, 0, 0, 0.85);
  --radius: 2px;
  --radius-lg: 3px;
  --radius-sm: 2px;
  --font: "JetBrains Mono", ui-monospace, monospace;
  --font-display: "JetBrains Mono", ui-monospace, monospace;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --tema-glow: rgba(74,222,128,.25);
}
html[data-tema="terminal"] .shell::before { background: radial-gradient(125% 90% at 50% 0%, #070d09 0%, #040805 46%, #040805 100%); }
html[data-tema="terminal"] .shell::after { background-image: none; }
html[data-tema="terminal"] .sidebar { background: radial-gradient(120% 30% at 0% 0%, rgba(74, 222, 128, 0.08), transparent 60%), linear-gradient(178deg, var(--chrome), var(--chrome-2)); }
html[data-tema="terminal"] .nav-item--active { background: linear-gradient(100deg, var(--accent-soft), rgba(74, 222, 128, 0.045)); }

html[data-tema="terminal"] .loja-head__eyebrow, html[data-tema="terminal"] .kpi__label, html[data-tema="terminal"] .dz-hero__eyebrow, html[data-tema="terminal"] .nav-group__label, html[data-tema="terminal"] .tbl th { letter-spacing: .12em; }
html[data-tema="terminal"] .dz-hero__val { letter-spacing: 0; }
html[data-tema="terminal"] .shell::after { background-image: repeating-linear-gradient(0deg, rgba(0,0,0,.22) 0 1px, transparent 1px 3px); -webkit-mask-image: none; mask-image: none; opacity: .9; }
html[data-tema="terminal"] .panel, html[data-tema="terminal"] .kpi, html[data-tema="terminal"] .dz-hero { border-color: transparent; border-top: 1px solid var(--border); border-radius: 0; background: linear-gradient(180deg, var(--elev-a), transparent 70%); box-shadow: none; }
html[data-tema="terminal"] .panel::before { display: none; }
html[data-tema="terminal"] .dz-hero { border: 1px solid var(--border); }

/* ===== Bento — blocos coloridos · cantos redondos · sem bordas ===== */
html[data-tema="bento"] {
  --bg: #0e0f13;
  --surface: #15161c;
  --surface-2: #1b1d25;
  --border: rgba(255,255,255,.0);
  --border-strong: rgba(255,255,255,.12);
  --hairline: rgba(255,255,255,.0);
  --text: #f5f5f7;
  --text-2: #b3b8c8;
  --text-3: #8e93a4;
  --accent: #a3e635;
  --accent-soft: rgba(163, 230, 53, 0.12);
  --accent-ring: rgba(163, 230, 53, 0.18);
  --accent-border: rgba(163, 230, 53, 0.45);
  --on-accent: #07130d;
  --danger-text: #fb7185;
  --money: #ffffff;
  --money-soft: rgba(255, 255, 255, 0.12);
  --money-border: rgba(255, 255, 255, 0.4);
  --gold: #fbbf24;
  --gold-soft: rgba(251, 191, 36, 0.12);
  --gold-border: rgba(251, 191, 36, 0.4);
  --rose: #fb7185;
  --rose-soft: rgba(251, 113, 133, 0.1);
  --rose-border: rgba(251, 113, 133, 0.32);
  --elev-a: #1b1d25;
  --elev-b: #181a21;
  --chrome: rgba(21,22,28,.9);
  --chrome-2: rgba(14,15,19,.96);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.028), 0 18px 44px -30px rgba(0, 0, 0, 0.85);
  --radius: 22px;
  --radius-lg: 26px;
  --radius-sm: 14px;
  --font: "Nunito", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Figtree", "Nunito", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --tema-glow: transparent;
}
html[data-tema="bento"] .shell::before { background: radial-gradient(125% 90% at 50% 0%, #15161c 0%, #0e0f13 46%, #0e0f13 100%); }
html[data-tema="bento"] .shell::after { background-image: none; }
html[data-tema="bento"] .sidebar { background: radial-gradient(120% 30% at 0% 0%, rgba(163, 230, 53, 0.08), transparent 60%), linear-gradient(178deg, var(--chrome), var(--chrome-2)); }
html[data-tema="bento"] .nav-item--active { background: linear-gradient(100deg, var(--accent-soft), rgba(163, 230, 53, 0.045)); }

html[data-tema="bento"] { --tema-t1: #233252; --tema-t2: #2e2144; --tema-t3: #1f3d32; --tema-t4: #3d2b1f; }
html[data-tema="bento"] .panel, html[data-tema="bento"] .kpi, html[data-tema="bento"] .dz-hero { border-color: transparent; box-shadow: none; }
html[data-tema="bento"] .panel::before, html[data-tema="bento"] .kpi::before { display: none; }
html[data-tema="bento"] .dz-hero { background: var(--tema-t1); }
html[data-tema="bento"] .kpi-row .kpi:nth-child(4n+1) { background: var(--tema-t2); }
html[data-tema="bento"] .kpi-row .kpi:nth-child(4n+2) { background: var(--tema-t3); }
html[data-tema="bento"] .kpi-row .kpi:nth-child(4n+3) { background: var(--tema-t4); }
html[data-tema="bento"] .kpi--gold, html[data-tema="bento"] .kpi--bad { background: var(--tema-t4); }
html[data-tema="bento"] .kpi__label, html[data-tema="bento"] .kpi__hint, html[data-tema="bento"] .in-lab, html[data-tema="bento"] .in-sub, html[data-tema="bento"] .badge-fonte { color: var(--text-2); }

/* ===== Cinema — escuro absoluto · caixa-alta espaçada · herói central ===== */
html[data-tema="cinema"] {
  --bg: #000000;
  --surface: #0a0a0a;
  --surface-2: #111111;
  --border: rgba(255,255,255,.14);
  --border-strong: rgba(255,255,255,.26);
  --hairline: rgba(255,255,255,.14);
  --text: #ffffff;
  --text-2: #9a9a9a;
  --text-3: #7f7f7f;
  --accent: #e5e5e5;
  --accent-soft: rgba(229, 229, 229, 0.12);
  --accent-ring: rgba(229, 229, 229, 0.18);
  --accent-border: rgba(229, 229, 229, 0.45);
  --on-accent: #07130d;
  --danger-text: #f87171;
  --money: #ffffff;
  --money-soft: rgba(255, 255, 255, 0.12);
  --money-border: rgba(255, 255, 255, 0.4);
  --gold: #f5c96b;
  --gold-soft: rgba(245, 201, 107, 0.12);
  --gold-border: rgba(245, 201, 107, 0.4);
  --rose: #f87171;
  --rose-soft: rgba(248, 113, 113, 0.1);
  --rose-border: rgba(248, 113, 113, 0.32);
  --elev-a: rgba(255,255,255,.025);
  --elev-b: rgba(255,255,255,.01);
  --chrome: rgba(8,8,8,.8);
  --chrome-2: rgba(0,0,0,.94);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.028), 0 18px 44px -30px rgba(0, 0, 0, 0.85);
  --radius: 8px;
  --radius-lg: 10px;
  --radius-sm: 6px;
  --font: "Albert Sans", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Bricolage Grotesque", "Albert Sans", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --tema-glow: rgba(255,255,255,.12);
}
html[data-tema="cinema"] .shell::before { background: radial-gradient(125% 90% at 50% 0%, #0a0a0a 0%, #000000 46%, #000000 100%), radial-gradient(700px 300px at 50% 0%, rgba(255,255,255,.08), transparent 60%); }
html[data-tema="cinema"] .shell::after { background-image: none; }
html[data-tema="cinema"] .sidebar { background: radial-gradient(120% 30% at 0% 0%, rgba(229, 229, 229, 0.08), transparent 60%), linear-gradient(178deg, var(--chrome), var(--chrome-2)); }
html[data-tema="cinema"] .nav-item--active { background: linear-gradient(100deg, var(--accent-soft), rgba(229, 229, 229, 0.045)); }

html[data-tema="cinema"] .loja-head__eyebrow, html[data-tema="cinema"] .kpi__label, html[data-tema="cinema"] .dz-hero__eyebrow, html[data-tema="cinema"] .nav-group__label, html[data-tema="cinema"] .tbl th, html[data-tema="cinema"] .panel__title { letter-spacing: .18em; text-transform: uppercase; font-size: 10.5px; }
html[data-tema="cinema"] .panel__title { font-size: 12px; }
html[data-tema="cinema"] .dz-hero { grid-template-columns: 1fr; text-align: center; }
html[data-tema="cinema"] .dz-hero__lead { align-items: center; }
html[data-tema="cinema"] .dz-hero__eyebrow { justify-content: center; }
html[data-tema="cinema"] .dz-hero__val { font-size: clamp(44px, 7vw, 64px); }
html[data-tema="cinema"] .panel, html[data-tema="cinema"] .kpi, html[data-tema="cinema"] .dz-hero { border-color: transparent; border-top: 1px solid var(--border); border-radius: 0; background: linear-gradient(180deg, var(--elev-a), transparent 70%); box-shadow: none; }
html[data-tema="cinema"] .panel::before { display: none; }
html[data-tema="cinema"] .dz-hero { border: 1px solid var(--border); }
html[data-tema="cinema"] .shell::before { box-shadow: inset 0 0 220px 60px rgba(0,0,0,.75); }

/* ===== Cobalto — azul cobalto → meia-noite · ciano ===== */
html[data-tema="cobalto"] {
  --bg: #061033;
  --surface: #0a1a4d;
  --surface-2: #0f2260;
  --border: rgba(125,211,252,.20);
  --border-strong: rgba(125,211,252,.38);
  --hairline: rgba(125,211,252,.20);
  --text: #f0f7ff;
  --text-2: #8fb0d6;
  --text-3: #6d8fb8;
  --accent: #22d3ee;
  --accent-soft: rgba(34, 211, 238, 0.12);
  --accent-ring: rgba(34, 211, 238, 0.18);
  --accent-border: rgba(34, 211, 238, 0.45);
  --on-accent: #07130d;
  --danger-text: #fb7185;
  --money: #ffffff;
  --money-soft: rgba(255, 255, 255, 0.12);
  --money-border: rgba(255, 255, 255, 0.4);
  --gold: #fde047;
  --gold-soft: rgba(253, 224, 71, 0.12);
  --gold-border: rgba(253, 224, 71, 0.4);
  --rose: #fb7185;
  --rose-soft: rgba(251, 113, 133, 0.1);
  --rose-border: rgba(251, 113, 133, 0.32);
  --elev-a: rgba(255,255,255,.075);
  --elev-b: rgba(255,255,255,.035);
  --chrome: rgba(9,24,72,.66);
  --chrome-2: rgba(6,16,51,.9);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.028), 0 18px 44px -30px rgba(0, 0, 0, 0.85);
  --radius: 14px;
  --radius-lg: 20px;
  --radius-sm: 10px;
  --font: "Red Hat Text", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Red Hat Display", "Red Hat Text", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --tema-glow: rgba(34,211,238,.35);
}
html[data-tema="cobalto"] .shell::before { background: radial-gradient(125% 90% at 50% 0%, #0a1a4d 0%, #061033 46%, #061033 100%), linear-gradient(160deg, rgba(11,42,122,.9) 0%, rgba(6,16,51,0) 60%), radial-gradient(700px 400px at 90% 0%, rgba(34,211,238,.25), transparent 60%); }
html[data-tema="cobalto"] .shell::after { background-image: none; }
html[data-tema="cobalto"] .sidebar { background: radial-gradient(120% 30% at 0% 0%, rgba(34, 211, 238, 0.08), transparent 60%), linear-gradient(178deg, var(--chrome), var(--chrome-2)); }
html[data-tema="cobalto"] .nav-item--active { background: linear-gradient(100deg, var(--accent-soft), rgba(34, 211, 238, 0.045)); }

html[data-tema="cobalto"] .panel, html[data-tema="cobalto"] .kpi, html[data-tema="cobalto"] .dz-hero, html[data-tema="cobalto"] .modal__box, html[data-tema="cobalto"] .seg, html[data-tema="cobalto"] .search__box { -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
html[data-tema="cobalto"] .panel, html[data-tema="cobalto"] .kpi, html[data-tema="cobalto"] .dz-hero { box-shadow: inset 0 1px 0 rgba(255,255,255,.07), var(--shadow-card); }
html[data-tema="cobalto"] .dz-hero, html[data-tema="cobalto"] .kpi--hero { overflow: hidden; box-shadow: 0 0 0 1px var(--border), 0 26px 80px -26px var(--tema-glow); }
html[data-tema="cobalto"] .dz-hero::after, html[data-tema="cobalto"] .kpi--hero::after { content: ""; position: absolute; right: -18%; bottom: -70%; width: 60%; height: 140%; border-radius: 50%; background: radial-gradient(closest-side, var(--tema-glow), transparent); pointer-events: none; }

/* ===== Roxo Real — violeta profundo · lavanda · vidro ===== */
html[data-tema="roxo-real"] {
  --bg: #120a24;
  --surface: #1b1035;
  --surface-2: #231545;
  --border: rgba(196,181,253,.20);
  --border-strong: rgba(196,181,253,.38);
  --hairline: rgba(196,181,253,.20);
  --text: #f5f3ff;
  --text-2: #a397c9;
  --text-3: #a394c9;
  --accent: #c4b5fd;
  --accent-soft: rgba(196, 181, 253, 0.12);
  --accent-ring: rgba(196, 181, 253, 0.18);
  --accent-border: rgba(196, 181, 253, 0.45);
  --on-accent: #07130d;
  --danger-text: #fb7185;
  --money: #ffffff;
  --money-soft: rgba(255, 255, 255, 0.12);
  --money-border: rgba(255, 255, 255, 0.4);
  --gold: #fbbf24;
  --gold-soft: rgba(251, 191, 36, 0.12);
  --gold-border: rgba(251, 191, 36, 0.4);
  --rose: #fb7185;
  --rose-soft: rgba(251, 113, 133, 0.1);
  --rose-border: rgba(251, 113, 133, 0.32);
  --elev-a: rgba(255,255,255,.06);
  --elev-b: rgba(255,255,255,.025);
  --chrome: rgba(27,16,53,.66);
  --chrome-2: rgba(18,10,36,.9);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.028), 0 18px 44px -30px rgba(0, 0, 0, 0.85);
  --radius: 16px;
  --radius-lg: 22px;
  --radius-sm: 11px;
  --font: "DM Sans", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Syne", "DM Sans", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --tema-glow: rgba(196,181,253,.35);
}
html[data-tema="roxo-real"] .shell::before { background: radial-gradient(125% 90% at 50% 0%, #1b1035 0%, #120a24 46%, #120a24 100%), radial-gradient(900px 500px at 70% -10%, rgba(139,92,246,.35), transparent 60%), radial-gradient(500px 300px at 0% 100%, rgba(236,72,153,.18), transparent 60%); }
html[data-tema="roxo-real"] .shell::after { background-image: none; }
html[data-tema="roxo-real"] .sidebar { background: radial-gradient(120% 30% at 0% 0%, rgba(196, 181, 253, 0.08), transparent 60%), linear-gradient(178deg, var(--chrome), var(--chrome-2)); }
html[data-tema="roxo-real"] .nav-item--active { background: linear-gradient(100deg, var(--accent-soft), rgba(196, 181, 253, 0.045)); }

html[data-tema="roxo-real"] .panel, html[data-tema="roxo-real"] .kpi, html[data-tema="roxo-real"] .dz-hero, html[data-tema="roxo-real"] .modal__box, html[data-tema="roxo-real"] .seg, html[data-tema="roxo-real"] .search__box { -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
html[data-tema="roxo-real"] .panel, html[data-tema="roxo-real"] .kpi, html[data-tema="roxo-real"] .dz-hero { box-shadow: inset 0 1px 0 rgba(255,255,255,.07), var(--shadow-card); }
html[data-tema="roxo-real"] .dz-hero, html[data-tema="roxo-real"] .kpi--hero { overflow: hidden; box-shadow: 0 0 0 1px var(--border), 0 26px 80px -26px var(--tema-glow); }
html[data-tema="roxo-real"] .dz-hero::after, html[data-tema="roxo-real"] .kpi--hero::after { content: ""; position: absolute; right: -18%; bottom: -70%; width: 60%; height: 140%; border-radius: 50%; background: radial-gradient(closest-side, var(--tema-glow), transparent); pointer-events: none; }

/* ===== Carbono — cinza-carbono · laranja de corrida · cantos vivos ===== */
html[data-tema="carbono"] {
  --bg: #101214;
  --surface: #171a1d;
  --surface-2: #1c2024;
  --border: rgba(255,255,255,.08);
  --border-strong: rgba(255,255,255,.18);
  --hairline: rgba(255,255,255,.08);
  --text: #f3f4f6;
  --text-2: #8a939c;
  --text-3: #8f98a2;
  --accent: #ff5a1f;
  --accent-soft: rgba(255, 90, 31, 0.12);
  --accent-ring: rgba(255, 90, 31, 0.18);
  --accent-border: rgba(255, 90, 31, 0.45);
  --on-accent: #1a0c05;
  --danger-text: #f87171;
  --money: #ffffff;
  --money-soft: rgba(255, 255, 255, 0.12);
  --money-border: rgba(255, 255, 255, 0.4);
  --gold: #ff5a1f;
  --gold-soft: rgba(255, 90, 31, 0.12);
  --gold-border: rgba(255, 90, 31, 0.4);
  --rose: #f87171;
  --rose-soft: rgba(248, 113, 113, 0.1);
  --rose-border: rgba(248, 113, 113, 0.32);
  --elev-a: #1c2126;
  --elev-b: #171b1f;
  --chrome: rgba(23,26,29,.86);
  --chrome-2: rgba(16,18,20,.96);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.028), 0 18px 44px -30px rgba(0, 0, 0, 0.85);
  --radius: 3px;
  --radius-lg: 4px;
  --radius-sm: 3px;
  --font: "Barlow", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Rajdhani", "Barlow", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --tema-glow: rgba(255,90,31,.3);
}
html[data-tema="carbono"] .shell::before { background: radial-gradient(125% 90% at 50% 0%, #171a1d 0%, #101214 46%, #101214 100%); }
html[data-tema="carbono"] .shell::after { background-image: none; }
html[data-tema="carbono"] .sidebar { background: radial-gradient(120% 30% at 0% 0%, rgba(255, 90, 31, 0.08), transparent 60%), linear-gradient(178deg, var(--chrome), var(--chrome-2)); }
html[data-tema="carbono"] .nav-item--active { background: linear-gradient(100deg, var(--accent-soft), rgba(255, 90, 31, 0.045)); }

html[data-tema="carbono"] .shell::after { background-image: repeating-linear-gradient(45deg, rgba(255,255,255,.028) 0 2px, transparent 2px 6px); -webkit-mask-image: none; mask-image: none; }
html[data-tema="carbono"] .dz-hero, html[data-tema="carbono"] .kpi--hero { border-left: 3px solid var(--accent); }
html[data-tema="carbono"] .loja-head h1, html[data-tema="carbono"] .page-head h1, html[data-tema="carbono"] .panel__title, html[data-tema="carbono"] .dz-hero__val, html[data-tema="carbono"] .kpi__value { text-transform: uppercase; letter-spacing: .02em; }

/* ===== Nórdico — azul-cinza · pastéis baixos · muito respiro ===== */
html[data-tema="nordico"] {
  --bg: #151b22;
  --surface: #1b222b;
  --surface-2: #212a34;
  --border: rgba(255,255,255,.06);
  --border-strong: rgba(255,255,255,.14);
  --hairline: rgba(255,255,255,.06);
  --text: #e8edf2;
  --text-2: #9aa7b4;
  --text-3: #8391a0;
  --accent: #8fd3c6;
  --accent-soft: rgba(143, 211, 198, 0.12);
  --accent-ring: rgba(143, 211, 198, 0.18);
  --accent-border: rgba(143, 211, 198, 0.45);
  --on-accent: #07130d;
  --danger-text: #f49b9b;
  --money: #e8edf2;
  --money-soft: rgba(232, 237, 242, 0.12);
  --money-border: rgba(232, 237, 242, 0.4);
  --gold: #e9c46a;
  --gold-soft: rgba(233, 196, 106, 0.12);
  --gold-border: rgba(233, 196, 106, 0.4);
  --rose: #f49b9b;
  --rose-soft: rgba(244, 155, 155, 0.1);
  --rose-border: rgba(244, 155, 155, 0.32);
  --elev-a: #1e2730;
  --elev-b: #1b232c;
  --chrome: rgba(27,34,43,.86);
  --chrome-2: rgba(21,27,34,.96);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.028), 0 18px 44px -30px rgba(0, 0, 0, 0.85);
  --radius: 14px;
  --radius-lg: 18px;
  --radius-sm: 10px;
  --font: "Albert Sans", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Albert Sans", "Albert Sans", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --tema-glow: transparent;
}
html[data-tema="nordico"] .shell::before { background: radial-gradient(125% 90% at 50% 0%, #1b222b 0%, #151b22 46%, #151b22 100%); }
html[data-tema="nordico"] .shell::after { background-image: none; }
html[data-tema="nordico"] .sidebar { background: radial-gradient(120% 30% at 0% 0%, rgba(143, 211, 198, 0.08), transparent 60%), linear-gradient(178deg, var(--chrome), var(--chrome-2)); }
html[data-tema="nordico"] .nav-item--active { background: linear-gradient(100deg, var(--accent-soft), rgba(143, 211, 198, 0.045)); }

html[data-tema="nordico"] .content { padding: 32px 28px 56px; }
html[data-tema="nordico"] .panel__body, html[data-tema="nordico"] .kpi { padding: 18px 20px; }
html[data-tema="nordico"] .kpi-row { gap: 14px; }

/* ===== Holograma — bordas iridescentes · escuro · display largo ===== */
html[data-tema="holograma"] {
  --bg: #08080c;
  --surface: #101018;
  --surface-2: #16161f;
  --border: rgba(255,255,255,.10);
  --border-strong: rgba(255,255,255,.22);
  --hairline: rgba(255,255,255,.10);
  --text: #ffffff;
  --text-2: #8f8fa8;
  --text-3: #8e8eb0;
  --accent: #7dd3fc;
  --accent-soft: rgba(125, 211, 252, 0.12);
  --accent-ring: rgba(125, 211, 252, 0.18);
  --accent-border: rgba(125, 211, 252, 0.45);
  --on-accent: #07130d;
  --danger-text: #fb7185;
  --money: #ffffff;
  --money-soft: rgba(255, 255, 255, 0.12);
  --money-border: rgba(255, 255, 255, 0.4);
  --gold: #fde047;
  --gold-soft: rgba(253, 224, 71, 0.12);
  --gold-border: rgba(253, 224, 71, 0.4);
  --rose: #fb7185;
  --rose-soft: rgba(251, 113, 133, 0.1);
  --rose-border: rgba(251, 113, 133, 0.32);
  --elev-a: #0f0f16;
  --elev-b: #0d0d13;
  --chrome: rgba(16,16,24,.8);
  --chrome-2: rgba(8,8,12,.94);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.028), 0 18px 44px -30px rgba(0, 0, 0, 0.85);
  --radius: 14px;
  --radius-lg: 18px;
  --radius-sm: 10px;
  --font: "Hanken Grotesk", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Unbounded", "Hanken Grotesk", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --tema-glow: rgba(125,211,252,.25);
}
html[data-tema="holograma"] .shell::before { background: radial-gradient(125% 90% at 50% 0%, #101018 0%, #08080c 46%, #08080c 100%); }
html[data-tema="holograma"] .shell::after { background-image: none; }
html[data-tema="holograma"] .sidebar { background: radial-gradient(120% 30% at 0% 0%, rgba(125, 211, 252, 0.08), transparent 60%), linear-gradient(178deg, var(--chrome), var(--chrome-2)); }
html[data-tema="holograma"] .nav-item--active { background: linear-gradient(100deg, var(--accent-soft), rgba(125, 211, 252, 0.045)); }

html[data-tema="holograma"] .panel, html[data-tema="holograma"] .kpi, html[data-tema="holograma"] .dz-hero, html[data-tema="holograma"] .modal__box { border: 1px solid transparent; background: linear-gradient(var(--elev-a), var(--elev-b)) padding-box, conic-gradient(from 180deg, #7dd3fc, #c4b5fd, #f9a8d4, #fde68a, #86efac, #7dd3fc) border-box; }
html[data-tema="holograma"] .panel::before, html[data-tema="holograma"] .kpi::before { display: none; }
html[data-tema="holograma"] .dz-hero, html[data-tema="holograma"] .kpi--hero { overflow: hidden; box-shadow: 0 0 0 1px var(--border), 0 26px 80px -26px var(--tema-glow); }
html[data-tema="holograma"] .dz-hero::after, html[data-tema="holograma"] .kpi--hero::after { content: ""; position: absolute; right: -18%; bottom: -70%; width: 60%; height: 140%; border-radius: 50%; background: radial-gradient(closest-side, var(--tema-glow), transparent); pointer-events: none; }

/* ===== Monocromo — preto, branco e cinza · números gigantes · um acento ===== */
html[data-tema="monocromo"] {
  --bg: #0a0a0a;
  --surface: #111111;
  --surface-2: #171717;
  --border: rgba(255,255,255,.12);
  --border-strong: rgba(255,255,255,.24);
  --hairline: rgba(255,255,255,.12);
  --text: #ffffff;
  --text-2: #9c9c9c;
  --text-3: #808080;
  --accent: #ffffff;
  --accent-soft: rgba(255, 255, 255, 0.12);
  --accent-ring: rgba(255, 255, 255, 0.18);
  --accent-border: rgba(255, 255, 255, 0.45);
  --on-accent: #07130d;
  --danger-text: #ff3b30;
  --money: #ffffff;
  --money-soft: rgba(255, 255, 255, 0.12);
  --money-border: rgba(255, 255, 255, 0.4);
  --gold: #ff3b30;
  --gold-soft: rgba(255, 59, 48, 0.12);
  --gold-border: rgba(255, 59, 48, 0.4);
  --rose: #ff3b30;
  --rose-soft: rgba(255, 59, 48, 0.1);
  --rose-border: rgba(255, 59, 48, 0.32);
  --elev-a: #141414;
  --elev-b: #101010;
  --chrome: rgba(17,17,17,.86);
  --chrome-2: rgba(10,10,10,.96);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.028), 0 18px 44px -30px rgba(0, 0, 0, 0.85);
  --radius: 0px;
  --radius-lg: 0px;
  --radius-sm: 0px;
  --font: "Archivo", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Archivo", "Archivo", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --tema-glow: transparent;
}
html[data-tema="monocromo"] .shell::before { background: radial-gradient(125% 90% at 50% 0%, #111111 0%, #0a0a0a 46%, #0a0a0a 100%); }
html[data-tema="monocromo"] .shell::after { background-image: none; }
html[data-tema="monocromo"] .sidebar { background: radial-gradient(120% 30% at 0% 0%, rgba(255, 255, 255, 0.08), transparent 60%), linear-gradient(178deg, var(--chrome), var(--chrome-2)); }
html[data-tema="monocromo"] .nav-item--active { background: linear-gradient(100deg, var(--accent-soft), rgba(255, 255, 255, 0.045)); }

html[data-tema="monocromo"] .panel, html[data-tema="monocromo"] .kpi, html[data-tema="monocromo"] .dz-hero { border-color: transparent; border-top: 1px solid var(--border); border-radius: 0; background: linear-gradient(180deg, var(--elev-a), transparent 70%); box-shadow: none; }
html[data-tema="monocromo"] .panel::before { display: none; }
html[data-tema="monocromo"] .dz-hero { border: 1px solid var(--border); }
html[data-tema="monocromo"] .dz-hero__val { font-size: clamp(48px, 8vw, 72px); letter-spacing: -0.05em; }
html[data-tema="monocromo"] .kpi__value { font-size: 30px; letter-spacing: -0.03em; }
html[data-tema="monocromo"] .loja-head h1, html[data-tema="monocromo"] .page-head h1 { font-weight: 800; letter-spacing: -0.03em; }

/* ===== seletor de tema (topbar) ===== */
.topbar__tema { display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0; padding: 7px 11px; border: 1px solid var(--border-strong); border-radius: 9px; font-size: 13px; font-weight: 560; color: var(--text-2); transition: border-color .12s ease, color .12s ease, background .12s ease; }
.topbar__tema svg { width: 15px; height: 15px; flex-shrink: 0; }
.topbar__tema:hover, .topbar__tema[aria-expanded="true"] { border-color: var(--accent-border); color: var(--text); background: var(--accent-soft); }
.tema-pop { position: fixed; top: calc(var(--topbar-h) + 6px); right: 16px; z-index: 60; width: min(560px, calc(100vw - 24px)); max-height: calc(100vh - var(--topbar-h) - 20px); overflow: auto; padding: 14px; border: 1px solid var(--border-strong); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-pop); }
.tema-pop[hidden] { display: none; }
.tema-pop__head { display: flex; align-items: baseline; gap: 10px; margin: 2px 4px 12px; }
.tema-pop__head h2 { font-family: var(--font-display); font-size: 15px; font-weight: 600; letter-spacing: -.01em; }
.tema-pop__head p { color: var(--text-3); font-size: 12px; margin-left: auto; }
.tema-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; }
.tema-sw { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 8px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); text-align: left; cursor: pointer; transition: border-color .12s ease, transform .12s ease; }
.tema-sw:hover { border-color: var(--border-strong); transform: translateY(-1px); }
.tema-sw[aria-pressed="true"] { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-ring); }
.tema-sw__prev { position: relative; height: 62px; border-radius: 8px; overflow: hidden; border: 1px solid rgba(0,0,0,.25); background: var(--sw-bg); }
.tema-sw__prev::before { content: ""; position: absolute; inset: 0; background: var(--sw-mesh, none); }
.tema-sw__card { position: absolute; left: 8px; right: 8px; top: 10px; bottom: 10px; border-radius: 6px; background: var(--sw-card); border: 1px solid var(--sw-line); backdrop-filter: blur(6px); }
.tema-sw__num { position: absolute; left: 16px; top: 18px; font-family: var(--sw-font, var(--font-display)); font-weight: 700; font-size: 15px; color: var(--sw-money); letter-spacing: -.02em; }
.tema-sw__dot { position: absolute; right: 16px; top: 20px; width: 10px; height: 10px; border-radius: 50%; background: var(--sw-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--sw-accent) 30%, transparent); }
.tema-sw__bar { position: absolute; left: 16px; right: 16px; bottom: 16px; height: 4px; border-radius: 2px; background: color-mix(in srgb, var(--sw-text) 14%, transparent); }
.tema-sw__bar::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 62%; border-radius: 2px; background: var(--sw-accent); }
.tema-sw__nome { font-weight: 700; font-size: 12.5px; color: var(--text); }
.tema-sw__tag { font-size: 11px; color: var(--text-3); line-height: 1.3; }
.tema-sw__ok { position: absolute; top: 12px; right: 12px; width: 20px; height: 20px; border-radius: 50%; background: var(--accent); color: #0a0f0c; display: none; place-items: center; font-size: 12px; font-weight: 800; }
.tema-sw[aria-pressed="true"] .tema-sw__ok { display: grid; }
@media (max-width: 719px) { .tema-pop { right: 8px; left: 8px; width: auto; } .topbar__tema span { display: none; } .topbar__tema { padding: 7px 9px; } }