@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

/* Tema "Neon Institucional" - painel Cuite. Camada unica de visual:
   carregada depois do <style> de cada painel, nao altera dados nem logica. */
:root {
  --nx-bg: #040c09;
  --nx-bg-2: #071410;
  --nx-surface: #0b1c15;
  --nx-surface-2: #0e231b;
  --nx-surface-3: #11291f;
  --nx-glass: rgba(11, 28, 21, .78);
  --nx-line: rgba(84, 240, 180, .12);
  --nx-line-2: rgba(255, 255, 255, .06);
  --nx-ink: #eaf6f0;
  --nx-ink-2: #aecabd;
  --nx-ink-3: #7f9d8f;
  --nx-emerald: #18ad78;
  --nx-emerald-glow: #3cf2b0;
  --nx-cyan: #2596c4;
  --nx-cyan-glow: #52cbff;
  --nx-gold: #b88a14;
  --nx-gold-glow: #ffd35c;
  --nx-coral: #e35b4e;
  --nx-coral-glow: #ff8a7a;
  --nx-violet-glow: #8ab8ff; /* 30/09: violeta virou azul royal (paleta so azul + verde) */
  --nx-warn-bg: #221d0c;
  --nx-bad-bg: #2a1413;
  --nx-good-bg: #0e2a1f;
  --nx-gold-bg: #1f2411;
  --nx-radius: 16px;
  --nx-font: 'Inter', 'Segoe UI', Roboto, Arial, sans-serif;
  --nx-font-display: 'Space Grotesk', 'Inter', 'Segoe UI', sans-serif;

  --c-primary: #18ad78; --c-primary-dark: #0e7a55; --c-primary-darker: #0a5a3f;
  --c-secondary: #2596c4; --c-secondary-dark: #1b6f93;
  --c-muted: var(--nx-ink-2); --c-border-mid: rgba(255,255,255,.12);
  --c-bg-page: var(--nx-bg); --c-bg-surface: var(--nx-surface);
  --c-bg-tint: var(--nx-surface-2); --c-bg-tint-2: var(--nx-surface-2); --c-bg-tint-3: var(--nx-surface-3);
  --c-text: var(--nx-ink); --c-text-inverse: #fff; --c-text-inverse-soft: var(--nx-ink-2);
  --focus-ring: 0 0 0 3px rgba(60, 242, 176, .35);
  color-scheme: dark;
}

html body {
  font-family: var(--nx-font);
  color: var(--nx-ink);
  background:
    radial-gradient(1200px 600px at 12% -10%, rgba(24, 173, 120, .16), transparent 60%),
    radial-gradient(900px 520px at 100% 0%, rgba(37, 150, 196, .10), transparent 60%),
    radial-gradient(900px 600px at 70% 110%, rgba(82, 203, 255, .07), transparent 60%),
    var(--nx-bg);
  -webkit-font-smoothing: antialiased;
}
html body * { scrollbar-width: thin; scrollbar-color: rgba(60, 242, 176, .35) transparent; }
html body ::-webkit-scrollbar { width: 9px; height: 9px; }
html body ::-webkit-scrollbar-track { background: transparent; }
html body ::-webkit-scrollbar-thumb { background: rgba(60, 242, 176, .28); border-radius: 9px; border: 2px solid transparent; background-clip: padding-box; }
html body ::-webkit-scrollbar-thumb:hover { background: rgba(60, 242, 176, .5); background-clip: padding-box; }

/* ---------- Cabecalho ---------- */
html body header {
  background: linear-gradient(180deg, rgba(8, 24, 18, .96), rgba(5, 16, 12, .96));
  border-bottom: 1px solid rgba(82, 203, 255, .35);
  box-shadow: 0 1px 0 rgba(82, 203, 255, .22), 0 10px 30px rgba(0, 0, 0, .45);
  position: relative;
}
html body header::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px;
  background: linear-gradient(90deg, transparent, var(--nx-cyan-glow) 20%, var(--nx-emerald-glow) 55%, var(--nx-cyan-glow) 85%, transparent);
  opacity: .75; filter: blur(.3px);
}
html body header h1 { font-family: var(--nx-font-display); font-weight: 700; letter-spacing: .01em; color: #fff; }
html body header span.subtitle { border-color: rgba(60, 242, 176, .35); color: var(--nx-ink-2); background: rgba(24, 173, 120, .08); }
html body .header-brand img { box-shadow: 0 0 0 1px rgba(255, 255, 255, .15), 0 0 18px rgba(60, 242, 176, .18); }

/* ---------- Menu lateral ---------- */
html body .sidebar {
  background: linear-gradient(180deg, #06140f 0%, #040d0a 100%);
  border-right: 1px solid var(--nx-line);
  box-shadow: 6px 0 30px rgba(0, 0, 0, .35);
}
html body .sidebar-group { border-bottom: 1px solid var(--nx-line-2); }
html body .sidebar-header { color: var(--nx-ink-2); letter-spacing: .09em; font-size: .78rem; }
html body .sidebar-header:hover { background: rgba(60, 242, 176, .06); color: #fff; }
html body .sidebar-header.active { color: var(--nx-emerald-glow); background: linear-gradient(90deg, rgba(24, 173, 120, .16), transparent); border-left: 3px solid var(--nx-emerald-glow); text-shadow: 0 0 14px rgba(60, 242, 176, .45); }
html body .sidebar-header .sh-arrow { color: var(--nx-emerald-glow); }
html body .sidebar-sub { color: var(--nx-ink-3); font-size: .82rem; border-radius: 0 10px 10px 0; margin-right: 10px; width: calc(100% - 10px); }
html body .sidebar-sub:hover { color: #fff; background: rgba(60, 242, 176, .06); }
html body .sidebar-sub.active {
  color: #fff; font-weight: 600;
  background: linear-gradient(90deg, rgba(24, 173, 120, .30), rgba(24, 173, 120, .04));
  border-left-color: var(--nx-emerald-glow);
  box-shadow: inset 0 0 0 1px rgba(60, 242, 176, .10), 0 0 22px rgba(24, 173, 120, .12);
}

/* ---------- Conteudo ---------- */
html body .content-area { background: transparent; }
html body .tab-content.fullscreen-tab { background: var(--nx-bg); }
html body:not(:has(#loginUser)) main { max-width: 1440px; }
html body .filter-bar {
  background: rgba(8, 22, 17, .85); border-bottom: 1px solid var(--nx-line);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
html body .filter-bar label { color: var(--nx-ink-2); }

html body .section-title {
  font-family: var(--nx-font-display);
  color: var(--nx-ink); font-size: .92rem; letter-spacing: .12em;
  border-bottom: 1px solid var(--nx-line);
  position: relative; padding-left: 16px;
}
html body .section-title::before {
  content: ""; position: absolute; left: 0; top: 5px; width: 7px; height: 7px; border-radius: 50%;
  background: var(--nx-emerald-glow); box-shadow: 0 0 10px var(--nx-emerald-glow), 0 0 22px rgba(60, 242, 176, .5);
}
html body .section-title::after {
  content: ""; position: absolute; left: 0; bottom: -1px; width: 140px; height: 1px;
  background: linear-gradient(90deg, var(--nx-emerald-glow), transparent);
}

/* ---------- Superficies (cards, graficos, tabelas) ---------- */
html body .chart-box, html body .chart-box-neon, html body .extra-chart-box,
html body .analise-card, html body .sugestao-card, html body .table-wrapper {
  background: linear-gradient(180deg, rgba(16, 38, 29, .82), rgba(9, 24, 18, .86));
  border: 1px solid var(--nx-line);
  border-radius: var(--nx-radius);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 18px 40px -18px rgba(0, 0, 0, .7);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
html body .chart-box, html body .chart-box-neon { padding: 20px 20px 16px; transition: border-color .25s, box-shadow .25s, transform .25s; }
html body .chart-box:hover, html body .chart-box-neon:hover {
  border-color: rgba(60, 242, 176, .28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 0 0 1px rgba(60, 242, 176, .06), 0 22px 50px -20px rgba(24, 173, 120, .35);
}
html body .chart-box h3, html body .chart-box-neon h3, html body .analise-card h4 {
  font-family: var(--nx-font-display); color: var(--nx-ink-2); letter-spacing: .12em; font-weight: 600;
}
html body .analise-card { border-left: 1px solid var(--nx-line); }
html body .analise-card .ac-item { border-bottom-color: var(--nx-line-2); }
html body .analise-card .ac-name { color: var(--nx-ink); }
html body .sugestao-card { border-top: 2px solid var(--nx-cyan-glow); }
html body .sugestao-card h4 { color: var(--nx-emerald-glow); }
html body .sugestao-card p { color: var(--nx-ink-2); }

/* ---------- KPI ---------- */
html body .kpi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; align-items: stretch; }
html body .kpi-card { max-width: none; min-width: 0; }
html body .kpi-card {
  position: relative; overflow: hidden;
  background: linear-gradient(160deg, rgba(20, 46, 36, .92), rgba(9, 24, 18, .92));
  border: 1px solid var(--nx-line);
  border-radius: var(--nx-radius);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 16px 34px -18px rgba(0, 0, 0, .75);
  --kpi-accent: var(--nx-emerald-glow);
}
html body .kpi-card::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: var(--kpi-accent); box-shadow: 0 0 14px var(--kpi-accent), 0 0 30px var(--kpi-accent);
  opacity: .9;
}
html body .kpi-card::after {
  content: ""; position: absolute; right: -40px; top: -40px; width: 140px; height: 140px; border-radius: 50%;
  background: radial-gradient(circle, var(--kpi-accent), transparent 70%); opacity: .10; pointer-events: none;
}
html body .kpi-card:hover { transform: translateY(-3px); border-color: rgba(60, 242, 176, .3); box-shadow: 0 0 0 1px rgba(60, 242, 176, .08), 0 22px 44px -18px rgba(24, 173, 120, .4); }
html body .kpi-card.highlight { background: linear-gradient(160deg, rgba(24, 173, 120, .32), rgba(9, 30, 22, .95)); border-color: rgba(60, 242, 176, .35); }
html body .kpi-card.card-d, html body .kpi-card.card-yellow { --kpi-accent: var(--nx-gold-glow); background: linear-gradient(160deg, rgba(58, 48, 14, .70), rgba(12, 22, 16, .95)); }
html body .kpi-card.card-e { --kpi-accent: var(--nx-cyan-glow); background: linear-gradient(160deg, rgba(20, 52, 66, .70), rgba(9, 22, 20, .95)); }
html body .kpi-card.card-red { --kpi-accent: var(--nx-coral-glow); background: linear-gradient(160deg, rgba(70, 24, 20, .70), rgba(16, 18, 14, .95)); }
html body .kpi-card.card-c, html body .kpi-card.card-f, html body .kpi-card.card-green { background: linear-gradient(160deg, rgba(20, 46, 36, .92), rgba(9, 24, 18, .92)); border-left: 1px solid var(--nx-line); }
html body .kpi-card.alert-card { --kpi-accent: var(--nx-gold-glow); background: linear-gradient(160deg, rgba(58, 48, 14, .70), rgba(12, 22, 16, .95)); border-left: 1px solid var(--nx-line); }
html body .kpi-card.card-e, html body .kpi-card.card-d, html body .kpi-card.card-yellow, html body .kpi-card.card-red { border-left: 1px solid var(--nx-line); }
html body .kpi-label, html body .kpi-card.highlight .kpi-label { color: var(--nx-ink-2); letter-spacing: .1em; }
html body .kpi-value, html body .kpi-card.highlight .kpi-value {
  font-family: var(--nx-font-display); color: #fff; font-weight: 700; letter-spacing: -.01em;
  text-shadow: 0 0 22px rgba(60, 242, 176, .18);
}
html body .kpi-sub, html body .kpi-card.highlight .kpi-sub { color: var(--nx-ink-3); }

/* ---------- Tabelas ---------- */
html body table { color: var(--nx-ink); }
html body thead tr { background: #0f2a20; color: var(--nx-ink); }
html body thead th { color: #d7f5e8; letter-spacing: .05em; font-weight: 600; border-bottom: 1px solid rgba(60, 242, 176, .22); background-color: #0f2a20; }
/* REGRA (30/09/2026): cabecalho de tabela nunca deixa texto passar por baixo. O fundo vai
   na CELULA (th), nao so na linha (tr): com a linha "presa" (sticky) as celulas ficavam
   transparentes e as linhas rolavam por tras do titulo. Linha presa -> celulas presas. */
html body thead tr[style*="sticky"] > th { position: sticky; top: 0; z-index: 6; background-color: #0f2a20; }
html body thead th { white-space: nowrap; }
html body thead th.sortable:hover { background: #143628; color: #fff; }
html body .table-wrapper-capped thead th { background: #0f2a20; }
html body tbody tr { border-bottom: 1px solid var(--nx-line-2); }
html body tbody tr:nth-child(even) { background: rgba(255, 255, 255, .018); }
html body tbody tr:hover:not(.detail-row) { background: rgba(60, 242, 176, .07); }
html body tbody tr:hover:not(.detail-row) td { color: #fff; }
html body tbody td { color: var(--nx-ink); }
html body tbody td.neg { color: var(--nx-coral-glow); }
html body tbody td.pos { color: var(--nx-emerald-glow); }
html body tr.detalhe-mes td, html body tr.detalhe-hist td, html body tr.sub-mes td { background: #0a1d16 !important; color: var(--nx-ink-2); border-bottom-color: var(--nx-line-2); }
html body tr.detalhe-media td, html body tr.sub-media td { background: #10291f !important; color: var(--nx-ink); border-color: var(--nx-line); }
html body tr.sub-mes td.mes-nome { color: var(--nx-emerald-glow); }
html body tr.sub-mes.destaque td { background: var(--nx-bad-bg) !important; }
html body tr.sub-mes.destaque td.val26, html body tr.sub-mes.destaque td.cresc-col { color: var(--nx-coral-glow); }
html body .table-filters { background: rgba(255, 255, 255, .02); border-bottom: 1px solid var(--nx-line-2); }
html body .hist-label { color: var(--nx-emerald-glow); }
html body .hist-tag { background: var(--nx-surface-3); color: var(--nx-ink); border: 1px solid var(--nx-line-2); }

/* ---------- Controles ---------- */
html body select, html body input[type="text"], html body input[type="password"], html body input[type="search"], html body input[type="number"], html body input[type="date"], html body input:not([type]), html body textarea {
  background-color: #0a1a14 !important; color: var(--nx-ink) !important;
  border: 1px solid rgba(255, 255, 255, .12) !important; border-radius: 10px;
}
html body select:focus, html body input:focus, html body textarea:focus { border-color: rgba(60, 242, 176, .55) !important; box-shadow: 0 0 0 3px rgba(60, 242, 176, .15); outline: none; }
html body input::placeholder, html body textarea::placeholder { color: var(--nx-ink-3); }
html body option { background: #0b1c15; color: var(--nx-ink); }
html body .filter-bar button, html body .hist-search-box button {
  background: linear-gradient(135deg, #1bbd84, #0e7a55); color: #fff; border: 1px solid rgba(60, 242, 176, .45);
  border-radius: 10px; box-shadow: 0 0 18px rgba(24, 173, 120, .25);
}
html body .filter-bar button:hover, html body .hist-search-box button:hover { box-shadow: 0 0 26px rgba(60, 242, 176, .45); background: linear-gradient(135deg, #22d493, #10875e); }
html body .filter-bar button.reset, html body .hist-search-box button.sec { background: transparent; color: var(--nx-emerald-glow); border: 1px solid rgba(60, 242, 176, .35); box-shadow: none; }
html body .filter-bar button.reset:hover, html body .hist-search-box button.sec:hover { background: rgba(60, 242, 176, .08); color: #fff; }
html body .btn-toggle { border-color: rgba(60, 242, 176, .35); color: var(--nx-emerald-glow); border-radius: 999px; }
html body .btn-toggle:hover { background: rgba(60, 242, 176, .1); color: #fff; }
html body .btn-expand { border-color: rgba(60, 242, 176, .45); color: var(--nx-emerald-glow); }
html body .btn-expand:hover { background: var(--nx-emerald); border-color: var(--nx-emerald-glow); color: #04130d; box-shadow: 0 0 12px rgba(60, 242, 176, .5); }
html body .expand-btn { color: var(--nx-emerald-glow); }
html body .expand-btn:hover { background: rgba(60, 242, 176, .12); }
html body .extra-forn-link { color: var(--nx-cyan-glow); }
html body .extra-forn-link:hover { color: #fff; }
html body #extra-table thead th, html body .extra-analise-table thead th { background: #0f2a20; color: #d7f5e8; }
html body .extra-analise-table tbody tr:nth-child(even) { background: rgba(255, 255, 255, .018); }
html body .extra-analise-table tbody td { border-bottom-color: var(--nx-line-2); }
html body #extra-filters .btn-toggle { background: #0a1a14; border-color: rgba(255, 255, 255, .12); color: var(--nx-ink-2); }
html body #extra-filters .btn-toggle.active { background: linear-gradient(135deg, #1bbd84, #0e7a55); border-color: rgba(60, 242, 176, .5); color: #fff; box-shadow: 0 0 16px rgba(24, 173, 120, .35); }
html body #extra-filters .btn-toggle:hover:not(.active) { background: rgba(60, 242, 176, .08); color: #fff; }
html body .extra-pct-bar { background: linear-gradient(90deg, var(--nx-gold), var(--nx-gold-glow)); box-shadow: 0 0 10px rgba(255, 211, 92, .55); }

/* ---------- Badges ---------- */
html body .badge { background: rgba(255, 255, 255, .06); color: var(--nx-ink); border: 1px solid rgba(255, 255, 255, .14); font-variant-numeric: tabular-nums; }
html body .badge.good, html body .badge.green { background: rgba(24, 173, 120, .14); color: #b9f7df; border-color: rgba(60, 242, 176, .55); box-shadow: 0 0 12px rgba(60, 242, 176, .18); }
html body .badge.mid, html body .badge.yellow { background: rgba(255, 211, 92, .12); color: #ffe7a6; border-color: rgba(255, 211, 92, .55); box-shadow: 0 0 12px rgba(255, 211, 92, .15); }
html body .badge.low, html body .badge.red { background: rgba(255, 138, 122, .13); color: #ffc9c1; border-color: rgba(255, 138, 122, .6); box-shadow: 0 0 12px rgba(255, 138, 122, .18); }
html body .badge.new { background: rgba(82, 203, 255, .12); color: #c4ecff; border-color: rgba(82, 203, 255, .5); }
html body .badge.gone { background: rgba(184, 162, 255, .12); color: #e0d6ff; border-color: rgba(184, 162, 255, .5); }

/* ---------- Estados ---------- */
html body .loading-box { color: var(--nx-ink-2); }
html body .spinner { border-color: rgba(255, 255, 255, .08); border-top-color: var(--nx-emerald-glow); box-shadow: 0 0 18px rgba(60, 242, 176, .25); }
html body .alert-banner { background: var(--nx-bad-bg); border-color: rgba(255, 138, 122, .45); }
html body .alert-banner p { color: #ffd0c9; }
html body .placeholder-tab, html body .placeholder-tab h2 { color: var(--nx-ink-2); }
html body .sidebar-backdrop { background: rgba(0, 0, 0, .6); }
html body .header-menu-btn { background: rgba(60, 242, 176, .1); }

/* INLINE-START (gerado por theme/tools/gerar_inline.py - nao editar a mao) */
html body [style*="background:#f" i], html body [style*="background:#e" i], html body [style*="background:#d" i] { background: var(--nx-surface-2) !important; }
html body [style*="color:#123f2f" i],
html body [style*="color: #123f2f" i],
html body [style*="color: rgb(18, 63, 47)" i],
html body [style*="color:#0d3325" i],
html body [style*="color: #0d3325" i],
html body [style*="color: rgb(13, 51, 37)" i],
html body [style*="color:#1a4a2e" i],
html body [style*="color: #1a4a2e" i],
html body [style*="color: rgb(26, 74, 46)" i],
html body [style*="color:#222" i],
html body [style*="color: #222" i],
html body [style*="color: rgb(34, 34, 34)" i],
html body [style*="color:#333" i],
html body [style*="color: #333" i],
html body [style*="color: rgb(51, 51, 51)" i],
html body [style*="color:#444" i],
html body [style*="color: #444" i],
html body [style*="color: rgb(68, 68, 68)" i],
html body [style*="color:#555" i],
html body [style*="color: #555" i],
html body [style*="color: rgb(85, 85, 85)" i],
html body [style*="color:#3a544a" i],
html body [style*="color: #3a544a" i],
html body [style*="color: rgb(58, 84, 74)" i],
html body [style*="color:#2a5060" i],
html body [style*="color: #2a5060" i],
html body [style*="color: rgb(42, 80, 96)" i],
html body [style*="color:#1d4a63" i],
html body [style*="color: #1d4a63" i],
html body [style*="color: rgb(29, 74, 99)" i],
html body [style*="color:#1f2d27" i],
html body [style*="color: #1f2d27" i],
html body [style*="color: rgb(31, 45, 39)" i],
html body [style*="color:#2c3e50" i],
html body [style*="color: #2c3e50" i],
html body [style*="color: rgb(44, 62, 80)" i],
html body [style*="color:#37474f" i],
html body [style*="color: #37474f" i],
html body [style*="color: rgb(55, 71, 79)" i],
html body [style*="color:#455a64" i],
html body [style*="color: #455a64" i],
html body [style*="color: rgb(69, 90, 100)" i] { color: var(--nx-ink) !important; }
html body [style*="color:#4a6b5f" i],
html body [style*="color: #4a6b5f" i],
html body [style*="color: rgb(74, 107, 95)" i],
html body [style*="color:#55716a" i],
html body [style*="color: #55716a" i],
html body [style*="color: rgb(85, 113, 106)" i],
html body [style*="color:#666" i],
html body [style*="color: #666" i],
html body [style*="color: rgb(102, 102, 102)" i],
html body [style*="color:#777" i],
html body [style*="color: #777" i],
html body [style*="color: rgb(119, 119, 119)" i],
html body [style*="color:#888" i],
html body [style*="color: #888" i],
html body [style*="color: rgb(136, 136, 136)" i],
html body [style*="color:#999" i],
html body [style*="color: #999" i],
html body [style*="color: rgb(153, 153, 153)" i],
html body [style*="color:#94a8a0" i],
html body [style*="color: #94a8a0" i],
html body [style*="color: rgb(148, 168, 160)" i],
html body [style*="color:#aaa" i],
html body [style*="color: #aaa" i],
html body [style*="color: rgb(170, 170, 170)" i],
html body [style*="color:#bbb" i],
html body [style*="color: #bbb" i],
html body [style*="color: rgb(187, 187, 187)" i],
html body [style*="color:#ccc" i],
html body [style*="color: #ccc" i],
html body [style*="color: rgb(204, 204, 204)" i],
html body [style*="color:#a0b8bc" i],
html body [style*="color: #a0b8bc" i],
html body [style*="color: rgb(160, 184, 188)" i],
html body [style*="color:#a9c2b2" i],
html body [style*="color: #a9c2b2" i],
html body [style*="color: rgb(169, 194, 178)" i],
html body [style*="color:#6b8a7c" i],
html body [style*="color: #6b8a7c" i],
html body [style*="color: rgb(107, 138, 124)" i],
html body [style*="color:#7f8c8d" i],
html body [style*="color: #7f8c8d" i],
html body [style*="color: rgb(127, 140, 141)" i],
html body [style*="color:#4a6a9a" i],
html body [style*="color: #4a6a9a" i],
html body [style*="color: rgb(74, 106, 154)" i] { color: var(--nx-ink-2) !important; }
html body [style*="color:#1b5e46" i],
html body [style*="color: #1b5e46" i],
html body [style*="color: rgb(27, 94, 70)" i],
html body [style*="color:#1f6b4a" i],
html body [style*="color: #1f6b4a" i],
html body [style*="color: rgb(31, 107, 74)" i],
html body [style*="color:#1a7a5e" i],
html body [style*="color: #1a7a5e" i],
html body [style*="color: rgb(26, 122, 94)" i],
html body [style*="color:#00875f" i],
html body [style*="color: #00875f" i],
html body [style*="color: rgb(0, 135, 95)" i],
html body [style*="color:#27ae60" i],
html body [style*="color: #27ae60" i],
html body [style*="color: rgb(39, 174, 96)" i],
html body [style*="color:#1b8f5e" i],
html body [style*="color: #1b8f5e" i],
html body [style*="color: rgb(27, 143, 94)" i],
html body [style*="color:#2e7d32" i],
html body [style*="color: #2e7d32" i],
html body [style*="color: rgb(46, 125, 50)" i],
html body [style*="color:#16a085" i],
html body [style*="color: #16a085" i],
html body [style*="color: rgb(22, 160, 133)" i] { color: var(--nx-emerald-glow) !important; }
html body [style*="color:#c0392b" i],
html body [style*="color: #c0392b" i],
html body [style*="color: rgb(192, 57, 43)" i],
html body [style*="color:#a33" i],
html body [style*="color: #a33" i],
html body [style*="color: rgb(170, 51, 51)" i],
html body [style*="color:#8b2020" i],
html body [style*="color: #8b2020" i],
html body [style*="color: rgb(139, 32, 32)" i],
html body [style*="color:#7b1f1f" i],
html body [style*="color: #7b1f1f" i],
html body [style*="color: rgb(123, 31, 31)" i],
html body [style*="color:#5a0000" i],
html body [style*="color: #5a0000" i],
html body [style*="color: rgb(90, 0, 0)" i],
html body [style*="color:#e74c3c" i],
html body [style*="color: #e74c3c" i],
html body [style*="color: rgb(231, 76, 60)" i],
html body [style*="color:#c62828" i],
html body [style*="color: #c62828" i],
html body [style*="color: rgb(198, 40, 40)" i],
html body [style*="color:#d35400" i],
html body [style*="color: #d35400" i],
html body [style*="color: rgb(211, 84, 0)" i],
html body [style*="color:#880e4f" i],
html body [style*="color: #880e4f" i],
html body [style*="color: rgb(136, 14, 79)" i] { color: var(--nx-coral-glow) !important; }
html body [style*="color:#a67c00" i],
html body [style*="color: #a67c00" i],
html body [style*="color: rgb(166, 124, 0)" i],
html body [style*="color:#7a5a00" i],
html body [style*="color: #7a5a00" i],
html body [style*="color: rgb(122, 90, 0)" i],
html body [style*="color:#5a3a00" i],
html body [style*="color: #5a3a00" i],
html body [style*="color: rgb(90, 58, 0)" i],
html body [style*="color:#7a5200" i],
html body [style*="color: #7a5200" i],
html body [style*="color: rgb(122, 82, 0)" i],
html body [style*="color:#5c4a1a" i],
html body [style*="color: #5c4a1a" i],
html body [style*="color: rgb(92, 74, 26)" i],
html body [style*="color:#e67e22" i],
html body [style*="color: #e67e22" i],
html body [style*="color: rgb(230, 126, 34)" i],
html body [style*="color:#e8a838" i],
html body [style*="color: #e8a838" i],
html body [style*="color: rgb(232, 168, 56)" i],
html body [style*="color:#b8860b" i],
html body [style*="color: #b8860b" i],
html body [style*="color: rgb(184, 134, 11)" i],
html body [style*="color:#f0ad00" i],
html body [style*="color: #f0ad00" i],
html body [style*="color: rgb(240, 173, 0)" i],
html body [style*="color:#7d6608" i],
html body [style*="color: #7d6608" i],
html body [style*="color: rgb(125, 102, 8)" i],
html body [style*="color:#e65100" i],
html body [style*="color: #e65100" i],
html body [style*="color: rgb(230, 81, 0)" i] { color: var(--nx-gold-glow) !important; }
html body [style*="color:#2f6f8c" i],
html body [style*="color: #2f6f8c" i],
html body [style*="color: rgb(47, 111, 140)" i],
html body [style*="color:#003a6e" i],
html body [style*="color: #003a6e" i],
html body [style*="color: rgb(0, 58, 110)" i],
html body [style*="color:#1a5276" i],
html body [style*="color: #1a5276" i],
html body [style*="color: rgb(26, 82, 118)" i],
html body [style*="color:#1565c0" i],
html body [style*="color: #1565c0" i],
html body [style*="color: rgb(21, 101, 192)" i],
html body [style*="color:#0d3a6e" i],
html body [style*="color: #0d3a6e" i],
html body [style*="color: rgb(13, 58, 110)" i],
html body [style*="color:#0d47a1" i],
html body [style*="color: #0d47a1" i],
html body [style*="color: rgb(13, 71, 161)" i],
html body [style*="color:#1a73e8" i],
html body [style*="color: #1a73e8" i],
html body [style*="color: rgb(26, 115, 232)" i] { color: var(--nx-cyan-glow) !important; }
html body [style*="color:#3a006e" i],
html body [style*="color: #3a006e" i],
html body [style*="color: rgb(58, 0, 110)" i],
html body [style*="color:#6c3483" i],
html body [style*="color: #6c3483" i],
html body [style*="color: rgb(108, 52, 131)" i],
html body [style*="color:#4a148c" i],
html body [style*="color: #4a148c" i],
html body [style*="color: rgb(74, 20, 140)" i] { color: var(--nx-violet-glow) !important; }
html body [style*="background:#fff" i],
html body [style*="background: #fff" i],
html body [style*="background-color:#fff" i],
html body [style*="background: rgb(255, 255, 255)" i],
html body [style*="background-color: rgb(255, 255, 255)" i],
html body [style*="background:#ffffff" i],
html body [style*="background: #ffffff" i],
html body [style*="background-color:#ffffff" i],
html body [style*="background: rgb(255, 255, 255)" i],
html body [style*="background-color: rgb(255, 255, 255)" i] { background: var(--nx-surface) !important; }
html body [style*="background:#e2ece4" i],
html body [style*="background: #e2ece4" i],
html body [style*="background-color:#e2ece4" i],
html body [style*="background: rgb(226, 236, 228)" i],
html body [style*="background-color: rgb(226, 236, 228)" i],
html body [style*="background:#eef5f0" i],
html body [style*="background: #eef5f0" i],
html body [style*="background-color:#eef5f0" i],
html body [style*="background: rgb(238, 245, 240)" i],
html body [style*="background-color: rgb(238, 245, 240)" i],
html body [style*="background:#f3f7f4" i],
html body [style*="background: #f3f7f4" i],
html body [style*="background-color:#f3f7f4" i],
html body [style*="background: rgb(243, 247, 244)" i],
html body [style*="background-color: rgb(243, 247, 244)" i],
html body [style*="background:#d9e6dc" i],
html body [style*="background: #d9e6dc" i],
html body [style*="background-color:#d9e6dc" i],
html body [style*="background: rgb(217, 230, 220)" i],
html body [style*="background-color: rgb(217, 230, 220)" i],
html body [style*="background:#eaf3ec" i],
html body [style*="background: #eaf3ec" i],
html body [style*="background-color:#eaf3ec" i],
html body [style*="background: rgb(234, 243, 236)" i],
html body [style*="background-color: rgb(234, 243, 236)" i],
html body [style*="background:#f4f8f5" i],
html body [style*="background: #f4f8f5" i],
html body [style*="background-color:#f4f8f5" i],
html body [style*="background: rgb(244, 248, 245)" i],
html body [style*="background-color: rgb(244, 248, 245)" i],
html body [style*="background:#f5f9f6" i],
html body [style*="background: #f5f9f6" i],
html body [style*="background-color:#f5f9f6" i],
html body [style*="background: rgb(245, 249, 246)" i],
html body [style*="background-color: rgb(245, 249, 246)" i],
html body [style*="background:#f2f6f3" i],
html body [style*="background: #f2f6f3" i],
html body [style*="background-color:#f2f6f3" i],
html body [style*="background: rgb(242, 246, 243)" i],
html body [style*="background-color: rgb(242, 246, 243)" i],
html body [style*="background:#f6f9f7" i],
html body [style*="background: #f6f9f7" i],
html body [style*="background-color:#f6f9f7" i],
html body [style*="background: rgb(246, 249, 247)" i],
html body [style*="background-color: rgb(246, 249, 247)" i],
html body [style*="background:#e3ede7" i],
html body [style*="background: #e3ede7" i],
html body [style*="background-color:#e3ede7" i],
html body [style*="background: rgb(227, 237, 231)" i],
html body [style*="background-color: rgb(227, 237, 231)" i],
html body [style*="background:#eaf4f7" i],
html body [style*="background: #eaf4f7" i],
html body [style*="background-color:#eaf4f7" i],
html body [style*="background: rgb(234, 244, 247)" i],
html body [style*="background-color: rgb(234, 244, 247)" i],
html body [style*="background:#e8f4f7" i],
html body [style*="background: #e8f4f7" i],
html body [style*="background-color:#e8f4f7" i],
html body [style*="background: rgb(232, 244, 247)" i],
html body [style*="background-color: rgb(232, 244, 247)" i],
html body [style*="background:#e6ece7" i],
html body [style*="background: #e6ece7" i],
html body [style*="background-color:#e6ece7" i],
html body [style*="background: rgb(230, 236, 231)" i],
html body [style*="background-color: rgb(230, 236, 231)" i],
html body [style*="background:#e4f3f7" i],
html body [style*="background: #e4f3f7" i],
html body [style*="background-color:#e4f3f7" i],
html body [style*="background: rgb(228, 243, 247)" i],
html body [style*="background-color: rgb(228, 243, 247)" i],
html body [style*="background:#e2ede4" i],
html body [style*="background: #e2ede4" i],
html body [style*="background-color:#e2ede4" i],
html body [style*="background: rgb(226, 237, 228)" i],
html body [style*="background-color: rgb(226, 237, 228)" i],
html body [style*="background:#dde7ea" i],
html body [style*="background: #dde7ea" i],
html body [style*="background-color:#dde7ea" i],
html body [style*="background: rgb(221, 231, 234)" i],
html body [style*="background-color: rgb(221, 231, 234)" i],
html body [style*="background:#daf0f3" i],
html body [style*="background: #daf0f3" i],
html body [style*="background-color:#daf0f3" i],
html body [style*="background: rgb(218, 240, 243)" i],
html body [style*="background-color: rgb(218, 240, 243)" i],
html body [style*="background:#d8eef2" i],
html body [style*="background: #d8eef2" i],
html body [style*="background-color:#d8eef2" i],
html body [style*="background: rgb(216, 238, 242)" i],
html body [style*="background-color: rgb(216, 238, 242)" i],
html body [style*="background:#d4eef1" i],
html body [style*="background: #d4eef1" i],
html body [style*="background-color:#d4eef1" i],
html body [style*="background: rgb(212, 238, 241)" i],
html body [style*="background-color: rgb(212, 238, 241)" i],
html body [style*="background:#f8fbf9" i],
html body [style*="background: #f8fbf9" i],
html body [style*="background-color:#f8fbf9" i],
html body [style*="background: rgb(248, 251, 249)" i],
html body [style*="background-color: rgb(248, 251, 249)" i],
html body [style*="background:#daeef2" i],
html body [style*="background: #daeef2" i],
html body [style*="background-color:#daeef2" i],
html body [style*="background: rgb(218, 238, 242)" i],
html body [style*="background-color: rgb(218, 238, 242)" i],
html body [style*="background:#eef3f0" i],
html body [style*="background: #eef3f0" i],
html body [style*="background-color:#eef3f0" i],
html body [style*="background: rgb(238, 243, 240)" i],
html body [style*="background-color: rgb(238, 243, 240)" i],
html body [style*="background:#f4f9f5" i],
html body [style*="background: #f4f9f5" i],
html body [style*="background-color:#f4f9f5" i],
html body [style*="background: rgb(244, 249, 245)" i],
html body [style*="background-color: rgb(244, 249, 245)" i],
html body [style*="background:#edf5ef" i],
html body [style*="background: #edf5ef" i],
html body [style*="background-color:#edf5ef" i],
html body [style*="background: rgb(237, 245, 239)" i],
html body [style*="background-color: rgb(237, 245, 239)" i],
html body [style*="background:#eceff1" i],
html body [style*="background: #eceff1" i],
html body [style*="background-color:#eceff1" i],
html body [style*="background: rgb(236, 239, 241)" i],
html body [style*="background-color: rgb(236, 239, 241)" i],
html body [style*="background:#cfd8dc" i],
html body [style*="background: #cfd8dc" i],
html body [style*="background-color:#cfd8dc" i],
html body [style*="background: rgb(207, 216, 220)" i],
html body [style*="background-color: rgb(207, 216, 220)" i],
html body [style*="background:#f8f9fa" i],
html body [style*="background: #f8f9fa" i],
html body [style*="background-color:#f8f9fa" i],
html body [style*="background: rgb(248, 249, 250)" i],
html body [style*="background-color: rgb(248, 249, 250)" i],
html body [style*="background:#f5f5f5" i],
html body [style*="background: #f5f5f5" i],
html body [style*="background-color:#f5f5f5" i],
html body [style*="background: rgb(245, 245, 245)" i],
html body [style*="background-color: rgb(245, 245, 245)" i],
html body [style*="background:#f0f0f0" i],
html body [style*="background: #f0f0f0" i],
html body [style*="background-color:#f0f0f0" i],
html body [style*="background: rgb(240, 240, 240)" i],
html body [style*="background-color: rgb(240, 240, 240)" i],
html body [style*="background:#f9f9f9" i],
html body [style*="background: #f9f9f9" i],
html body [style*="background-color:#f9f9f9" i],
html body [style*="background: rgb(249, 249, 249)" i],
html body [style*="background-color: rgb(249, 249, 249)" i],
html body [style*="background:#f8f8f8" i],
html body [style*="background: #f8f8f8" i],
html body [style*="background-color:#f8f8f8" i],
html body [style*="background: rgb(248, 248, 248)" i],
html body [style*="background-color: rgb(248, 248, 248)" i],
html body [style*="background:#e8e8e8" i],
html body [style*="background: #e8e8e8" i],
html body [style*="background-color:#e8e8e8" i],
html body [style*="background: rgb(232, 232, 232)" i],
html body [style*="background-color: rgb(232, 232, 232)" i],
html body [style*="background:#e0e0e0" i],
html body [style*="background: #e0e0e0" i],
html body [style*="background-color:#e0e0e0" i],
html body [style*="background: rgb(224, 224, 224)" i],
html body [style*="background-color: rgb(224, 224, 224)" i],
html body [style*="background:#f0f6ff" i],
html body [style*="background: #f0f6ff" i],
html body [style*="background-color:#f0f6ff" i],
html body [style*="background: rgb(240, 246, 255)" i],
html body [style*="background-color: rgb(240, 246, 255)" i],
html body [style*="background:#f0f4ff" i],
html body [style*="background: #f0f4ff" i],
html body [style*="background-color:#f0f4ff" i],
html body [style*="background: rgb(240, 244, 255)" i],
html body [style*="background-color: rgb(240, 244, 255)" i],
html body [style*="background:#f0f4fa" i],
html body [style*="background: #f0f4fa" i],
html body [style*="background-color:#f0f4fa" i],
html body [style*="background: rgb(240, 244, 250)" i],
html body [style*="background-color: rgb(240, 244, 250)" i],
html body [style*="background:#eef3f8" i],
html body [style*="background: #eef3f8" i],
html body [style*="background-color:#eef3f8" i],
html body [style*="background: rgb(238, 243, 248)" i],
html body [style*="background-color: rgb(238, 243, 248)" i],
html body [style*="background:#e8f4ff" i],
html body [style*="background: #e8f4ff" i],
html body [style*="background-color:#e8f4ff" i],
html body [style*="background: rgb(232, 244, 255)" i],
html body [style*="background-color: rgb(232, 244, 255)" i],
html body [style*="background:#e8f0fe" i],
html body [style*="background: #e8f0fe" i],
html body [style*="background-color:#e8f0fe" i],
html body [style*="background: rgb(232, 240, 254)" i],
html body [style*="background-color: rgb(232, 240, 254)" i] { background: var(--nx-surface-2) !important; }
html body [style*="background:#a9c2b2" i],
html body [style*="background: #a9c2b2" i],
html body [style*="background-color:#a9c2b2" i],
html body [style*="background: rgb(169, 194, 178)" i],
html body [style*="background-color: rgb(169, 194, 178)" i],
html body [style*="background:#94a8a0" i],
html body [style*="background: #94a8a0" i],
html body [style*="background-color:#94a8a0" i],
html body [style*="background: rgb(148, 168, 160)" i],
html body [style*="background-color: rgb(148, 168, 160)" i],
html body [style*="background:#cddcd2" i],
html body [style*="background: #cddcd2" i],
html body [style*="background-color:#cddcd2" i],
html body [style*="background: rgb(205, 220, 210)" i],
html body [style*="background-color: rgb(205, 220, 210)" i] { background: var(--nx-surface-3) !important; }
html body [style*="background:#fff8e1" i],
html body [style*="background: #fff8e1" i],
html body [style*="background-color:#fff8e1" i],
html body [style*="background: rgb(255, 248, 225)" i],
html body [style*="background-color: rgb(255, 248, 225)" i],
html body [style*="background:#fff3cd" i],
html body [style*="background: #fff3cd" i],
html body [style*="background-color:#fff3cd" i],
html body [style*="background: rgb(255, 243, 205)" i],
html body [style*="background-color: rgb(255, 243, 205)" i],
html body [style*="background:#fffbe6" i],
html body [style*="background: #fffbe6" i],
html body [style*="background-color:#fffbe6" i],
html body [style*="background: rgb(255, 251, 230)" i],
html body [style*="background-color: rgb(255, 251, 230)" i],
html body [style*="background:#ffe0a0" i],
html body [style*="background: #ffe0a0" i],
html body [style*="background-color:#ffe0a0" i],
html body [style*="background: rgb(255, 224, 160)" i],
html body [style*="background-color: rgb(255, 224, 160)" i],
html body [style*="background:#f4ecd8" i],
html body [style*="background: #f4ecd8" i],
html body [style*="background-color:#f4ecd8" i],
html body [style*="background: rgb(244, 236, 216)" i],
html body [style*="background-color: rgb(244, 236, 216)" i],
html body [style*="background:#fdf6e3" i],
html body [style*="background: #fdf6e3" i],
html body [style*="background-color:#fdf6e3" i],
html body [style*="background: rgb(253, 246, 227)" i],
html body [style*="background-color: rgb(253, 246, 227)" i],
html body [style*="background:#fff3e0" i],
html body [style*="background: #fff3e0" i],
html body [style*="background-color:#fff3e0" i],
html body [style*="background: rgb(255, 243, 224)" i],
html body [style*="background-color: rgb(255, 243, 224)" i] { background: var(--nx-gold-bg) !important; }
html body [style*="background:#ffe4e4" i],
html body [style*="background: #ffe4e4" i],
html body [style*="background-color:#ffe4e4" i],
html body [style*="background: rgb(255, 228, 228)" i],
html body [style*="background-color: rgb(255, 228, 228)" i],
html body [style*="background:#ffe0e0" i],
html body [style*="background: #ffe0e0" i],
html body [style*="background-color:#ffe0e0" i],
html body [style*="background: rgb(255, 224, 224)" i],
html body [style*="background-color: rgb(255, 224, 224)" i],
html body [style*="background:#fff5f5" i],
html body [style*="background: #fff5f5" i],
html body [style*="background-color:#fff5f5" i],
html body [style*="background: rgb(255, 245, 245)" i],
html body [style*="background-color: rgb(255, 245, 245)" i],
html body [style*="background:#fff8f6" i],
html body [style*="background: #fff8f6" i],
html body [style*="background-color:#fff8f6" i],
html body [style*="background: rgb(255, 248, 246)" i],
html body [style*="background-color: rgb(255, 248, 246)" i],
html body [style*="background:#ffb3b3" i],
html body [style*="background: #ffb3b3" i],
html body [style*="background-color:#ffb3b3" i],
html body [style*="background: rgb(255, 179, 179)" i],
html body [style*="background-color: rgb(255, 179, 179)" i],
html body [style*="background:#f4c1c1" i],
html body [style*="background: #f4c1c1" i],
html body [style*="background-color:#f4c1c1" i],
html body [style*="background: rgb(244, 193, 193)" i],
html body [style*="background-color: rgb(244, 193, 193)" i],
html body [style*="background:#ffebee" i],
html body [style*="background: #ffebee" i],
html body [style*="background-color:#ffebee" i],
html body [style*="background: rgb(255, 235, 238)" i],
html body [style*="background-color: rgb(255, 235, 238)" i],
html body [style*="background:#fbeaea" i],
html body [style*="background: #fbeaea" i],
html body [style*="background-color:#fbeaea" i],
html body [style*="background: rgb(251, 234, 234)" i],
html body [style*="background-color: rgb(251, 234, 234)" i] { background: var(--nx-bad-bg) !important; }
html body [style*="background:#a8e6cf" i],
html body [style*="background: #a8e6cf" i],
html body [style*="background-color:#a8e6cf" i],
html body [style*="background: rgb(168, 230, 207)" i],
html body [style*="background-color: rgb(168, 230, 207)" i],
html body [style*="background:#c8f0d8" i],
html body [style*="background: #c8f0d8" i],
html body [style*="background-color:#c8f0d8" i],
html body [style*="background: rgb(200, 240, 216)" i],
html body [style*="background-color: rgb(200, 240, 216)" i],
html body [style*="background:#e8f5e9" i],
html body [style*="background: #e8f5e9" i],
html body [style*="background-color:#e8f5e9" i],
html body [style*="background: rgb(232, 245, 233)" i],
html body [style*="background-color: rgb(232, 245, 233)" i],
html body [style*="background:#c8e6c9" i],
html body [style*="background: #c8e6c9" i],
html body [style*="background-color:#c8e6c9" i],
html body [style*="background: rgb(200, 230, 201)" i],
html body [style*="background-color: rgb(200, 230, 201)" i] { background: var(--nx-good-bg) !important; }
html body [style*="background:#f0d0ff" i],
html body [style*="background: #f0d0ff" i],
html body [style*="background-color:#f0d0ff" i],
html body [style*="background: rgb(240, 208, 255)" i],
html body [style*="background-color: rgb(240, 208, 255)" i],
html body [style*="background:#f3e5f5" i],
html body [style*="background: #f3e5f5" i],
html body [style*="background-color:#f3e5f5" i],
html body [style*="background: rgb(243, 229, 245)" i],
html body [style*="background-color: rgb(243, 229, 245)" i] { background: #1d1530 !important; }
html body [style*="background:#c5e8ff" i],
html body [style*="background: #c5e8ff" i],
html body [style*="background-color:#c5e8ff" i],
html body [style*="background: rgb(197, 232, 255)" i],
html body [style*="background-color: rgb(197, 232, 255)" i],
html body [style*="background:#e3f2fd" i],
html body [style*="background: #e3f2fd" i],
html body [style*="background-color:#e3f2fd" i],
html body [style*="background: rgb(227, 242, 253)" i],
html body [style*="background-color: rgb(227, 242, 253)" i],
html body [style*="background:#c8d8ec" i],
html body [style*="background: #c8d8ec" i],
html body [style*="background-color:#c8d8ec" i],
html body [style*="background: rgb(200, 216, 236)" i],
html body [style*="background-color: rgb(200, 216, 236)" i],
html body [style*="background:#d0dff0" i],
html body [style*="background: #d0dff0" i],
html body [style*="background-color:#d0dff0" i],
html body [style*="background: rgb(208, 223, 240)" i],
html body [style*="background-color: rgb(208, 223, 240)" i],
html body [style*="background:#e8f0f8" i],
html body [style*="background: #e8f0f8" i],
html body [style*="background-color:#e8f0f8" i],
html body [style*="background: rgb(232, 240, 248)" i],
html body [style*="background-color: rgb(232, 240, 248)" i] { background: #0c2130 !important; }
html body [style*="solid #a9c2b2" i],
html body [style*="solid rgb(169, 194, 178)" i],
html body [style*="border-color: rgb(169, 194, 178)" i],
html body [style*="border-color:#a9c2b2" i],
html body [style*="solid #cfe0d7" i],
html body [style*="solid rgb(207, 224, 215)" i],
html body [style*="border-color: rgb(207, 224, 215)" i],
html body [style*="border-color:#cfe0d7" i],
html body [style*="solid #d9e6dc" i],
html body [style*="solid rgb(217, 230, 220)" i],
html body [style*="border-color: rgb(217, 230, 220)" i],
html body [style*="border-color:#d9e6dc" i],
html body [style*="solid #d8e4de" i],
html body [style*="solid rgb(216, 228, 222)" i],
html body [style*="border-color: rgb(216, 228, 222)" i],
html body [style*="border-color:#d8e4de" i],
html body [style*="solid #eaf3ec" i],
html body [style*="solid rgb(234, 243, 236)" i],
html body [style*="border-color: rgb(234, 243, 236)" i],
html body [style*="border-color:#eaf3ec" i],
html body [style*="solid #e2ece6" i],
html body [style*="solid rgb(226, 236, 230)" i],
html body [style*="border-color: rgb(226, 236, 230)" i],
html body [style*="border-color:#e2ece6" i],
html body [style*="solid #eef3f0" i],
html body [style*="solid rgb(238, 243, 240)" i],
html body [style*="border-color: rgb(238, 243, 240)" i],
html body [style*="border-color:#eef3f0" i],
html body [style*="solid #eef5f0" i],
html body [style*="solid rgb(238, 245, 240)" i],
html body [style*="border-color: rgb(238, 245, 240)" i],
html body [style*="border-color:#eef5f0" i],
html body [style*="solid #c7d9cf" i],
html body [style*="solid rgb(199, 217, 207)" i],
html body [style*="border-color: rgb(199, 217, 207)" i],
html body [style*="border-color:#c7d9cf" i],
html body [style*="solid #cdded2" i],
html body [style*="solid rgb(205, 222, 210)" i],
html body [style*="border-color: rgb(205, 222, 210)" i],
html body [style*="border-color:#cdded2" i],
html body [style*="solid #e8f5f8" i],
html body [style*="solid rgb(232, 245, 248)" i],
html body [style*="border-color: rgb(232, 245, 248)" i],
html body [style*="border-color:#e8f5f8" i],
html body [style*="solid #8aaad0" i],
html body [style*="solid rgb(138, 170, 208)" i],
html body [style*="border-color: rgb(138, 170, 208)" i],
html body [style*="border-color:#8aaad0" i],
html body [style*="solid #e2ede4" i],
html body [style*="solid rgb(226, 237, 228)" i],
html body [style*="border-color: rgb(226, 237, 228)" i],
html body [style*="border-color:#e2ede4" i],
html body [style*="solid #e0e0e0" i],
html body [style*="solid rgb(224, 224, 224)" i],
html body [style*="border-color: rgb(224, 224, 224)" i],
html body [style*="border-color:#e0e0e0" i] { border-color: var(--nx-line-2) !important; }
html body [style*="solid #1f6b4a" i],
html body [style*="solid rgb(31, 107, 74)" i],
html body [style*="border-color: rgb(31, 107, 74)" i],
html body [style*="border-color:#1f6b4a" i],
html body [style*="solid #1b5e46" i],
html body [style*="solid rgb(27, 94, 70)" i],
html body [style*="border-color: rgb(27, 94, 70)" i],
html body [style*="border-color:#1b5e46" i],
html body [style*="solid #123f2f" i],
html body [style*="solid rgb(18, 63, 47)" i],
html body [style*="border-color: rgb(18, 63, 47)" i],
html body [style*="border-color:#123f2f" i] { border-color: rgba(60, 242, 176, .45) !important; }
html body [style*="solid #f0d060" i],
html body [style*="solid rgb(240, 208, 96)" i],
html body [style*="border-color: rgb(240, 208, 96)" i],
html body [style*="border-color:#f0d060" i],
html body [style*="solid #f0dfa0" i],
html body [style*="solid rgb(240, 223, 160)" i],
html body [style*="border-color: rgb(240, 223, 160)" i],
html body [style*="border-color:#f0dfa0" i] { border-color: rgba(255, 211, 92, .4) !important; }
html body [style*="solid #e57373" i],
html body [style*="solid rgb(229, 115, 115)" i],
html body [style*="border-color: rgb(229, 115, 115)" i],
html body [style*="border-color:#e57373" i] { border-color: rgba(255, 138, 122, .45) !important; }
html body [style*="background:#1b5e46" i],
html body [style*="background: #1b5e46" i],
html body [style*="background: rgb(27, 94, 70)" i],
html body [style*="background-color: rgb(27, 94, 70)" i],
html body [style*="background:#1f6b4a" i],
html body [style*="background: #1f6b4a" i],
html body [style*="background: rgb(31, 107, 74)" i],
html body [style*="background-color: rgb(31, 107, 74)" i],
html body [style*="background:#123f2f" i],
html body [style*="background: #123f2f" i],
html body [style*="background: rgb(18, 63, 47)" i],
html body [style*="background-color: rgb(18, 63, 47)" i],
html body [style*="background:#0d3325" i],
html body [style*="background: #0d3325" i],
html body [style*="background: rgb(13, 51, 37)" i],
html body [style*="background-color: rgb(13, 51, 37)" i],
html body [style*="background:#1a7a5e" i],
html body [style*="background: #1a7a5e" i],
html body [style*="background: rgb(26, 122, 94)" i],
html body [style*="background-color: rgb(26, 122, 94)" i] {
  background: linear-gradient(135deg, rgba(27, 189, 132, .30), rgba(14, 122, 85, .22)) !important;
  border-color: rgba(60, 242, 176, .45) !important; box-shadow: 0 0 18px rgba(24, 173, 120, .18); }
html body th[style*="background:#1b5e46" i],
html body th[style*="background: rgb(27, 94, 70)" i],
html body td[style*="background:#1b5e46" i],
html body td[style*="background: rgb(27, 94, 70)" i],
html body th[style*="background:#1f6b4a" i],
html body th[style*="background: rgb(31, 107, 74)" i],
html body td[style*="background:#1f6b4a" i],
html body td[style*="background: rgb(31, 107, 74)" i],
html body th[style*="background:#123f2f" i],
html body th[style*="background: rgb(18, 63, 47)" i],
html body td[style*="background:#123f2f" i],
html body td[style*="background: rgb(18, 63, 47)" i],
html body th[style*="background:#0d3325" i],
html body th[style*="background: rgb(13, 51, 37)" i],
html body td[style*="background:#0d3325" i],
html body td[style*="background: rgb(13, 51, 37)" i],
html body th[style*="background:#1a7a5e" i],
html body th[style*="background: rgb(26, 122, 94)" i],
html body td[style*="background:#1a7a5e" i],
html body td[style*="background: rgb(26, 122, 94)" i] { background: #10301f !important; box-shadow: none; }
html body [style*="background:#e07b30" i],
html body [style*="background: rgb(224, 123, 48)" i],
html body [style*="background:#e67e22" i],
html body [style*="background: rgb(230, 126, 34)" i],
html body [style*="background:#d35400" i],
html body [style*="background: rgb(211, 84, 0)" i],
html body [style*="background:#f0ad00" i],
html body [style*="background: rgb(240, 173, 0)" i],
html body [style*="background:#e8a838" i],
html body [style*="background: rgb(232, 168, 56)" i],
html body [style*="background:#e65100" i],
html body [style*="background: rgb(230, 81, 0)" i] { background: linear-gradient(135deg, #d99a1c, #a8720c) !important; box-shadow: 0 0 12px rgba(255, 211, 92, .35); }
html body [style*="background:#c0392b" i],
html body [style*="background: rgb(192, 57, 43)" i],
html body [style*="background:#e74c3c" i],
html body [style*="background: rgb(231, 76, 60)" i] { background: linear-gradient(135deg, #e35b4e, #b23a2f) !important; box-shadow: 0 0 12px rgba(255, 138, 122, .35); }
/* INLINE-END */

/* ---------- Medidores SVG (limite constitucional) ---------- */
html body svg path[stroke="#e6efe9"] { stroke: rgba(255, 255, 255, .07); }
html body svg [stroke="#123f2f"] { stroke: var(--nx-ink); }
html body svg [fill="#123f2f"], html body svg [fill="#4a6b5f"] { fill: var(--nx-ink-2); }
html body svg [stroke="#1b8f5e"] { stroke: var(--nx-emerald-glow); filter: drop-shadow(0 0 6px rgba(60, 242, 176, .7)); }
html body svg [stroke="#e8a838"] { stroke: var(--nx-gold-glow); filter: drop-shadow(0 0 6px rgba(255, 211, 92, .7)); }
html body svg [stroke="#c0392b"] { stroke: var(--nx-coral-glow); filter: drop-shadow(0 0 6px rgba(255, 138, 122, .7)); }
html body svg [fill="#1b8f5e"] { fill: var(--nx-emerald-glow); }
html body svg [fill="#e8a838"] { fill: var(--nx-gold-glow); }
html body svg [fill="#c0392b"] { fill: var(--nx-coral-glow); }

/* ---------- Tela de login ---------- */
html body:has(#loginUser) main > p.lead { color: var(--nx-ink-2); }
html body:has(#loginUser) .card {
  background: linear-gradient(180deg, rgba(16, 38, 29, .9), rgba(8, 22, 17, .94));
  border: 1px solid var(--nx-line); border-radius: 20px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 0 0 1px rgba(60, 242, 176, .05), 0 30px 60px -24px rgba(0, 0, 0, .8), 0 0 60px -20px rgba(24, 173, 120, .35);
}
html body:has(#loginUser) .card button { background: linear-gradient(135deg, #1bbd84, #0e7a55); border: 1px solid rgba(60, 242, 176, .45); border-radius: 10px; box-shadow: 0 0 20px rgba(24, 173, 120, .3); }
html body:has(#loginUser) .card button:hover { background: linear-gradient(135deg, #22d493, #10875e); box-shadow: 0 0 28px rgba(60, 242, 176, .45); }
html body:has(#loginUser) .erro { color: var(--nx-coral-glow); }
html body:has(#loginUser) .paineis-disponiveis a { background: transparent; color: var(--nx-emerald-glow); border-color: rgba(60, 242, 176, .4); border-radius: 10px; }
html body:has(#loginUser) .paineis-disponiveis a:hover { background: rgba(60, 242, 176, .08); color: #fff; }
html body:has(#loginUser) footer { color: var(--nx-ink-3); }

/* ---------- Graficos ---------- */
html body canvas { filter: saturate(1.05); }
html body .charts-row > * { min-width: 0; }
@media (max-width: 900px) {
  html body .charts-row { grid-template-columns: 1fr !important; }
  html body .kpi-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
  html body #receitas-top5-lista .cell-trunc { max-width: 46vw !important; }
}