/*
 * Ticker Wealth — tema da marca (NORD-529).
 * Carregado DEPOIS de style.css/custom.css, SÓ quando o hostname resolve Ticker
 * (Brands:Assets:39:CssPath) — Nord nunca carrega este arquivo.
 *
 * Paleta oficial (fonte: tema Ticker do portal dos bankers em
 * Wealth.BlazorServer/appsettings.json + paleta de relatórios NORD-451 em
 * Nord.Wealth.Reports/customer-allocation/src/services/themePalette.ts):
 * dourado #eab308 sobre preto; texto sobre dourado = #111111 (PrimaryContrastText);
 * escala dourada p/ hover/active: #ca8a04 / #a16207.
 */
:root {
    --ticker-primary: #eab308;      /* cor de acento: barras, focus, wizard ativo */
    --ticker-secondary: #18181b;    /* labels e headings (Dark do tema bankers — dourado sobre branco não tem contraste) */
    --ticker-bg-1: #000000;         /* gradiente do fundo (fim) — MenuBackgroundFrom/To do tema bankers */
    --ticker-bg-2: #222222;         /* gradiente do fundo (início) */

    --bs-heading-color: var(--ticker-secondary);
}

/* Fundo da página (gradient do body do tema Nord) */
body {
    background: var(--ticker-bg-1);
    background: linear-gradient(-45deg, var(--ticker-bg-2), var(--ticker-bg-1));
}

/* Barrinha sob os títulos (.title/.title-section::after usa $primary) */
.title::before, .title::after,
.title-section::before, .title-section::after {
    background: var(--ticker-primary);
}

/* Labels do form ($secondary) */
.form-label {
    color: var(--ticker-secondary);
}

/* Barra de acento à esquerda dos form-groups ($primary) */
.form-group::before {
    background: var(--ticker-primary);
}

/* Focus dos campos ($primary) */
.form-group .form-control:focus,
.form-control:focus {
    border-color: var(--ticker-primary);
    box-shadow: 0 0 0 2px rgba(234, 179, 8, 0.6); /* manter em sincronia com --ticker-primary */
}

/* Wizard: círculo/tab ativo e a setinha (#0dcaf0 no tema Nord) */
.wizard .nav-tabs .nav-item .nav-link.active {
    border-color: var(--ticker-primary);
    color: var(--ticker-primary);
}
.wizard .nav-tabs .nav-item .nav-link:after,
.nav-tabs .nav-item .nav-link.active:after {
    border-bottom-color: var(--ticker-primary);
}

/* Botões de ação (Continuar/Enviar usam .btn-info; Voltar segue neutro).
   Texto escuro sobre dourado (PrimaryContrastText #111111 do tema bankers). */
.btn-info {
    --bs-btn-bg: var(--ticker-primary);
    --bs-btn-border-color: var(--ticker-primary);
    --bs-btn-color: #111111;
    --bs-btn-hover-bg: #ca8a04;
    --bs-btn-hover-border-color: #ca8a04;
    --bs-btn-hover-color: #111111;
    --bs-btn-active-bg: #a16207;
    --bs-btn-active-border-color: #a16207;
    --bs-btn-active-color: #111111;
}
.btn-primary {
    --bs-btn-bg: var(--ticker-primary);
    --bs-btn-border-color: var(--ticker-primary);
    --bs-btn-color: #111111;
    --bs-btn-hover-bg: #ca8a04;
    --bs-btn-hover-border-color: #ca8a04;
    --bs-btn-hover-color: #111111;
    --bs-btn-active-bg: #a16207;
    --bs-btn-active-border-color: #a16207;
    --bs-btn-active-color: #111111;
}

/* Fallback do logo (BrandName em texto — só aparece se LogoPath sumir da config) */
#header .logo .h4 {
    color: #fff;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}