/* RedirectPro · Visual Lux (editorial escuro, champanhe e serifa).
   Só vale com <html class="lux">. Fica por cima dos temas claro/escuro, sem mexer neles. */

@font-face { font-family: "RP Serif"; src: url("/assets/fonts/iserif-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "RP Serif"; src: url("/assets/fonts/iserif-400i.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "RP Sans"; src: url("/assets/fonts/inter-300.woff2") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "RP Sans"; src: url("/assets/fonts/inter-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "RP Sans"; src: url("/assets/fonts/inter-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "RP Sans"; src: url("/assets/fonts/inter-600.woff2") format("woff2"); font-weight: 600 900; font-display: swap; }

html.lux, html.lux[data-theme], html.lux[data-theme="dark"], html.lux[data-theme="light"] {
  color-scheme: dark;
  --lx-bg: #060912;
  --lx-s1: #0b1020;
  --lx-s2: #10162a;
  --lx-s3: #151d36;
  --lx-ink: #eef2fb;
  --lx-ink2: #cdd5e6;
  --lx-mute: #8590a8;
  --lx-line: rgba(220, 230, 255, .10);
  --lx-line2: rgba(220, 230, 255, .18);
  --lx-gold: #6f9cff;
  --lx-gold2: #9cbcff;
  /* Cor de destaque (o tema laranja troca só estas). */
  --lx-acc: #6f9cff; --lx-acc2: #9cbcff; --lx-acc-rgb: 111, 156, 255; --lx-acc2-rgb: 156, 188, 255;
  --lx-deep: #2f75ff; --lx-deep-rgb: 47, 117, 255; --lx-deep3: #1f3f8f;
  --lx-serif: "RP Serif", "Instrument Serif", Georgia, serif;
  --lx-bar: #04070e;
  --lx-sans: "RP Sans", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;

  --rp-ink: #060912;
  --rp-ink-2: #0b1020;
  --rp-blue: #6f9cff;
  --rp-blue-2: #4f86ff;
  --rp-blue-light: #9cbcff;
  --rp-disp: var(--lx-serif);
  --rp-body: var(--lx-sans);
  --brand: #6f9cff;
  --brand-bright: #6f9cff;
  --brand-hover: #9cbcff;
  --brand-soft: rgba(111, 156, 255, .12);
  --bg: #060912;
  --surface: #0b1020;
  --surface-2: #10162a;
  --surface-3: #151d36;
  --text: #eef2fb;
  --text-2: #cdd5e6;
  --muted: #8590a8;
  --line: rgba(220, 230, 255, .10);
  --line-strong: rgba(220, 230, 255, .18);
  --primary: #eef2fb;
  --primary-text: #060912;
  --tooltip: #eef2fb;
  --success: #8fbf8a;
  --success-soft: rgba(143, 191, 138, .12);
  --danger: #d98a7a;
  --danger-soft: rgba(217, 138, 122, .12);
  --shadow-sm: none;
  --shadow-md: 0 30px 60px -40px rgba(0, 0, 0, .8);
  --shadow-lg: 0 40px 80px -40px rgba(0, 0, 0, .9);
  --radius-lg: 6px;
  background: var(--lx-bg) !important;
}

/* Base */
html.lux body { background: var(--lx-bg) !important; color: var(--lx-ink) !important; font-family: var(--lx-sans) !important; -webkit-font-smoothing: antialiased; letter-spacing: 0; }
html.lux body :where(p, span, a, li, label, small, b, strong, em, td, th, div, input, select, textarea, button, summary) { font-family: var(--lx-sans); }
html.lux body input, html.lux body select, html.lux body textarea, html.lux body button { font-family: var(--lx-sans) !important; }
html.lux body::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 2147483000; opacity: .05; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); }
html.lux ::selection { background: rgba(var(--lx-acc-rgb), .35); color: #fff; }

/* Títulos em serifa */
html.lux body h1, html.lux body .gf-page-head h1, html.lux body .rp-head h1, html.lux body .of-head h1, html.lux body .tk-head h1, html.lux body .lp-head h1 {
  font-family: var(--lx-serif) !important; font-weight: 400 !important; letter-spacing: .005em !important; line-height: 1.02 !important; color: var(--lx-ink) !important;
}
html.lux body h1 { font-size: clamp(30px, 3.4vw, 42px) !important; }
html.lux body h2 { font-family: var(--lx-serif) !important; font-weight: 400 !important; letter-spacing: 0 !important; font-size: 1.55em; color: var(--lx-ink) !important; }
html.lux body h3 { font-weight: 500 !important; letter-spacing: -.005em !important; }
html.lux body h1 em, html.lux body h2 em { font-style: italic; color: var(--lx-gold); }
html.lux body .eyebrow, html.lux body .of-eb, html.lux body .gf-eyebrow, html.lux body [class*="eyebrow"] {
  color: var(--lx-gold) !important; letter-spacing: .3em !important; font-size: 11px !important; font-weight: 500 !important; text-transform: uppercase; font-family: var(--lx-sans) !important;
}
html.lux body .muted, html.lux body .field-help, html.lux body small { color: var(--lx-mute); }

/* Números grandes */
html.lux body .gf-metric strong, html.lux body .metric strong, html.lux body .stat strong, html.lux body .gf-stat strong, html.lux body .rp-stat strong, html.lux body .of-kpi b {
  font-family: var(--lx-serif) !important; font-weight: 400 !important; letter-spacing: 0 !important;
}

/* Menu lateral */
html.lux body .topbar, html.lux body .topbar.gf-nav {
  background: #04070e !important; border-right: 1px solid var(--lx-line) !important; color: var(--lx-ink2);
}
html.lux body .topbar .brand-wordmark { font-family: var(--lx-sans) !important; font-weight: 600 !important; letter-spacing: -.02em !important; color: var(--lx-ink) !important; }
html.lux body .topbar .brand-wordmark strong { color: var(--lx-gold) !important; }
html.lux body .topbar .brand-mark-wrap { background: transparent !important; border-color: var(--lx-line2) !important; }
html.lux body .topbar .nav-link { color: #97a2bb !important; font-weight: 400 !important; border-radius: 4px !important; }
html.lux body .topbar .nav-link:hover { color: var(--lx-ink) !important; background: rgba(220, 230, 255, .04) !important; }
html.lux body .topbar .nav-link.active { color: var(--lx-ink) !important; background: rgba(var(--lx-acc-rgb), .07) !important; border-color: transparent !important; box-shadow: inset 2px 0 0 var(--lx-gold) !important; }
html.lux body .topbar .nav-link.active .gf-icon, html.lux body .topbar .nav-link.active .ui-icon { color: var(--lx-gold) !important; }
html.lux body .topbar .nav-link.active::before { background-color: var(--lx-gold) !important; }
html.lux body .topbar .nav-sub a, html.lux body .topbar .rd-sub a { color: #97a2bb !important; }
html.lux body .topbar .nav-link.nav-cta, html.lux body .topbar .nav-link.nav-hire {
  background: transparent !important; border: 1px solid var(--lx-line2) !important; color: var(--lx-ink2) !important; box-shadow: none !important;
}
html.lux body .topbar .nav-link.nav-cta .gf-icon, html.lux body .topbar .nav-link.nav-hire .gf-icon { color: var(--lx-gold) !important; }
html.lux body .topbar .nav-link.nav-cta em { background: transparent !important; color: var(--lx-gold) !important; border: 1px solid rgba(var(--lx-acc-rgb), .5) !important; }
html.lux body .topbar .rp-pill, html.lux body .topbar .nav-link .badge { background: rgba(var(--lx-acc-rgb), .12) !important; color: var(--lx-gold) !important; }

/* Cartões: sem sombra, linha fina, cantos discretos */
html.lux body .card, html.lux body .rd-card, html.lux body .of-acard, html.lux body .gp-card {
  background: var(--lx-s1) !important; border: 1px solid var(--lx-line) !important; border-radius: 6px !important; box-shadow: none !important;
}
html.lux body .card .card, html.lux body .lp-cell { background: transparent !important; }

/* Botões em cápsula */
html.lux body .btn { border-radius: 999px !important; font-weight: 500 !important; letter-spacing: .02em !important; box-shadow: none !important; }
html.lux body .btn.primary, html.lux body .primary.btn { background: var(--lx-ink) !important; border-color: var(--lx-ink) !important; color: var(--lx-bg) !important; box-shadow: none !important; }
html.lux body .btn.primary:hover, html.lux body .primary.btn:hover { filter: brightness(1.12); }
html.lux body .btn.primary .gf-icon, html.lux body .btn.primary svg { color: var(--lx-bg) !important; }
html.lux body .btn.secondary { background: transparent !important; border: 1px solid var(--lx-line2) !important; color: var(--lx-ink) !important; }
html.lux body .btn.secondary:hover { border-color: var(--lx-ink) !important; background: rgba(220, 230, 255, .04) !important; }
html.lux body .btn.danger { background: transparent !important; border: 1px solid rgba(217, 138, 122, .5) !important; color: var(--danger) !important; }

/* Campos */
html.lux body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), html.lux body select, html.lux body textarea {
  background: rgba(220, 230, 255, .03) !important; border: 1px solid var(--lx-line2) !important; color: var(--lx-ink) !important; border-radius: 6px !important; box-shadow: none !important;
}
html.lux body input::placeholder, html.lux body textarea::placeholder { color: #5d6780 !important; }
html.lux body input:focus, html.lux body select:focus, html.lux body textarea:focus { border-color: var(--lx-gold) !important; box-shadow: 0 0 0 3px rgba(var(--lx-acc-rgb), .14) !important; outline: none !important; }
html.lux body select option { background: var(--lx-s2); color: var(--lx-ink); }
html.lux body input[type="checkbox"], html.lux body input[type="radio"] { accent-color: var(--lx-gold); }
html.lux body label, html.lux body .field label { color: var(--lx-ink2); font-weight: 500; }

/* Abas, chips, períodos */
html.lux body .gf-project-tabs, html.lux body .gf-settings-tabs, html.lux body .rp-tabs, html.lux body .op-seg {
  background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--lx-line) !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; gap: 4px !important;
}
html.lux body .gf-project-tabs a, html.lux body .gf-settings-tabs a, html.lux body .rp-tabs a {
  border-radius: 0 !important; background: transparent !important; color: var(--lx-mute) !important; font-weight: 400 !important; letter-spacing: .02em; box-shadow: none !important; border-bottom: 1px solid transparent !important; margin-bottom: -1px;
}
html.lux body .gf-project-tabs a.active, html.lux body .gf-settings-tabs a.active, html.lux body .rp-tabs a.active, html.lux body .rp-tabs a.on {
  color: var(--lx-ink) !important; border-bottom-color: var(--lx-gold) !important; background: transparent !important;
}
html.lux body .of-chips a, html.lux body .vt-chips a { border-radius: 999px !important; background: transparent !important; border: 1px solid var(--lx-line2) !important; color: var(--lx-ink2) !important; }
html.lux body .of-chips a.on, html.lux body .vt-chips a.on { border-color: var(--lx-gold) !important; color: var(--lx-gold) !important; background: rgba(var(--lx-acc-rgb), .06) !important; }

/* Selos e pílulas */
html.lux body .gf-plan-badge, html.lux body .rp-badge { background: transparent !important; border: 1px solid rgba(var(--lx-acc-rgb), .45) !important; color: var(--lx-gold) !important; font-family: var(--lx-sans) !important; letter-spacing: .18em !important; font-weight: 500 !important; }
html.lux body .rd-dot.on { background: #22c55e !important; box-shadow: 0 0 0 3px rgba(34, 197, 94, .18) !important; }
html.lux body .rd-st.g, html.lux body .tk-pill.on, html.lux body .of-pill.on { background: rgba(143, 191, 138, .1) !important; color: #a8d1a3 !important; }

/* Tabelas */
html.lux body table th { color: var(--lx-mute) !important; font-weight: 500 !important; letter-spacing: .12em; text-transform: uppercase; font-size: 11px !important; background: transparent !important; }
html.lux body table td { border-color: var(--lx-line) !important; }
html.lux body table tr:hover td { background: rgba(220, 230, 255, .02) !important; }

/* Gráficos e barras */
html.lux body .rd-bar i, html.lux body .gf-progress span { background: var(--lx-gold) !important; }

/* Celular: barra de cima */
@media (max-width: 780px) {
  html.lux body::before { background: var(--lx-bar) !important; border-bottom-color: var(--lx-line) !important; }
  html.lux body .rp-appbar-brand { color: var(--lx-ink) !important; }
  html.lux body .rp-appbar-brand strong { background: transparent !important; color: var(--lx-gold) !important; border: 1px solid rgba(var(--lx-acc-rgb), .5); }
  html.lux body .gf-mobile-menu-toggle:not([aria-expanded="true"]) { color: var(--lx-ink) !important; }
}

/* Avisos */
html.lux body .flash, html.lux body .alert { background: var(--lx-s2) !important; border: 1px solid var(--lx-line2) !important; color: var(--lx-ink) !important; border-radius: 6px !important; }
html.lux body .rp-toast, html.lux body .rpt { background: var(--lx-s2) !important; color: var(--lx-ink) !important; border: 1px solid var(--lx-line2) !important; }

/* Links */
html.lux body main :where(p, small, .field-help, .muted, .of-hint, li) a:not(.btn) { color: var(--lx-gold2); }

/* Dashboard: KPIs, funil e destaques sem cores neon */
html.lux body .op-kpi > b { font-family: var(--lx-serif) !important; font-weight: 400 !important; font-size: 34px !important; letter-spacing: 0 !important; }
html.lux body .op-kpi small i, html.lux body .op-kpi > small > i { background: transparent !important; border: 1px solid var(--lx-line2) !important; color: var(--lx-gold) !important; }
html.lux body h1 .gf-grad, html.lux body h1 [class*="grad"], html.lux body h1 span[style*="gradient"] { background: none !important; -webkit-text-fill-color: var(--lx-gold) !important; color: var(--lx-gold) !important; font-style: italic; }
html.lux body .rp-live { background: transparent !important; border: 1px solid rgba(143, 191, 138, .4) !important; color: #a8d1a3 !important; }
html.lux body [class*="funnel"] i, html.lux body [class*="fn-"] i, html.lux body .db-fn i, html.lux body .db-bar i { background: var(--lx-gold) !important; }
html.lux body .db-lost { background: rgba(var(--lx-acc-rgb), .06) !important; color: var(--lx-gold) !important; border: 1px solid rgba(var(--lx-acc-rgb), .25); }
html.lux body h1 em { background: none !important; -webkit-text-fill-color: var(--lx-gold) !important; color: var(--lx-gold) !important; font-style: italic !important; }
html.lux body .db-f i { background: rgba(220, 230, 255, .06) !important; }
html.lux body .db-f i span { background: linear-gradient(90deg, var(--lx-deep), var(--lx-gold)) !important; }

@media (max-width: 780px) { html.lux body .eyebrow, html.lux body [class*="eyebrow"] { letter-spacing: .2em !important; } }
html.lux body .topbar.gf-nav nav > a.nav-link[href^="/configuracoes"].active { background: rgba(var(--lx-acc-rgb), .07) !important; border-color: transparent !important; box-shadow: inset 2px 0 0 var(--lx-gold) !important; }
html.lux body .topbar.gf-nav nav > a.nav-link[href^="/configuracoes"].active .gf-icon { color: var(--lx-gold) !important; }
html.lux body .db-net-bar { background: rgba(90, 107, 140, .45) !important; }
html.lux body .db-net-bar i { background: var(--lx-gold) !important; }
html.lux body .op-up { color: #a8d1a3 !important; } html.lux body .op-down { color: #d9a090 !important; }

/* Palavras dentro dos títulos herdam a serifa (o itálico dourado é da própria serifa). */
html.lux body :is(h1, h2, h3) :where(span, em, b, strong, i, small) { font-family: inherit !important; }

/* ---------- Tema diurno (claro) ---------- */
html.lux[data-theme="light"] {
  color-scheme: light;
  --lx-bg: #f4f6fb;
  --lx-s1: #ffffff;
  --lx-s2: #f8f9fd;
  --lx-s3: #eef1f8;
  --lx-ink: #0b1020;
  --lx-ink2: #334155;
  --lx-mute: #667085;
  --lx-line: rgba(11, 16, 32, .09);
  --lx-line2: rgba(11, 16, 32, .16);
  --lx-gold: #2f75ff;
  --lx-gold2: #1f5fe0;
  --lx-bar: rgba(255, 255, 255, .96);
  --rp-blue: #2f75ff; --rp-blue-2: #1f5fe0; --rp-blue-light: #6f9cff;
  --brand: #2f75ff; --brand-bright: #2f75ff; --brand-hover: #1f5fe0; --brand-soft: rgba(47, 117, 255, .08);
  --bg: #f4f6fb; --surface: #ffffff; --surface-2: #f8f9fd; --surface-3: #eef1f8;
  --text: #0b1020; --text-2: #334155; --muted: #667085;
  --line: rgba(11, 16, 32, .09); --line-strong: rgba(11, 16, 32, .16);
  --primary: #0b1020; --primary-text: #ffffff; --tooltip: #0b1020;
  --success: #16a34a; --success-soft: rgba(22, 163, 74, .1); --danger: #dc2626; --danger-soft: rgba(220, 38, 38, .08);
  --shadow-sm: 0 1px 2px rgba(11, 16, 32, .04);
  background: #f4f6fb !important;
}
html.lux[data-theme="light"] body::after { opacity: .025; }
html.lux[data-theme="light"] body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), html.lux[data-theme="light"] body select, html.lux[data-theme="light"] body textarea { background: #fff !important; }
html.lux[data-theme="light"] body input::placeholder, html.lux[data-theme="light"] body textarea::placeholder { color: #98a2b3 !important; }
html.lux[data-theme="light"] body .btn.secondary:hover { background: rgba(11, 16, 32, .03) !important; }
html.lux[data-theme="light"] body table tr:hover td { background: rgba(11, 16, 32, .02) !important; }
html.lux[data-theme="light"] body .rd-st.g, html.lux[data-theme="light"] body .tk-pill.on, html.lux[data-theme="light"] body .of-pill.on { background: rgba(22, 163, 74, .08) !important; color: #15803d !important; }
html.lux[data-theme="light"] body .rp-live { color: #15803d !important; border-color: rgba(22, 163, 74, .35) !important; }
html.lux[data-theme="light"] body .op-up { color: #15803d !important; } html.lux[data-theme="light"] body .op-down { color: #b42318 !important; }
html.lux[data-theme="light"] body .op-kpi small i, html.lux[data-theme="light"] body .op-kpi > small > i { color: #2f75ff !important; }
html.lux[data-theme="light"] body .db-f i { background: rgba(11, 16, 32, .06) !important; }
html.lux[data-theme="light"] body .db-f i span { background: linear-gradient(90deg, #6f9cff, #2f75ff) !important; }
html.lux[data-theme="light"] body .db-net-bar { background: rgba(90, 107, 140, .25) !important; }
html.lux[data-theme="light"] body .flash, html.lux[data-theme="light"] body .alert, html.lux[data-theme="light"] body .rp-toast { background: #fff !important; }
html.lux[data-theme="light"] select option { background: #fff; color: #0b1020; }
@media (max-width: 780px) { html.lux[data-theme="light"] body .rp-appbar-brand { color: #0b1020 !important; } html.lux[data-theme="light"] body .gf-mobile-menu-toggle:not([aria-expanded="true"]) { color: #0b1020 !important; } }

/* =========================================================
   Menu lateral Lux
   ========================================================= */
html.lux body .topbar.gf-nav {
  --nv-ink: #e9eefb; --nv-mute: #8a95ad; --nv-dim: #5f6a82; --nv-acc: var(--lx-acc); --nv-acc2: var(--lx-deep);
  background:
    radial-gradient(280px 220px at 0% 0%, rgba(var(--lx-deep-rgb), .20), transparent 70%),
    radial-gradient(260px 300px at 100% 100%, rgba(var(--lx-acc-rgb), .07), transparent 70%),
    linear-gradient(180deg, #070b16 0%, #04070e 100%) !important;
  border-right: 0 !important;
  box-shadow: inset -1px 0 0 rgba(220, 230, 255, .06) !important;
}
html.lux body .topbar.gf-nav::after {
  content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(var(--lx-acc-rgb), .45) 30%, rgba(var(--lx-acc-rgb), .12) 70%, transparent);
}
html.lux[data-theme="light"] body .topbar.gf-nav { background: radial-gradient(280px 220px at 0% 0%, rgba(var(--lx-deep-rgb), .22), transparent 70%), linear-gradient(180deg, #0a1124, #060a16) !important; }

/* Marca */
html.lux body .topbar .brand { padding: 6px 8px !important; margin-bottom: 10px !important; }
html.lux body .topbar .brand-mark-wrap { border-radius: 12px !important; border: 1px solid rgba(var(--lx-acc-rgb), .35) !important; background: radial-gradient(circle at 30% 20%, rgba(var(--lx-acc-rgb), .35), rgba(var(--lx-deep-rgb), .06)) !important; box-shadow: 0 0 24px -6px rgba(var(--lx-deep-rgb), .7) !important; }
html.lux body .topbar .brand-wordmark { font-family: var(--lx-serif) !important; font-weight: 400 !important; font-size: 25px !important; letter-spacing: .005em !important; color: var(--nv-ink) !important; }
html.lux body .topbar .brand-wordmark strong { font-style: italic; font-weight: 400 !important; color: var(--nv-acc) !important; margin-left: 3px; background: none !important; padding: 0 !important; }

/* Rótulos de seção */
html.lux body .topbar .lx-sec { transition: height .45s cubic-bezier(.16,1,.3,1), margin .45s cubic-bezier(.16,1,.3,1); position: relative; display: flex; align-items: center; gap: 10px; height: 26px; margin: 12px 0 2px; padding: 0 14px; font-style: normal; }
html.lux body .topbar .lx-sec b { font-size: 10px; font-weight: 500; letter-spacing: .26em; text-transform: uppercase; color: var(--nv-dim); white-space: nowrap; }
html.lux body .topbar .lx-sec::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(220, 230, 255, .10), transparent); }


/* Itens */
html.lux body .topbar .nav-link {
  position: relative; gap: 12px !important; min-height: 42px !important; padding: 0 12px 0 8px !important; border-radius: 12px !important;
  color: var(--nv-mute) !important; font-size: 13.5px !important; font-weight: 450 !important; letter-spacing: .005em;
  transition: color .25s ease, background-color .3s ease, transform .35s cubic-bezier(.16, 1, .3, 1) !important;
}
html.lux body .topbar .nav-link > svg, html.lux body .topbar .nav-link > .gf-icon {
  box-sizing: content-box; width: 17px !important; height: 17px !important; padding: 7px; border-radius: 10px;
  border: 1px solid rgba(220, 230, 255, .07); background: rgba(220, 230, 255, .025); color: var(--nv-mute) !important;
  transition: all .35s cubic-bezier(.16, 1, .3, 1) !important;
}
html.lux body .topbar .nav-link:hover { color: var(--nv-ink) !important; background: rgba(220, 230, 255, .035) !important; }
html.lux body .topbar .nav-link:hover > svg, html.lux body .topbar .nav-link:hover > .gf-icon { color: var(--nv-ink) !important; border-color: rgba(var(--lx-acc-rgb), .35); background: rgba(var(--lx-acc-rgb), .08); }
html.lux body .topbar .nav-link.active, html.lux body .topbar.gf-nav nav > a.nav-link[href^="/configuracoes"].active {
  color: #fff !important; box-shadow: none !important;
  background: linear-gradient(90deg, rgba(var(--lx-deep-rgb), .22), rgba(var(--lx-deep-rgb), .04) 70%, transparent) !important;
}
html.lux body .topbar .nav-link.active::before {
  content: "" !important; position: absolute !important; left: -14px !important; top: 9px !important; bottom: 9px !important; width: 3px !important; border-radius: 0 3px 3px 0 !important;
  background: linear-gradient(180deg, var(--lx-acc2), var(--lx-deep)) !important; box-shadow: 0 0 14px 1px rgba(var(--lx-deep-rgb), .8) !important; opacity: 1 !important; display: block !important;
}
html.lux body .topbar .nav-link.active > svg, html.lux body .topbar .nav-link.active > .gf-icon {
  color: #fff !important; border-color: transparent; background: linear-gradient(135deg, var(--lx-acc), var(--lx-deep)); box-shadow: 0 6px 18px -6px rgba(var(--lx-deep-rgb), .9);
}
/* Grupos: setinha e árvore */
html.lux body .topbar .rp-nav-chev { color: var(--nv-dim) !important; transition: transform .45s cubic-bezier(.16, 1, .3, 1) !important; }
html.lux body .topbar .rp-nav-group[open] > summary .rp-nav-chev { transform: rotate(180deg); color: var(--nv-acc) !important; }
html.lux body .topbar .rp-nav-group > summary.active { background: transparent !important; }
html.lux body .topbar .rp-nav-group > summary.active::before { display: none !important; }
html.lux body .topbar .rp-nav-sub { position: relative; margin: 2px 0 6px 25px !important; padding-left: 12px !important; gap: 1px !important; }
html.lux body .topbar .rp-nav-sub::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 1px; background: linear-gradient(180deg, rgba(var(--lx-acc-rgb), .35), rgba(220, 230, 255, .06)); }
html.lux body .topbar .rp-nav-sub .nav-link { min-height: 34px !important; font-size: 13px !important; padding: 0 10px !important; }
html.lux body .topbar .rp-nav-sub .nav-link > svg, html.lux body .topbar .rp-nav-sub .nav-link > .gf-icon { padding: 0; border: 0; background: none !important; box-shadow: none; width: 15px !important; height: 15px !important; }
html.lux body .topbar .rp-nav-sub .nav-link.active { background: rgba(var(--lx-acc-rgb), .10) !important; }
html.lux body .topbar .rp-nav-sub .nav-link.active::before { left: -13px !important; top: 10px !important; bottom: 10px !important; width: 2px !important; }
html.lux body .topbar .rp-nav-sub .nav-link.active > svg { color: var(--nv-acc) !important; background: none !important; }

/* Selos pequenos */
html.lux body .topbar .rp-conn-n, html.lux body .topbar .rp-inc-n, html.lux body .topbar .ck-kbd { background: transparent !important; border: 1px solid rgba(220, 230, 255, .14) !important; color: var(--nv-mute) !important; font-style: normal; border-radius: 6px !important; font-size: 10.5px !important; }
html.lux body .topbar .rp-conn-n.ok { border-color: rgba(var(--lx-acc-rgb), .45) !important; color: var(--nv-acc) !important; }

/* Cartões de crescimento */
html.lux body .topbar .nav-link.nav-hire, html.lux body .topbar .nav-link.nav-cta {
  min-height: 58px !important; margin-top: 6px; padding: 0 12px 0 8px !important; border-radius: 14px !important;
  border: 1px solid transparent !important;
  background: linear-gradient(#0a1020, #0a1020) padding-box, linear-gradient(135deg, rgba(var(--lx-acc-rgb), .55), rgba(var(--lx-acc-rgb), .06) 60%, rgba(var(--lx-acc-rgb), .25)) border-box !important;
  color: var(--nv-ink) !important;
}
html.lux body .topbar .nav-link.nav-hire > span, html.lux body .topbar .nav-link.nav-cta > span { display: flex; flex-direction: column; line-height: 1.15; font-family: var(--lx-serif) !important; font-size: 17px !important; font-weight: 400; letter-spacing: .005em; }
html.lux body .topbar .lx-sub { display: block; font-family: var(--lx-sans) !important; font-size: 11px; color: var(--nv-dim); letter-spacing: .02em; margin-top: 3px; }
html.lux body .topbar .nav-link.nav-hire > svg, html.lux body .topbar .nav-link.nav-cta > svg { color: var(--nv-acc) !important; border-color: rgba(var(--lx-acc-rgb), .3); background: rgba(var(--lx-acc-rgb), .08); }
html.lux body .topbar .nav-link.nav-cta em { border: 1px solid rgba(var(--lx-acc-rgb), .5) !important; color: var(--nv-acc) !important; background: transparent !important; margin-left: auto !important; }
html.lux body .topbar .nav-link.nav-hire:hover, html.lux body .topbar .nav-link.nav-cta:hover { transform: translateY(-1px); background: linear-gradient(#0d1530, #0d1530) padding-box, linear-gradient(135deg, rgba(var(--lx-acc2-rgb), .9), rgba(var(--lx-acc-rgb), .15) 60%, rgba(var(--lx-acc-rgb), .5)) border-box !important; }

/* Você */
html.lux body .topbar .lx-me { position: relative; display: flex; align-items: center; gap: 11px; margin: 22px 0 10px; padding: 10px 8px; border-radius: 14px; border-top: 0; text-decoration: none; color: var(--nv-ink); transition: background .3s; }
html.lux body .topbar .lx-me:hover { background: rgba(220, 230, 255, .035); }
html.lux body .topbar .lx-me > i { flex: 0 0 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-family: var(--lx-serif); font-size: 17px; color: #fff; background: linear-gradient(135deg, var(--lx-acc), var(--lx-deep3)); box-shadow: 0 0 0 3px rgba(var(--lx-deep-rgb), .14); }
html.lux body .topbar .lx-me > span { display: grid; min-width: 0; }
html.lux body .topbar .lx-me b { font-size: 13px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.lux body .topbar .lx-me small { font-size: 11px; color: var(--nv-dim); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 781px) { html.lux:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar .lx-me { padding-left: 16px; } }
html.lux body .topbar .nav-logout { color: var(--nv-dim) !important; }

/* Entrada dos itens ao abrir (sutil, em cascata) */
@media (min-width: 781px) {
  html.lux.rp-nav-open.lx-in:not(.rp-nav-closing) body .topbar.gf-nav nav > :is(.nav-link, .rp-nav-group, .lx-sec, .lx-me) { animation: lxIn .55s cubic-bezier(.16, 1, .3, 1) both; }
  html.lux.rp-nav-open body .topbar.gf-nav nav > :nth-child(2) { animation-delay: .02s; } html.lux.rp-nav-open body .topbar.gf-nav nav > :nth-child(3) { animation-delay: .04s; }
  html.lux.rp-nav-open body .topbar.gf-nav nav > :nth-child(4) { animation-delay: .06s; } html.lux.rp-nav-open body .topbar.gf-nav nav > :nth-child(5) { animation-delay: .08s; }
  html.lux.rp-nav-open body .topbar.gf-nav nav > :nth-child(6) { animation-delay: .10s; } html.lux.rp-nav-open body .topbar.gf-nav nav > :nth-child(7) { animation-delay: .12s; }
  html.lux.rp-nav-open body .topbar.gf-nav nav > :nth-child(n+8) { animation-delay: .14s; }
}
@keyframes lxIn { from { opacity: .35; transform: translateX(-6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { html.lux body .topbar.gf-nav nav > * { animation: none !important; } }
html.lux body .topbar .brand-wordmark :where(span, strong) { font-family: var(--lx-serif) !important; text-transform: none !important; }

/* Menu fechado (só ícones): tudo centrado no mesmo eixo */
@media (min-width: 781px) {
  html.lux:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar.gf-nav :is(nav > .nav-link, nav > a.nav-link, .rp-nav-group > summary.nav-link, nav > button.nav-link) {
    padding: 0 !important; justify-content: center !important; gap: 0 !important; min-height: 46px !important; height: 46px !important;
    background: transparent !important; border-color: transparent !important; margin-left: 0 !important; margin-right: 0 !important;
  }
  html.lux:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar.gf-nav :is(nav > .nav-link, .rp-nav-group > summary.nav-link) > :is(span, i, em) { display: none !important; }
  html.lux:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar.gf-nav .nav-link.active::before { left: -14px !important; top: 12px !important; bottom: 12px !important; }
  html.lux:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar.gf-nav :is(.nav-hire, .nav-cta) { min-height: 46px !important; margin-top: 4px !important; border-radius: 14px !important; }
  html.lux:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar .lx-sec { height: 1px; margin: 4px 0; padding: 0 !important; gap: 0; width: 48px !important; min-width: 48px !important; max-width: 48px !important; justify-content: center !important; box-sizing: border-box; }
  html.lux:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar .lx-sec b { position: absolute; }
  html.lux:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar .lx-sec::after { flex: 0 0 24px !important; background: rgba(220, 230, 255, .18); }
  html.lux:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar .lx-me { justify-content: center; padding: 10px 0 !important; }
}

/* Botão de som no menu */
html.lux body .topbar .lx-snd { display: flex; }
html.lux body .topbar .lx-snd .lx-snd-st { margin-left: auto; font-style: normal; font-size: 10.5px; color: var(--nv-acc); border: 1px solid rgba(var(--lx-acc-rgb), .35); border-radius: 6px; padding: 1px 6px; }
html.lux body .topbar .lx-snd.off .lx-snd-st { color: var(--nv-dim); border-color: rgba(220, 230, 255, .12); }
html.lux body .topbar .lx-sub { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 150px; }
@media (min-width: 781px) {
  html.lux:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar .lx-me { width: 48px !important; padding: 10px 0 !important; justify-content: center !important; }
  html.lux:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar .lx-me > span { display: none !important; }
}

/* ===== GOLD (gerado) ===== */
/* RedirectPro · Visual Lux (editorial escuro, champanhe e serifa).
   Só vale com <html class="lux">. Fica por cima dos temas claro/escuro, sem mexer neles. */

html.lux.lux-gold, html.lux.lux-gold[data-theme], html.lux.lux-gold[data-theme="dark"], html.lux.lux-gold[data-theme="light"] {
  color-scheme: dark;
  --lx-bg: #0a0908;
  --lx-s1: #11100e;
  --lx-s2: #161411;
  --lx-s3: #1d1a16;
  --lx-ink: #efe9df;
  --lx-ink2: #cfc7ba;
  --lx-mute: #8d867b;
  --lx-line: rgba(239, 233, 223, .10);
  --lx-line2: rgba(239, 233, 223, .18);
  --lx-gold: #c8a96a;
  --lx-gold2: #d9bd84;
  --lx-serif: "RP Serif", "Instrument Serif", Georgia, serif;
  --lx-bar: #080706;
  --lx-sans: "RP Sans", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;

  --rp-ink: #0a0908;
  --rp-ink-2: #11100e;
  --rp-blue: #c8a96a;
  --rp-blue-2: #b8955a;
  --rp-blue-light: #d9bd84;
  --rp-disp: var(--lx-serif);
  --rp-body: var(--lx-sans);
  --brand: #c8a96a;
  --brand-bright: #c8a96a;
  --brand-hover: #d9bd84;
  --brand-soft: rgba(200, 169, 106, .12);
  --bg: #0a0908;
  --surface: #11100e;
  --surface-2: #161411;
  --surface-3: #1d1a16;
  --text: #efe9df;
  --text-2: #cfc7ba;
  --muted: #8d867b;
  --line: rgba(239, 233, 223, .10);
  --line-strong: rgba(239, 233, 223, .18);
  --primary: #efe9df;
  --primary-text: #0a0908;
  --tooltip: #efe9df;
  --success: #8fbf8a;
  --success-soft: rgba(143, 191, 138, .12);
  --danger: #d98a7a;
  --danger-soft: rgba(217, 138, 122, .12);
  --shadow-sm: none;
  --shadow-md: 0 30px 60px -40px rgba(0, 0, 0, .8);
  --shadow-lg: 0 40px 80px -40px rgba(0, 0, 0, .9);
  --radius-lg: 6px;
  background: var(--lx-bg) !important;
}

/* Base */
html.lux.lux-gold body { background: var(--lx-bg) !important; color: var(--lx-ink) !important; font-family: var(--lx-sans) !important; -webkit-font-smoothing: antialiased; letter-spacing: 0; }
html.lux.lux-gold body :where(p, span, a, li, label, small, b, strong, em, td, th, div, input, select, textarea, button, summary) { font-family: var(--lx-sans); }
html.lux.lux-gold body input, html.lux.lux-gold body select, html.lux.lux-gold body textarea, html.lux.lux-gold body button { font-family: var(--lx-sans) !important; }
html.lux.lux-gold body::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 2147483000; opacity: .05; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); }
html.lux.lux-gold ::selection { background: rgba(200, 169, 106, .35); color: #fff; }

/* Títulos em serifa */
html.lux.lux-gold body h1, html.lux.lux-gold body .gf-page-head h1, html.lux.lux-gold body .rp-head h1, html.lux.lux-gold body .of-head h1, html.lux.lux-gold body .tk-head h1, html.lux.lux-gold body .lp-head h1 {
  font-family: var(--lx-serif) !important; font-weight: 400 !important; letter-spacing: .005em !important; line-height: 1.02 !important; color: var(--lx-ink) !important;
}
html.lux.lux-gold body h1 { font-size: clamp(30px, 3.4vw, 42px) !important; }
html.lux.lux-gold body h2 { font-family: var(--lx-serif) !important; font-weight: 400 !important; letter-spacing: 0 !important; font-size: 1.55em; color: var(--lx-ink) !important; }
html.lux.lux-gold body h3 { font-weight: 500 !important; letter-spacing: -.005em !important; }
html.lux.lux-gold body h1 em, html.lux.lux-gold body h2 em { font-style: italic; color: var(--lx-gold); }
html.lux.lux-gold body .eyebrow, html.lux.lux-gold body .of-eb, html.lux.lux-gold body .gf-eyebrow, html.lux.lux-gold body [class*="eyebrow"] {
  color: var(--lx-gold) !important; letter-spacing: .3em !important; font-size: 11px !important; font-weight: 500 !important; text-transform: uppercase; font-family: var(--lx-sans) !important;
}
html.lux.lux-gold body .muted, html.lux.lux-gold body .field-help, html.lux.lux-gold body small { color: var(--lx-mute); }

/* Números grandes */
html.lux.lux-gold body .gf-metric strong, html.lux.lux-gold body .metric strong, html.lux.lux-gold body .stat strong, html.lux.lux-gold body .gf-stat strong, html.lux.lux-gold body .rp-stat strong, html.lux.lux-gold body .of-kpi b {
  font-family: var(--lx-serif) !important; font-weight: 400 !important; letter-spacing: 0 !important;
}

/* Menu lateral */
html.lux.lux-gold body .topbar, html.lux.lux-gold body .topbar.gf-nav {
  background: #080706 !important; border-right: 1px solid var(--lx-line) !important; color: var(--lx-ink2);
}
html.lux.lux-gold body .topbar .brand-wordmark { font-family: var(--lx-sans) !important; font-weight: 600 !important; letter-spacing: -.02em !important; color: var(--lx-ink) !important; }
html.lux.lux-gold body .topbar .brand-wordmark strong { color: var(--lx-gold) !important; }
html.lux.lux-gold body .topbar .brand-mark-wrap { background: transparent !important; border-color: var(--lx-line2) !important; }
html.lux.lux-gold body .topbar .nav-link { color: #a39b8f !important; font-weight: 400 !important; border-radius: 4px !important; }
html.lux.lux-gold body .topbar .nav-link:hover { color: var(--lx-ink) !important; background: rgba(239, 233, 223, .04) !important; }
html.lux.lux-gold body .topbar .nav-link.active { color: var(--lx-ink) !important; background: rgba(200, 169, 106, .07) !important; border-color: transparent !important; box-shadow: inset 2px 0 0 var(--lx-gold) !important; }
html.lux.lux-gold body .topbar .nav-link.active .gf-icon, html.lux.lux-gold body .topbar .nav-link.active .ui-icon { color: var(--lx-gold) !important; }
html.lux.lux-gold body .topbar .nav-link.active::before { background-color: var(--lx-gold) !important; }
html.lux.lux-gold body .topbar .nav-sub a, html.lux.lux-gold body .topbar .rd-sub a { color: #a39b8f !important; }
html.lux.lux-gold body .topbar .nav-link.nav-cta, html.lux.lux-gold body .topbar .nav-link.nav-hire {
  background: transparent !important; border: 1px solid var(--lx-line2) !important; color: var(--lx-ink2) !important; box-shadow: none !important;
}
html.lux.lux-gold body .topbar .nav-link.nav-cta .gf-icon, html.lux.lux-gold body .topbar .nav-link.nav-hire .gf-icon { color: var(--lx-gold) !important; }
html.lux.lux-gold body .topbar .nav-link.nav-cta em { background: transparent !important; color: var(--lx-gold) !important; border: 1px solid rgba(200, 169, 106, .5) !important; }
html.lux.lux-gold body .topbar .rp-pill, html.lux.lux-gold body .topbar .nav-link .badge { background: rgba(200, 169, 106, .12) !important; color: var(--lx-gold) !important; }

/* Cartões: sem sombra, linha fina, cantos discretos */
html.lux.lux-gold body .card, html.lux.lux-gold body .rd-card, html.lux.lux-gold body .of-acard, html.lux.lux-gold body .gp-card {
  background: var(--lx-s1) !important; border: 1px solid var(--lx-line) !important; border-radius: 6px !important; box-shadow: none !important;
}
html.lux.lux-gold body .card .card, html.lux.lux-gold body .lp-cell { background: transparent !important; }

/* Botões em cápsula */
html.lux.lux-gold body .btn { border-radius: 999px !important; font-weight: 500 !important; letter-spacing: .02em !important; box-shadow: none !important; }
html.lux.lux-gold body .btn.primary, html.lux.lux-gold body .primary.btn { background: var(--lx-ink) !important; border-color: var(--lx-ink) !important; color: var(--lx-bg) !important; box-shadow: none !important; }
html.lux.lux-gold body .btn.primary:hover, html.lux.lux-gold body .primary.btn:hover { filter: brightness(1.12); }
html.lux.lux-gold body .btn.primary .gf-icon, html.lux.lux-gold body .btn.primary svg { color: var(--lx-bg) !important; }
html.lux.lux-gold body .btn.secondary { background: transparent !important; border: 1px solid var(--lx-line2) !important; color: var(--lx-ink) !important; }
html.lux.lux-gold body .btn.secondary:hover { border-color: var(--lx-ink) !important; background: rgba(239, 233, 223, .04) !important; }
html.lux.lux-gold body .btn.danger { background: transparent !important; border: 1px solid rgba(217, 138, 122, .5) !important; color: var(--danger) !important; }

/* Campos */
html.lux.lux-gold body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), html.lux.lux-gold body select, html.lux.lux-gold body textarea {
  background: rgba(239, 233, 223, .03) !important; border: 1px solid var(--lx-line2) !important; color: var(--lx-ink) !important; border-radius: 6px !important; box-shadow: none !important;
}
html.lux.lux-gold body input::placeholder, html.lux.lux-gold body textarea::placeholder { color: #6f685e !important; }
html.lux.lux-gold body input:focus, html.lux.lux-gold body select:focus, html.lux.lux-gold body textarea:focus { border-color: var(--lx-gold) !important; box-shadow: 0 0 0 3px rgba(200, 169, 106, .14) !important; outline: none !important; }
html.lux.lux-gold body select option { background: var(--lx-s2); color: var(--lx-ink); }
html.lux.lux-gold body input[type="checkbox"], html.lux.lux-gold body input[type="radio"] { accent-color: var(--lx-gold); }
html.lux.lux-gold body label, html.lux.lux-gold body .field label { color: var(--lx-ink2); font-weight: 500; }

/* Abas, chips, períodos */
html.lux.lux-gold body .gf-project-tabs, html.lux.lux-gold body .gf-settings-tabs, html.lux.lux-gold body .rp-tabs, html.lux.lux-gold body .op-seg {
  background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--lx-line) !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; gap: 4px !important;
}
html.lux.lux-gold body .gf-project-tabs a, html.lux.lux-gold body .gf-settings-tabs a, html.lux.lux-gold body .rp-tabs a {
  border-radius: 0 !important; background: transparent !important; color: var(--lx-mute) !important; font-weight: 400 !important; letter-spacing: .02em; box-shadow: none !important; border-bottom: 1px solid transparent !important; margin-bottom: -1px;
}
html.lux.lux-gold body .gf-project-tabs a.active, html.lux.lux-gold body .gf-settings-tabs a.active, html.lux.lux-gold body .rp-tabs a.active, html.lux.lux-gold body .rp-tabs a.on {
  color: var(--lx-ink) !important; border-bottom-color: var(--lx-gold) !important; background: transparent !important;
}
html.lux.lux-gold body .of-chips a, html.lux.lux-gold body .vt-chips a { border-radius: 999px !important; background: transparent !important; border: 1px solid var(--lx-line2) !important; color: var(--lx-ink2) !important; }
html.lux.lux-gold body .of-chips a.on, html.lux.lux-gold body .vt-chips a.on { border-color: var(--lx-gold) !important; color: var(--lx-gold) !important; background: rgba(200, 169, 106, .06) !important; }

/* Selos e pílulas */
html.lux.lux-gold body .gf-plan-badge, html.lux.lux-gold body .rp-badge { background: transparent !important; border: 1px solid rgba(200, 169, 106, .45) !important; color: var(--lx-gold) !important; font-family: var(--lx-sans) !important; letter-spacing: .18em !important; font-weight: 500 !important; }
html.lux.lux-gold body .rd-dot.on { background: #22c55e !important; box-shadow: 0 0 0 3px rgba(34, 197, 94, .18) !important; }
html.lux.lux-gold body .rd-st.g, html.lux.lux-gold body .tk-pill.on, html.lux.lux-gold body .of-pill.on { background: rgba(143, 191, 138, .1) !important; color: #a8d1a3 !important; }

/* Tabelas */
html.lux.lux-gold body table th { color: var(--lx-mute) !important; font-weight: 500 !important; letter-spacing: .12em; text-transform: uppercase; font-size: 11px !important; background: transparent !important; }
html.lux.lux-gold body table td { border-color: var(--lx-line) !important; }
html.lux.lux-gold body table tr:hover td { background: rgba(239, 233, 223, .02) !important; }

/* Gráficos e barras */
html.lux.lux-gold body .rd-bar i, html.lux.lux-gold body .gf-progress span { background: var(--lx-gold) !important; }

/* Celular: barra de cima */
@media (max-width: 780px) {
  html.lux.lux-gold body::before { background: var(--lx-bar) !important; border-bottom-color: var(--lx-line) !important; }
  html.lux.lux-gold body .rp-appbar-brand { color: var(--lx-ink) !important; }
  html.lux.lux-gold body .rp-appbar-brand strong { background: transparent !important; color: var(--lx-gold) !important; border: 1px solid rgba(200, 169, 106, .5); }
  html.lux.lux-gold body .gf-mobile-menu-toggle:not([aria-expanded="true"]) { color: var(--lx-ink) !important; }
}

/* Avisos */
html.lux.lux-gold body .flash, html.lux.lux-gold body .alert { background: var(--lx-s2) !important; border: 1px solid var(--lx-line2) !important; color: var(--lx-ink) !important; border-radius: 6px !important; }
html.lux.lux-gold body .rp-toast, html.lux.lux-gold body .rpt { background: var(--lx-s2) !important; color: var(--lx-ink) !important; border: 1px solid var(--lx-line2) !important; }

/* Links */
html.lux.lux-gold body main :where(p, small, .field-help, .muted, .of-hint, li) a:not(.btn) { color: var(--lx-gold2); }

/* Dashboard: KPIs, funil e destaques sem cores neon */
html.lux.lux-gold body .op-kpi > b { font-family: var(--lx-serif) !important; font-weight: 400 !important; font-size: 34px !important; letter-spacing: 0 !important; }
html.lux.lux-gold body .op-kpi small i, html.lux.lux-gold body .op-kpi > small > i { background: transparent !important; border: 1px solid var(--lx-line2) !important; color: var(--lx-gold) !important; }
html.lux.lux-gold body h1 .gf-grad, html.lux.lux-gold body h1 [class*="grad"], html.lux.lux-gold body h1 span[style*="gradient"] { background: none !important; -webkit-text-fill-color: var(--lx-gold) !important; color: var(--lx-gold) !important; font-style: italic; }
html.lux.lux-gold body .rp-live { background: transparent !important; border: 1px solid rgba(143, 191, 138, .4) !important; color: #a8d1a3 !important; }
html.lux.lux-gold body [class*="funnel"] i, html.lux.lux-gold body [class*="fn-"] i, html.lux.lux-gold body .db-fn i, html.lux.lux-gold body .db-bar i { background: var(--lx-gold) !important; }
html.lux.lux-gold body .db-lost { background: rgba(200, 169, 106, .06) !important; color: var(--lx-gold) !important; border: 1px solid rgba(200, 169, 106, .25); }
html.lux.lux-gold body h1 em { background: none !important; -webkit-text-fill-color: var(--lx-gold) !important; color: var(--lx-gold) !important; font-style: italic !important; }
html.lux.lux-gold body .db-f i { background: rgba(239, 233, 223, .06) !important; }
html.lux.lux-gold body .db-f i span { background: linear-gradient(90deg, #a3864f, var(--lx-gold)) !important; }

@media (max-width: 780px) { html.lux.lux-gold body .eyebrow, html.lux.lux-gold body [class*="eyebrow"] { letter-spacing: .2em !important; } }
html.lux.lux-gold body .topbar.gf-nav nav > a.nav-link[href^="/configuracoes"].active { background: rgba(200, 169, 106, .07) !important; border-color: transparent !important; box-shadow: inset 2px 0 0 var(--lx-gold) !important; }
html.lux.lux-gold body .topbar.gf-nav nav > a.nav-link[href^="/configuracoes"].active .gf-icon { color: var(--lx-gold) !important; }
html.lux.lux-gold body .db-net-bar { background: rgba(141, 106, 92, .45) !important; }
html.lux.lux-gold body .db-net-bar i { background: var(--lx-gold) !important; }
html.lux.lux-gold body .op-up { color: #a8d1a3 !important; } html.lux.lux-gold body .op-down { color: #d9a090 !important; }

/* Palavras dentro dos títulos herdam a serifa (o itálico dourado é da própria serifa). */
html.lux.lux-gold body :is(h1, h2, h3) :where(span, em, b, strong, i, small) { font-family: inherit !important; }



html.lux.lux-gold[data-theme="light"] {
  color-scheme: light;
  --lx-bg: #f7f4ee;
  --lx-s1: #ffffff;
  --lx-s2: #fbf9f5;
  --lx-s3: #f1ece2;
  --lx-ink: #1a1612;
  --lx-ink2: #3d3830;
  --lx-mute: #736c62;
  --lx-line: rgba(26, 22, 18, .09);
  --lx-line2: rgba(26, 22, 18, .16);
  --lx-gold: #9a7b3c;
  --lx-gold2: #7d6230;
  --lx-bar: rgba(255, 255, 255, .96);
  --rp-blue: #9a7b3c; --rp-blue-2: #7d6230; --rp-blue-light: #c8a96a;
  --brand: #9a7b3c; --brand-bright: #9a7b3c; --brand-hover: #7d6230; --brand-soft: rgba(154, 123, 60, .08);
  --bg: #f7f4ee; --surface: #ffffff; --surface-2: #fbf9f5; --surface-3: #f1ece2;
  --text: #1a1612; --text-2: #3d3830; --muted: #736c62;
  --line: rgba(26, 22, 18, .09); --line-strong: rgba(26, 22, 18, .16);
  --primary: #1a1612; --primary-text: #ffffff; --tooltip: #1a1612;
  --success: #16a34a; --success-soft: rgba(22, 163, 74, .1); --danger: #dc2626; --danger-soft: rgba(220, 38, 38, .08);
  --shadow-sm: 0 1px 2px rgba(26, 22, 18, .04);
  background: #f7f4ee !important;
}
html.lux.lux-gold[data-theme="light"] body::after { opacity: .025; }
html.lux.lux-gold[data-theme="light"] body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), html.lux.lux-gold[data-theme="light"] body select, html.lux.lux-gold[data-theme="light"] body textarea { background: #fff !important; }
html.lux.lux-gold[data-theme="light"] body input::placeholder, html.lux.lux-gold[data-theme="light"] body textarea::placeholder { color: #a39b8f !important; }
html.lux.lux-gold[data-theme="light"] body .btn.secondary:hover { background: rgba(26, 22, 18, .03) !important; }
html.lux.lux-gold[data-theme="light"] body table tr:hover td { background: rgba(26, 22, 18, .02) !important; }
html.lux.lux-gold[data-theme="light"] body .rd-st.g, html.lux.lux-gold[data-theme="light"] body .tk-pill.on, html.lux.lux-gold[data-theme="light"] body .of-pill.on { background: rgba(22, 163, 74, .08) !important; color: #15803d !important; }
html.lux.lux-gold[data-theme="light"] body .rp-live { color: #15803d !important; border-color: rgba(22, 163, 74, .35) !important; }
html.lux.lux-gold[data-theme="light"] body .op-up { color: #15803d !important; } html.lux.lux-gold[data-theme="light"] body .op-down { color: #b42318 !important; }
html.lux.lux-gold[data-theme="light"] body .op-kpi small i, html.lux.lux-gold[data-theme="light"] body .op-kpi > small > i { color: #9a7b3c !important; }
html.lux.lux-gold[data-theme="light"] body .db-f i { background: rgba(26, 22, 18, .06) !important; }
html.lux.lux-gold[data-theme="light"] body .db-f i span { background: linear-gradient(90deg, #c8a96a, #9a7b3c) !important; }
html.lux.lux-gold[data-theme="light"] body .db-net-bar { background: rgba(120, 110, 95, .25) !important; }
html.lux.lux-gold[data-theme="light"] body .flash, html.lux.lux-gold[data-theme="light"] body .alert, html.lux.lux-gold[data-theme="light"] body .rp-toast { background: #fff !important; }
html.lux.lux-gold[data-theme="light"] select option { background: #fff; color: #1a1612; }
@media (max-width: 780px) { html.lux.lux-gold[data-theme="light"] body .rp-appbar-brand { color: #1a1612 !important; } html.lux.lux-gold[data-theme="light"] body .gf-mobile-menu-toggle:not([aria-expanded="true"]) { color: #1a1612 !important; } }

/* =========================================================
   Menu lateral Lux
   ========================================================= */
html.lux.lux-gold body .topbar.gf-nav {
  --nv-ink: #efe9df; --nv-mute: #958d80; --nv-dim: #6b655b; --nv-acc: #c8a96a; --nv-acc2: #9a7b3c;
  background:
    radial-gradient(280px 220px at 0% 0%, rgba(154, 123, 60, .20), transparent 70%),
    radial-gradient(260px 300px at 100% 100%, rgba(200, 169, 106, .07), transparent 70%),
    linear-gradient(180deg, #070b16 0%, #04070e 100%) !important;
  border-right: 0 !important;
  box-shadow: inset -1px 0 0 rgba(239, 233, 223, .06) !important;
}
html.lux.lux-gold body .topbar.gf-nav::after {
  content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(200, 169, 106, .45) 30%, rgba(200, 169, 106, .12) 70%, transparent);
}
html.lux.lux-gold[data-theme="light"] body .topbar.gf-nav { background: radial-gradient(280px 220px at 0% 0%, rgba(154, 123, 60, .22), transparent 70%), linear-gradient(180deg, #100d09, #090705) !important; }

/* Marca */
html.lux.lux-gold body .topbar .brand { padding: 6px 8px !important; margin-bottom: 10px !important; }
html.lux.lux-gold body .topbar .brand-mark-wrap { border-radius: 12px !important; border: 1px solid rgba(200, 169, 106, .35) !important; background: radial-gradient(circle at 30% 20%, rgba(200, 169, 106, .35), rgba(154, 123, 60, .06)) !important; box-shadow: 0 0 24px -6px rgba(154, 123, 60, .7) !important; }
html.lux.lux-gold body .topbar .brand-wordmark { font-family: var(--lx-serif) !important; font-weight: 400 !important; font-size: 25px !important; letter-spacing: .005em !important; color: var(--nv-ink) !important; }
html.lux.lux-gold body .topbar .brand-wordmark strong { font-style: italic; font-weight: 400 !important; color: var(--nv-acc) !important; margin-left: 3px; background: none !important; padding: 0 !important; }

/* Rótulos de seção */
html.lux.lux-gold body .topbar .lx-sec { display: flex; align-items: center; gap: 10px; height: 26px; margin: 12px 0 2px; padding: 0 14px; font-style: normal; }
html.lux.lux-gold body .topbar .lx-sec b { font-size: 10px; font-weight: 500; letter-spacing: .26em; text-transform: uppercase; color: var(--nv-dim); white-space: nowrap; }
html.lux.lux-gold body .topbar .lx-sec::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(239, 233, 223, .10), transparent); }


/* Itens */
html.lux.lux-gold body .topbar .nav-link {
  position: relative; gap: 12px !important; min-height: 42px !important; padding: 0 12px 0 8px !important; border-radius: 12px !important;
  color: var(--nv-mute) !important; font-size: 13.5px !important; font-weight: 450 !important; letter-spacing: .005em;
  transition: color .25s ease, background-color .3s ease, transform .35s cubic-bezier(.16, 1, .3, 1) !important;
}
html.lux.lux-gold body .topbar .nav-link > svg, html.lux.lux-gold body .topbar .nav-link > .gf-icon {
  box-sizing: content-box; width: 17px !important; height: 17px !important; padding: 7px; border-radius: 10px;
  border: 1px solid rgba(239, 233, 223, .07); background: rgba(239, 233, 223, .025); color: var(--nv-mute) !important;
  transition: all .35s cubic-bezier(.16, 1, .3, 1) !important;
}
html.lux.lux-gold body .topbar .nav-link:hover { color: var(--nv-ink) !important; background: rgba(239, 233, 223, .035) !important; }
html.lux.lux-gold body .topbar .nav-link:hover > svg, html.lux.lux-gold body .topbar .nav-link:hover > .gf-icon { color: var(--nv-ink) !important; border-color: rgba(200, 169, 106, .35); background: rgba(200, 169, 106, .08); }
html.lux.lux-gold body .topbar .nav-link.active, html.lux.lux-gold body .topbar.gf-nav nav > a.nav-link[href^="/configuracoes"].active {
  color: #fff !important; box-shadow: none !important;
  background: linear-gradient(90deg, rgba(154, 123, 60, .22), rgba(154, 123, 60, .04) 70%, transparent) !important;
}
html.lux.lux-gold body .topbar .nav-link.active::before {
  content: "" !important; position: absolute !important; left: -14px !important; top: 9px !important; bottom: 9px !important; width: 3px !important; border-radius: 0 3px 3px 0 !important;
  background: linear-gradient(180deg, #d9bd84, #9a7b3c) !important; box-shadow: 0 0 14px 1px rgba(154, 123, 60, .8) !important; opacity: 1 !important; display: block !important;
}
html.lux.lux-gold body .topbar .nav-link.active > svg, html.lux.lux-gold body .topbar .nav-link.active > .gf-icon {
  color: #fff !important; border-color: transparent; background: linear-gradient(135deg, #c8a96a, #9a7b3c); box-shadow: 0 6px 18px -6px rgba(154, 123, 60, .9);
}
/* Grupos: setinha e árvore */
html.lux.lux-gold body .topbar .rp-nav-chev { color: var(--nv-dim) !important; transition: transform .45s cubic-bezier(.16, 1, .3, 1) !important; }
html.lux.lux-gold body .topbar .rp-nav-group[open] > summary .rp-nav-chev { transform: rotate(180deg); color: var(--nv-acc) !important; }
html.lux.lux-gold body .topbar .rp-nav-group > summary.active { background: transparent !important; }
html.lux.lux-gold body .topbar .rp-nav-group > summary.active::before { display: none !important; }
html.lux.lux-gold body .topbar .rp-nav-sub { position: relative; margin: 2px 0 6px 25px !important; padding-left: 12px !important; gap: 1px !important; }
html.lux.lux-gold body .topbar .rp-nav-sub::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 1px; background: linear-gradient(180deg, rgba(200, 169, 106, .35), rgba(239, 233, 223, .06)); }
html.lux.lux-gold body .topbar .rp-nav-sub .nav-link { min-height: 34px !important; font-size: 13px !important; padding: 0 10px !important; }
html.lux.lux-gold body .topbar .rp-nav-sub .nav-link > svg, html.lux.lux-gold body .topbar .rp-nav-sub .nav-link > .gf-icon { padding: 0; border: 0; background: none !important; box-shadow: none; width: 15px !important; height: 15px !important; }
html.lux.lux-gold body .topbar .rp-nav-sub .nav-link.active { background: rgba(200, 169, 106, .10) !important; }
html.lux.lux-gold body .topbar .rp-nav-sub .nav-link.active::before { left: -13px !important; top: 10px !important; bottom: 10px !important; width: 2px !important; }
html.lux.lux-gold body .topbar .rp-nav-sub .nav-link.active > svg { color: var(--nv-acc) !important; background: none !important; }

/* Selos pequenos */
html.lux.lux-gold body .topbar .rp-conn-n, html.lux.lux-gold body .topbar .rp-inc-n, html.lux.lux-gold body .topbar .ck-kbd { background: transparent !important; border: 1px solid rgba(239, 233, 223, .14) !important; color: var(--nv-mute) !important; font-style: normal; border-radius: 6px !important; font-size: 10.5px !important; }
html.lux.lux-gold body .topbar .rp-conn-n.ok { border-color: rgba(200, 169, 106, .45) !important; color: var(--nv-acc) !important; }

/* Cartões de crescimento */
html.lux.lux-gold body .topbar .nav-link.nav-hire, html.lux.lux-gold body .topbar .nav-link.nav-cta {
  min-height: 58px !important; margin-top: 6px; padding: 0 12px 0 8px !important; border-radius: 14px !important;
  border: 1px solid transparent !important;
  background: linear-gradient(#100e0b, #100e0b) padding-box, linear-gradient(135deg, rgba(200, 169, 106, .55), rgba(200, 169, 106, .06) 60%, rgba(200, 169, 106, .25)) border-box !important;
  color: var(--nv-ink) !important;
}
html.lux.lux-gold body .topbar .nav-link.nav-hire > span, html.lux.lux-gold body .topbar .nav-link.nav-cta > span { display: flex; flex-direction: column; line-height: 1.15; font-family: var(--lx-serif) !important; font-size: 17px !important; font-weight: 400; letter-spacing: .005em; }
html.lux.lux-gold body .topbar .lx-sub { display: block; font-family: var(--lx-sans) !important; font-size: 11px; color: var(--nv-dim); letter-spacing: .02em; margin-top: 3px; }
html.lux.lux-gold body .topbar .nav-link.nav-hire > svg, html.lux.lux-gold body .topbar .nav-link.nav-cta > svg { color: var(--nv-acc) !important; border-color: rgba(200, 169, 106, .3); background: rgba(200, 169, 106, .08); }
html.lux.lux-gold body .topbar .nav-link.nav-cta em { border: 1px solid rgba(200, 169, 106, .5) !important; color: var(--nv-acc) !important; background: transparent !important; margin-left: auto !important; }
html.lux.lux-gold body .topbar .nav-link.nav-hire:hover, html.lux.lux-gold body .topbar .nav-link.nav-cta:hover { transform: translateY(-1px); background: linear-gradient(#17130c, #17130c) padding-box, linear-gradient(135deg, rgba(217, 189, 132, .9), rgba(200, 169, 106, .15) 60%, rgba(200, 169, 106, .5)) border-box !important; }

/* Você */
html.lux.lux-gold body .topbar .lx-me { position: relative; display: flex; align-items: center; gap: 11px; margin: 22px 0 10px; padding: 10px 8px; border-radius: 14px; border-top: 0; text-decoration: none; color: var(--nv-ink); transition: background .3s; }
html.lux.lux-gold body .topbar .lx-me:hover { background: rgba(239, 233, 223, .035); }
html.lux.lux-gold body .topbar .lx-me > i { flex: 0 0 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-family: var(--lx-serif); font-size: 17px; color: #fff; background: linear-gradient(135deg, #c8a96a, #6b5428); box-shadow: 0 0 0 3px rgba(154, 123, 60, .14); }
html.lux.lux-gold body .topbar .lx-me > span { display: grid; min-width: 0; }
html.lux.lux-gold body .topbar .lx-me b { font-size: 13px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.lux.lux-gold body .topbar .lx-me small { font-size: 11px; color: var(--nv-dim); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 781px) { html.lux.lux-gold:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar .lx-me { padding-left: 16px; } }
html.lux.lux-gold body .topbar .nav-logout { color: var(--nv-dim) !important; }

/* Entrada dos itens ao abrir (sutil, em cascata) */
@media (min-width: 781px) {
  html.lux.lux-gold.rp-nav-open.lx-in:not(.rp-nav-closing) body .topbar.gf-nav nav > :is(.nav-link, .rp-nav-group, .lx-sec, .lx-me) { animation: lxIn .55s cubic-bezier(.16, 1, .3, 1) both; }
  html.lux.lux-gold.rp-nav-open body .topbar.gf-nav nav > :nth-child(2) { animation-delay: .02s; } html.lux.lux-gold.rp-nav-open body .topbar.gf-nav nav > :nth-child(3) { animation-delay: .04s; }
  html.lux.lux-gold.rp-nav-open body .topbar.gf-nav nav > :nth-child(4) { animation-delay: .06s; } html.lux.lux-gold.rp-nav-open body .topbar.gf-nav nav > :nth-child(5) { animation-delay: .08s; }
  html.lux.lux-gold.rp-nav-open body .topbar.gf-nav nav > :nth-child(6) { animation-delay: .10s; } html.lux.lux-gold.rp-nav-open body .topbar.gf-nav nav > :nth-child(7) { animation-delay: .12s; }
  html.lux.lux-gold.rp-nav-open body .topbar.gf-nav nav > :nth-child(n+8) { animation-delay: .14s; }
}

@media (prefers-reduced-motion: reduce) { html.lux.lux-gold body .topbar.gf-nav nav > * { animation: none !important; } }
html.lux.lux-gold body .topbar .brand-wordmark :where(span, strong) { font-family: var(--lx-serif) !important; text-transform: none !important; }

/* Menu fechado (só ícones): tudo centrado no mesmo eixo */
@media (min-width: 781px) {
  html.lux.lux-gold:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar.gf-nav :is(nav > .nav-link, nav > a.nav-link, .rp-nav-group > summary.nav-link, nav > button.nav-link) {
    padding: 0 !important; justify-content: center !important; gap: 0 !important; min-height: 46px !important; height: 46px !important;
    background: transparent !important; border-color: transparent !important; margin-left: 0 !important; margin-right: 0 !important;
  }
  html.lux.lux-gold:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar.gf-nav :is(nav > .nav-link, .rp-nav-group > summary.nav-link) > :is(span, i, em) { display: none !important; }
  html.lux.lux-gold:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar.gf-nav .nav-link.active::before { left: -14px !important; top: 12px !important; bottom: 12px !important; }
  html.lux.lux-gold:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar.gf-nav :is(.nav-hire, .nav-cta) { min-height: 46px !important; margin-top: 4px !important; border-radius: 14px !important; }
  html.lux.lux-gold:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar .lx-sec { height: 1px; margin: 4px 0; padding: 0 !important; gap: 0; width: 48px !important; min-width: 48px !important; max-width: 48px !important; justify-content: center !important; box-sizing: border-box; }
  html.lux.lux-gold:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar .lx-sec b { position: absolute; }
  html.lux.lux-gold:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar .lx-sec::after { flex: 0 0 24px !important; background: rgba(239, 233, 223, .18); }
  html.lux.lux-gold:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar .lx-me { justify-content: center; padding: 10px 0 !important; }
}

/* Botão de som no menu */
html.lux.lux-gold body .topbar .lx-snd { display: flex; }
html.lux.lux-gold body .topbar .lx-snd .lx-snd-st { margin-left: auto; font-style: normal; font-size: 10.5px; color: var(--nv-acc); border: 1px solid rgba(200, 169, 106, .35); border-radius: 6px; padding: 1px 6px; }
html.lux.lux-gold body .topbar .lx-snd.off .lx-snd-st { color: var(--nv-dim); border-color: rgba(239, 233, 223, .12); }
html.lux.lux-gold body .topbar .lx-sub { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 150px; }
@media (min-width: 781px) {
  html.lux.lux-gold:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar .lx-me { width: 48px !important; padding: 10px 0 !important; justify-content: center !important; }
  html.lux.lux-gold:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar .lx-me > span { display: none !important; }
}

/* Vitrines (Seja afiliado / Contratar) no dourado */
html.lux.lux-gold .lxp { --gold: #c8a96a; background: #0a0908; }
html.lux.lux-gold .lxp .a2 { background: radial-gradient(55% 45% at 50% 30%, #8a6a2e, transparent 72%), radial-gradient(60% 40% at 80% 70%, #3a2a12, transparent 70%), #16110a; }
html.lux.lux-gold .lxp .a5 { background: radial-gradient(55% 45% at 45% 30%, #2f5a44, transparent 72%), radial-gradient(40% 35% at 85% 65%, #1a3328, transparent 70%), #0c1410; }
html.lux.lux-gold .lxp .a4 { background: radial-gradient(55% 45% at 60% 28%, #5c3a34, transparent 72%), #160f0d; }
html.lux.lux-gold .lxp .lxp-card.hl .lxp-go i { color: #1a1408; }
html.lux.lux-gold .lxp-hero h1 em, html.lux.lux-gold .lxp-body h3 em { color: #c8a96a !important; -webkit-text-fill-color: #c8a96a !important; }
html.lux.lux-gold .lxp-frame { border-color: rgba(239, 233, 223, .16); }
html.lux.lux-gold .lxp-card.hl .lxp-frame { border-color: rgba(200, 169, 106, .7); }
html.lux.lux-gold .lxp-card.hl .lxp-go i { color: #1a1408; }

/* Lista de opções do <select> (desenhada pelo rp-feedback.js) */
.rp-sel { position: fixed; z-index: 2147483000; overflow: auto; padding: 6px; border-radius: 14px; background: var(--lx-s2, #0d1426); color: var(--lx-ink, #e9eefb); border: 1px solid var(--lx-line2, rgba(220,230,255,.16)); box-shadow: 0 24px 60px -18px rgba(0,0,0,.65), 0 0 0 1px rgba(0,0,0,.2); font: 400 14.5px/1.35 var(--lx-sans, Inter, system-ui, sans-serif); opacity: 0; transform: translateY(-4px) scale(.985); transform-origin: top center; transition: opacity .14s ease, transform .18s cubic-bezier(.16,1,.3,1); scrollbar-width: thin; }
.rp-sel.up { transform-origin: bottom center; transform: translateY(4px) scale(.985); }
.rp-sel.on { opacity: 1; transform: none; }
.rp-sel-o { position: relative; padding: 10px 36px 10px 12px; border-radius: 9px; cursor: pointer; white-space: nowrap; }
.rp-sel-o.kb { background: color-mix(in srgb, var(--lx-gold, #6f9cff) 12%, transparent); }
.rp-sel-o.sel { color: var(--lx-gold, #6f9cff); font-weight: 500; }
.rp-sel-o.sel::after { content: ""; position: absolute; right: 14px; top: 50%; width: 10px; height: 5px; margin-top: -4px; border-left: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(-45deg); }
.rp-sel-o.dis { opacity: .4; cursor: default; }
.rp-sel-g { padding: 10px 12px 4px; font-size: 11.5px; color: var(--lx-mute, #8a95ad); letter-spacing: .02em; }
.rp-sel-g:not(:first-child) { margin-top: 4px; border-top: 1px solid var(--lx-line, rgba(220,230,255,.09)); }
html.lux select.rp-sel-open { border-color: var(--lx-gold, #6f9cff) !important; }
html.lux[data-theme="light"] ~ * .rp-sel, html.lux[data-theme="light"] body .rp-sel { box-shadow: 0 24px 50px -20px rgba(16,24,48,.28); }
/* Divisória do cartão da conta: com folga em cima e embaixo, sem colar nos textos */
html.lux body .topbar.gf-nav nav > a[href^="/configuracoes"]::before { content: none !important; }
html.lux body .topbar.gf-nav nav > a.lx-me::before { content: "" !important; position: absolute; left: 10px; right: 10px; top: -12px; height: 1px; background: linear-gradient(90deg, transparent, rgba(220, 230, 255, .12), transparent) !important; }
html.lux.lux-gold body .topbar.gf-nav nav > a.lx-me::before { background: linear-gradient(90deg, transparent, rgba(239, 233, 223, .12), transparent) !important; }
@media (min-width: 781px) { html.lux:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar.gf-nav nav > a.lx-me::before { left: 12px; right: auto; width: 24px; background: rgba(220, 230, 255, .18) !important; } }


/* Cartões de crescimento com cor de contraste (azul): âmbar para contratar tráfego, verde-menta para indicação */
html.lux:not(.lux-gold) body .topbar .nav-link.nav-hire {
  background: linear-gradient(135deg, rgba(255, 166, 87, .13), rgba(255, 122, 89, .04) 55%, transparent 85%) padding-box, linear-gradient(#0a1020, #0a1020) padding-box, linear-gradient(135deg, rgba(255, 176, 102, .85), rgba(255, 122, 89, .12) 55%, rgba(255, 176, 102, .35)) border-box !important;
}
html.lux:not(.lux-gold) body .topbar .nav-link.nav-hire > svg { color: #ffb066 !important; border-color: rgba(255, 176, 102, .4) !important; background: rgba(255, 166, 87, .12) !important; }
html.lux:not(.lux-gold) body .topbar .nav-link.nav-hire .lx-sub { color: rgba(255, 196, 140, .75); }
html.lux:not(.lux-gold) body .topbar .nav-link.nav-hire:hover {
  background: linear-gradient(135deg, rgba(255, 166, 87, .2), rgba(255, 122, 89, .06) 55%, transparent 85%) padding-box, linear-gradient(#0d1530, #0d1530) padding-box, linear-gradient(135deg, #ffc08a, rgba(255, 122, 89, .2) 55%, rgba(255, 176, 102, .6)) border-box !important;
}
html.lux:not(.lux-gold) body .topbar .nav-link.nav-cta {
  background: linear-gradient(135deg, rgba(95, 224, 168, .12), rgba(47, 191, 138, .04) 55%, transparent 85%) padding-box, linear-gradient(#0a1020, #0a1020) padding-box, linear-gradient(135deg, rgba(110, 231, 183, .8), rgba(47, 191, 138, .12) 55%, rgba(110, 231, 183, .32)) border-box !important;
}
html.lux:not(.lux-gold) body .topbar .nav-link.nav-cta > svg { color: #6ee7b7 !important; border-color: rgba(110, 231, 183, .4) !important; background: rgba(95, 224, 168, .1) !important; }
html.lux:not(.lux-gold) body .topbar .nav-link.nav-cta .lx-sub { color: rgba(167, 243, 208, .7); }
html.lux:not(.lux-gold) body .topbar .nav-link.nav-cta em { border-color: rgba(110, 231, 183, .55) !important; color: #6ee7b7 !important; background: rgba(95, 224, 168, .08) !important; }
html.lux:not(.lux-gold) body .topbar .nav-link.nav-cta:hover {
  background: linear-gradient(135deg, rgba(95, 224, 168, .18), rgba(47, 191, 138, .06) 55%, transparent 85%) padding-box, linear-gradient(#0d1530, #0d1530) padding-box, linear-gradient(135deg, #a7f3d0, rgba(47, 191, 138, .2) 55%, rgba(110, 231, 183, .55)) border-box !important;
}
@media (min-width: 781px) {
  html.lux:not(.lux-gold):not(.rp-nav-pinned):not(.rp-nav-open) body .topbar .nav-link.nav-hire > svg { box-shadow: 0 0 0 1px rgba(255, 176, 102, .15), 0 6px 16px -6px rgba(255, 140, 80, .45); }
  html.lux:not(.lux-gold):not(.rp-nav-pinned):not(.rp-nav-open) body .topbar .nav-link.nav-cta > svg { box-shadow: 0 0 0 1px rgba(110, 231, 183, .15), 0 6px 16px -6px rgba(47, 191, 138, .45); }
}

/* Submenu: o item Redirecionadores usa o ícone normal (o ícone por ::before do visual antigo brigava com a barrinha de ativo) */
html.lux body .gf-nav .rp-nav-sub a[href^="/redirecionadores"] > .gf-icon { display: inline-flex !important; }
html.lux body .gf-nav .rp-nav-sub a[href^="/redirecionadores"]:not(.active)::before { content: none !important; }
html.lux body .gf-nav .rp-nav-sub a[href^="/redirecionadores"].active::before { mask: none !important; -webkit-mask: none !important; }

/* Menu lateral rola sem barra visível (a barra ficava por cima dos itens) */
html.lux body .topbar.gf-nav { scrollbar-width: none !important; -ms-overflow-style: none; }
html.lux body .topbar.gf-nav::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none; }

/* Sem a barrinha de "ativo" ao lado dos itens (ficava sobreposta); o item ativo já tem fundo e ícone destacados */
html.lux body .topbar .nav-link.active::before, html.lux body .topbar .rp-nav-sub .nav-link.active::before { display: none !important; content: none !important; }
html.lux body .topbar .nav-link.active, html.lux body .topbar.gf-nav nav > a.nav-link[href^="/configuracoes"].active { box-shadow: none !important; }

/* Campo de escolha com setinha: sem ela, o <select> parecia um texto fixo (a aparência nativa é desligada). */
html.lux body select:not([multiple]):not([size]) { background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%238a93a6%27 stroke-width=%272.4%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 15px !important; padding-right: 36px !important; cursor: pointer; }

/* =========================================================
   Versão de teste "laranja" (classe rp-laranja no <html>): destaque laranja, gráficos e dicas em azul,
   avisos com cor própria (nunca laranja em aviso). Sem a classe, nada aqui vale.
   ========================================================= */
html.lux.rp-laranja, html.lux.rp-laranja[data-theme], html.lux.rp-laranja[data-theme="dark"], html.lux.rp-laranja[data-theme="light"] {
  --lx-acc: #ff8f3f; --lx-acc2: #ffb27a; --lx-acc-rgb: 255, 143, 63; --lx-acc2-rgb: 255, 178, 122;
  --lx-deep: #e0661a; --lx-deep-rgb: 224, 102, 26; --lx-deep3: #8f3a0f;
  --rp-ok: #6ecf8c; --rp-ok-bg: rgba(110, 207, 140, .10);
  --rp-info: #6f9cff; --rp-info-bg: rgba(111, 156, 255, .10);
  --rp-att: #f0c850; --rp-att-bg: rgba(240, 200, 80, .10);
  --rp-err: #ff5460; --rp-err-bg: rgba(255, 84, 96, .12); --rp-err-tx: #ff9aa2;
}
html.lux.rp-laranja, html.lux.rp-laranja[data-theme], html.lux.rp-laranja[data-theme="dark"] {
  --lx-gold: #ff8f3f; --lx-gold2: #ffb27a;
  --brand: #ff8f3f; --brand-bright: #ff8f3f; --brand-hover: #ffb27a; --brand-soft: rgba(255, 143, 63, .12);
}
html.lux.rp-laranja[data-theme="light"] {
  --lx-gold: #e8731f; --lx-gold2: #c95f12;
  --brand: #e8731f; --brand-bright: #e8731f; --brand-hover: #c95f12; --brand-soft: rgba(232, 115, 31, .08);
}
html.lux.rp-laranja[data-theme="light"] body .op-kpi small i, html.lux.rp-laranja[data-theme="light"] body .op-kpi > small > i { color: #e8731f !important; }
html.lux.rp-laranja[data-theme="light"] body .db-f i span { background: linear-gradient(90deg, #ffb27a, #e8731f) !important; }

/* Botão principal continua branco com texto escuro (o laranja não entra nele). */

/* Vitrine Lux (Seja afiliado e Contratar tráfego). */
html.lux.rp-laranja .lxp { --gold: #ff8f3f !important; }
html.lux.rp-laranja .lxp-card.hl .lxp-frame { border-color: rgba(255, 143, 63, .7) !important; }

/* Avisos: sucesso, informação, atenção e erro. */
html.lux.rp-laranja body .alert.success, html.lux.rp-laranja body .flash.success { color: var(--rp-ok) !important; background: var(--rp-ok-bg) !important; border-color: rgba(110, 207, 140, .35) !important; }
html.lux.rp-laranja body .alert.info, html.lux.rp-laranja body .flash.info, html.lux.rp-laranja body .alert.notice { color: var(--rp-info) !important; background: var(--rp-info-bg) !important; border-color: rgba(111, 156, 255, .35) !important; }
html.lux.rp-laranja body .alert.warning, html.lux.rp-laranja body .flash.warning, html.lux.rp-laranja body .of-warn { color: var(--rp-att) !important; background: var(--rp-att-bg) !important; border-color: rgba(240, 200, 80, .35) !important; }
html.lux.rp-laranja body .of-warn a { color: var(--rp-att) !important; }
html.lux.rp-laranja body .alert.error, html.lux.rp-laranja body .flash.error { color: var(--rp-err-tx) !important; background: var(--rp-err-bg) !important; border-color: rgba(255, 84, 96, .4) !important; }

/* Etiquetas de status (Enviada, Para aprovar, Falhou, Enviando/Agendada). */
html.lux.rp-laranja body .of-pill.on, html.lux.rp-laranja body .tk-pill.on, html.lux.rp-laranja body .rd-st.g { color: var(--rp-ok) !important; background: var(--rp-ok-bg) !important; }
html.lux.rp-laranja body .of-pill.warn { color: var(--rp-att) !important; background: var(--rp-att-bg) !important; }
html.lux.rp-laranja body .of-pill.bad { color: var(--rp-err-tx) !important; background: var(--rp-err-bg) !important; }
html.lux.rp-laranja body .of-pill.blue { color: var(--rp-info) !important; background: var(--rp-info-bg) !important; }

/* Notificações rápidas. */
html.lux.rp-laranja .rp-toast.success i { background: var(--rp-ok-bg) !important; color: var(--rp-ok) !important; }
html.lux.rp-laranja .rp-toast.info i { background: var(--rp-info-bg) !important; color: var(--rp-info) !important; }
html.lux.rp-laranja .rp-toast.warning i { background: var(--rp-att-bg) !important; color: var(--rp-att) !important; }
html.lux.rp-laranja .rp-toast.error i { background: var(--rp-err-bg) !important; color: var(--rp-err) !important; }
html.lux.rp-laranja .rp-toast.success b.bar { color: var(--rp-ok) !important; } html.lux.rp-laranja .rp-toast.info b.bar { color: var(--rp-info) !important; }
html.lux.rp-laranja .rp-toast.warning b.bar { color: var(--rp-att) !important; } html.lux.rp-laranja .rp-toast.error b.bar { color: var(--rp-err) !important; }

/* Gráficos de barra (ranking, funil, saldo) continuam azuis no tema laranja. */
html.lux.rp-laranja body .gf-bar span, html.lux.rp-laranja body .db-net-bar i { background: #6f9cff !important; }
html.lux.rp-laranja body .db-f i span { background: linear-gradient(90deg, #2f75ff, #6f9cff) !important; }
html.lux.rp-laranja[data-theme="light"] body .db-f i span { background: linear-gradient(90deg, #6f9cff, #2f75ff) !important; }

/* Tema claro: os mesmos tons, mais escuros no texto para dar leitura em fundo branco. */
html.lux.rp-laranja[data-theme="light"] { --rp-ok: #1f8a4c; --rp-info: #2f62d0; --rp-att: #9a7000; --rp-err: #d0303c; --rp-err-tx: #c22a36; }


/* Visão geral no tema laranja (22/10/2026): números numa fonte só, menos laranja, topo enxuto, menu e gráficos. */
/* 1. Números dos cartões em Inter 600 com algarismos do mesmo tamanho; a serifa fica nos títulos. */
html.lux.rp-laranja body .op-kpi > b, html.lux.rp-laranja body .db-auto-k b {
  font-family: var(--lx-sans) !important; font-weight: 600 !important; font-variant-numeric: tabular-nums; letter-spacing: -.01em !important; font-size: 30px !important; line-height: 1.15 !important;
}
html.lux.rp-laranja body .op-kpi > b.db-auto-s { font-size: 21px !important; padding-top: 6px; }
html.lux.rp-laranja body .op-kpi > b.op-up { color: var(--rp-ok) !important; }
html.lux.rp-laranja body .op-kpi > b.op-down { color: var(--rp-err) !important; }
/* Setinha pequena junto do número no lugar dos ícones em quadradinhos. */
.op-arw { display: none; }
html.lux.rp-laranja body .op-kpi { grid-template-columns: auto 1fr; column-gap: 8px; }
html.lux.rp-laranja body .op-kpi > :is(small, span) { grid-column: 1 / -1; }
html.lux.rp-laranja body .op-kpi > small > i { display: none !important; }
html.lux.rp-laranja body .op-kpi > .op-arw { display: block; align-self: center; width: 0; height: 0; margin-top: 2px; border-left: 6px solid transparent; border-right: 6px solid transparent; }
html.lux.rp-laranja body .op-kpi > .op-arw.up { border-bottom: 8px solid var(--rp-ok); }
html.lux.rp-laranja body .op-kpi > .op-arw.down { border-top: 8px solid var(--rp-err); }

/* 2. Menos laranja: a data do topo em cinza. */
html.lux.rp-laranja body .op-head .eyebrow { color: #8590a8 !important; }

/* 3. Topo enxuto: "Configuração completa · Tudo funcionando" ao lado do AO VIVO. */
html.lux.rp-laranja body .op-head .eyebrow { display: flex; align-items: center; flex-wrap: wrap; row-gap: 6px; }
html.lux.rp-laranja body .op-head .eyebrow .rp-live { order: 2; }
html.lux.rp-laranja body .rp-done { order: 3; position: relative; margin-left: 10px; text-transform: none; letter-spacing: normal; }
html.lux.rp-laranja body .rp-done > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; border: 1px solid var(--line); font-size: 11.5px; font-weight: 500; color: #8590a8; transition: color .2s, border-color .2s; }
html.lux.rp-laranja body .rp-done > summary::-webkit-details-marker { display: none; }
html.lux.rp-laranja body .rp-done > summary b { color: var(--rp-ok); font-weight: 700; }
html.lux.rp-laranja body .rp-done > summary:hover, html.lux.rp-laranja body .rp-done[open] > summary { color: var(--text); border-color: var(--line-strong); }
html.lux.rp-laranja body .rp-done-p { position: absolute; z-index: 60; top: calc(100% + 8px); left: 0; width: min(460px, calc(100vw - 32px)); box-sizing: border-box; display: grid; gap: 8px; padding: 14px 16px; border-radius: 14px; border: 1px solid var(--line); background: #0e1527; box-shadow: 0 20px 44px -14px rgba(0, 0, 0, .55); font-weight: 400; }
html.lux.rp-laranja[data-theme="light"] body .rp-done-p { background: #fff; box-shadow: 0 20px 44px -14px rgba(15, 23, 42, .25); }
html.lux.rp-laranja body .rp-done-p > small { font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); font-weight: 600; }
html.lux.rp-laranja body .rp-done-p ol { list-style: none; margin: 0 0 6px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
html.lux.rp-laranja body .rp-done-p ol a { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px 3px 3px; border-radius: 999px; border: 1px solid var(--line); color: var(--text-2); font-size: 12px; text-decoration: none; }
html.lux.rp-laranja body .rp-done-p ol a:hover { color: var(--text); border-color: var(--line-strong); }
html.lux.rp-laranja body .rp-done-p ol i { width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: 10px; font-weight: 700; background: var(--rp-ok); color: #0b1020; }
html.lux.rp-laranja body .rp-done-p .rp-ok-in { margin: 0 !important; border: 0 !important; background: none !important; }
html.lux.rp-laranja body .rp-done-p .rp-ok-in ul { padding: 0 !important; }
html.lux.rp-laranja body .rp-done-p .rp-ok-in li { font-size: 12.5px; }
@media (max-width: 780px) { html.lux.rp-laranja body .rp-done { margin-left: 0; } }

/* 4. Menu lateral: um estilo só para o item ativo; foguete e presente iguais aos outros, com bolinha no presente. */
html.lux.rp-laranja body .topbar .nav-link.active, html.lux.rp-laranja body .topbar .rp-nav-sub .nav-link.active, html.lux.rp-laranja body .topbar.gf-nav nav > a.nav-link[href^="/configuracoes"].active { background: rgba(255, 143, 63, .14) !important; box-shadow: none !important; }
html.lux.rp-laranja body .topbar .nav-link.active > :is(svg, .gf-icon), html.lux.rp-laranja body .topbar .rp-nav-sub .nav-link.active > :is(svg, .gf-icon) { color: var(--lx-gold) !important; background: none !important; border-color: transparent !important; box-shadow: none !important; }
@media (min-width: 781px) {
  html.lux.rp-laranja:not(.rp-nav-pinned):not(.rp-nav-open) body .topbar.gf-nav .nav-link.active > :is(svg, .gf-icon) { background: rgba(255, 143, 63, .14) !important; }
}
/* Contratar tráfego e Indique e ganhe: cartões em destaque no laranja da marca (pedido do Edu). */
html.lux.rp-laranja body .topbar .nav-link:is(.nav-hire, .nav-cta) {
  position: relative; min-height: 58px !important; margin-top: 6px; padding: 0 12px 0 8px !important; border-radius: 14px !important; border: 1px solid transparent !important; color: var(--nv-ink) !important;
  background: linear-gradient(135deg, rgba(255, 143, 63, .16), rgba(255, 143, 63, .03) 55%, transparent 85%) padding-box, linear-gradient(#0a1020, #0a1020) padding-box, linear-gradient(135deg, rgba(255, 178, 122, .85), rgba(255, 143, 63, .12) 55%, rgba(255, 178, 122, .35)) border-box !important;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1) !important;
}
html.lux.rp-laranja body .topbar .nav-link:is(.nav-hire, .nav-cta):hover {
  transform: translateY(-1px) !important;
  background: linear-gradient(135deg, rgba(255, 143, 63, .24), rgba(255, 143, 63, .05) 55%, transparent 85%) padding-box, linear-gradient(#0d1530, #0d1530) padding-box, linear-gradient(135deg, #ffc89e, rgba(255, 143, 63, .2) 55%, rgba(255, 178, 122, .6)) border-box !important;
}
html.lux.rp-laranja body .topbar .nav-link:is(.nav-hire, .nav-cta) > svg { color: #ff8f3f !important; border-color: rgba(255, 143, 63, .45) !important; background: rgba(255, 143, 63, .14) !important; box-shadow: 0 0 0 1px rgba(255, 143, 63, .12), 0 6px 16px -6px rgba(255, 143, 63, .55) !important; }
html.lux.rp-laranja body .topbar .nav-link:is(.nav-hire, .nav-cta) > span { font-family: var(--lx-serif) !important; font-size: 17px !important; }
html.lux.rp-laranja body .topbar .nav-link:is(.nav-hire, .nav-cta) .lx-sub { color: rgba(255, 200, 160, .75) !important; }
html.lux.rp-laranja body .topbar .nav-link.nav-cta em { border: 0 !important; background: #ff8f3f !important; color: #1a0d02 !important; font-weight: 700 !important; }

/* 5. Gráficos: legenda com linhas de 3px. */
html.lux.rp-laranja body .op-legend i { width: 14px !important; height: 3px !important; border-radius: 2px !important; }

/* 6. "Todos os grupos": sem a caixa do seletor dentro do botão. */
html.lux.rp-laranja body .db-gfil select { border: 0 !important; box-shadow: none !important; background-color: transparent !important; height: auto !important; min-height: 0 !important; padding: 0 22px 0 0 !important; border-radius: 0 !important; background-position: right 0 center !important; }

/* Versão de teste "flash" (Flash Grupos, 22/10/2026): Poppins nos títulos (700), números dos cartões (600, tabular) e marca (700).
   Texto corrido, botões, campos e tabelas continuam em Inter. Sai a serifa. A Poppins é mais larga: títulos e números menores. */
@font-face { font-family: "RP Poppins"; src: url("/assets/fonts/poppins-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "RP Poppins"; src: url("/assets/fonts/poppins-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "RP Poppins"; src: url("/assets/fonts/poppins-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
html.lux.rp-flash, html.lux.rp-flash[data-theme], html.lux.rp-flash[data-theme="dark"], html.lux.rp-flash[data-theme="light"] {
  --lx-serif: "RP Poppins", Poppins, system-ui, -apple-system, "Segoe UI", sans-serif;
  --rp-disp: "RP Poppins", Poppins, system-ui, sans-serif;
}
/* Títulos */
html.lux.rp-flash body :is(h1, h2, .gf-page-head h1, .rp-head h1, .of-head h1, .tk-head h1, .lp-head h1) {
  font-family: var(--lx-serif) !important; font-weight: 700 !important; letter-spacing: -.02em !important; line-height: 1.18 !important;
}
html.lux.rp-flash body h1 { font-size: clamp(22px, 2.3vw, 29px) !important; overflow-wrap: anywhere; }
html.lux.rp-flash body h2 { font-size: 1.18em; }
html.lux.rp-flash body :is(h1, h2) em { font-style: normal !important; }
html.lux.rp-flash body .op-head h1 { font-size: clamp(21px, 2.1vw, 27px) !important; line-height: 1.22 !important; }
/* Números dos cartões */
html.lux.rp-flash body :is(.op-kpi > b, .db-auto-k b, .gf-metric strong, .metric strong, .stat strong, .gf-stat strong, .rp-stat strong, .of-kpi b, .ag-k b, .mt-kpi strong, .mb-k b, .mb-s b, .lp-stats3 b) {
  font-family: var(--lx-serif) !important; font-weight: 600 !important; font-variant-numeric: tabular-nums; letter-spacing: -.01em !important;
}
html.lux.rp-flash body .op-kpi > b { font-size: 26px !important; line-height: 1.2 !important; }
html.lux.rp-flash body .op-kpi > b.db-auto-s { font-size: 18px !important; }
html.lux.rp-flash body .db-auto-k b { font-size: 24px !important; }
html.lux.rp-flash body .ag-k b { font-size: 24px !important; }
html.lux.rp-flash body .mt-kpi strong { font-size: 22px !important; }
html.lux.rp-flash body .mb-k b { font-size: 32px !important; }
html.lux.rp-flash body .mb-s b { font-size: 20px !important; }
/* Marca */
html.lux.rp-flash body .topbar .brand-wordmark, html.lux.rp-flash body .topbar .brand-wordmark :where(span, strong) {
  font-family: var(--lx-serif) !important; font-weight: 700 !important; font-size: 17px !important; letter-spacing: -.02em !important; white-space: nowrap; font-style: normal !important;
}
html.lux.rp-flash body :is(.auth-brand, .gf-public-brand, .gf-checkout-brand) strong { font-family: var(--lx-serif) !important; font-weight: 700 !important; }
/* Menu: cartões de destaque e iniciais da conta */
html.lux.rp-flash body .topbar .nav-link:is(.nav-hire, .nav-cta) > span { font-family: var(--lx-serif) !important; font-weight: 600 !important; font-size: 14px !important; letter-spacing: -.01em !important; }
html.lux.rp-flash body .topbar .nav-link:is(.nav-hire, .nav-cta) > span .lx-sub { font-family: var(--lx-sans) !important; font-weight: 400 !important; }
html.lux.rp-flash body .topbar .lx-me > i { font-family: var(--lx-serif) !important; font-weight: 600; font-size: 14px; }
/* Telas Contratar tráfego e Indique e ganhe */
html.lux.rp-flash body .lxp :is(.lxp-stat b, .lxp-meta b, .lxp-how b, .lxp-no, .lxp-body h3, .lxp-sh h2, .lxp-hero h1) { font-family: var(--lx-serif) !important; letter-spacing: -.02em !important; }
html.lux.rp-flash body .lxp :is(.lxp-body h3, .lxp-sh h2, .lxp-hero h1) { font-weight: 700 !important; line-height: 1.12 !important; }
html.lux.rp-flash body .lxp .lxp-hero h1 { font-size: clamp(26px, 3.2vw, 40px) !important; }
html.lux.rp-flash body .lxp .lxp-sh h2 { font-size: clamp(21px, 2.2vw, 28px) !important; }
html.lux.rp-flash body .lxp .lxp-body h3 { font-size: clamp(20px, 2vw, 26px) !important; }
html.lux.rp-flash body .lxp :is(.lxp-stat b, .lxp-meta b, .lxp-how b) { font-weight: 600 !important; font-variant-numeric: tabular-nums; }
html.lux.rp-flash body .lxp .lxp-stat b { font-size: 24px !important; }
html.lux.rp-flash body .lxp :is(.lxp-hero h1, .lxp-sh h2) em { font-style: normal !important; }
@media (max-width: 780px) {
  html.lux.rp-flash body h1 { font-size: 22px !important; }
  html.lux.rp-flash body .op-head h1 { font-size: 21px !important; }
  html.lux.rp-flash body .op-kpi > b { font-size: 23px !important; }
}