/* =========================================================
   BRILL VAULT — OFFICIAL BRAND COLORS
   ========================================================= */

#bv-final {
    /* BRAND FOUNDATION */
    --brill-bg-main: #06101C;
    --brill-bg-secondary: #091624;
    --brill-panel: #0E1D2E;
    --brill-panel-hover: #13263B;
    --brill-border: #1B3048;

    /* BRAND ACCENTS */
    --brill-blue: #5DA7FF;
    --brill-blue-strong: #347DDF;
    --brill-blue-soft: rgba(93, 167, 255, 0.12);

    /* TYPOGRAPHY */
    --brill-text: #F4F7FB;
    --brill-text-secondary: #8FA4BE;
    --brill-text-muted: #637A96;

    /* PREMIUM */
    --brill-gold: #F1C75B;
    --brill-gold-soft: rgba(241, 199, 91, 0.12);

    /* SYSTEM STATES */
    --brill-success: #55D6A6;
    --brill-warning: #F3B768;
    --brill-danger: #FF7D86;

    background:
        radial-gradient(
            circle at 85% 5%,
            rgba(52, 125, 223, 0.08),
            transparent 30%
        ),
        var(--brill-bg-main) !important;

    color: var(--brill-text) !important;
}


/* =========================================================
   PAGE / MAIN BACKGROUND
   ========================================================= */

html,
body {
    background: #06101C !important;
}

#bv-final .bv-main {
    background:
        radial-gradient(
            circle at 92% 0%,
            rgba(52, 125, 223, 0.07),
            transparent 30%
        ),
        #06101C !important;
}


/* =========================================================
   SIDEBAR
   ========================================================= */

#bv-final .bv-sidebar {
    background: #07121F !important;
    border-right: 1px solid #1B3048 !important;
}

#bv-final .bv-brand,
#bv-final .bv-sidebar-header {
    border-color: #1B3048 !important;
}

#bv-final .bv-nav-item {
    color: #8FA4BE !important;
    border-color: transparent !important;
    background: transparent !important;
}

#bv-final .bv-nav-item:hover {
    color: #F4F7FB !important;
    background: rgba(93, 167, 255, 0.06) !important;
}

#bv-final .bv-nav-item.active {
    color: #F4F7FB !important;

    background:
        linear-gradient(
            90deg,
            rgba(52, 125, 223, 0.18),
            rgba(52, 125, 223, 0.05)
        ) !important;

    border-color:
        rgba(93, 167, 255, 0.30) !important;

    box-shadow:
        inset 3px 0 0 #5DA7FF !important;
}

#bv-final .bv-nav-item.active .bv-nav-icon {
    color: #5DA7FF !important;
}

#bv-final .bv-nav-icon {
    color: #5DA7FF !important;
}


/* =========================================================
   HEADINGS / TEXT
   ========================================================= */

#bv-final h1,
#bv-final h2,
#bv-final h3,
#bv-final h4,
#bv-final strong {
    color: #F4F7FB;
}

#bv-final p,
#bv-final small,
#bv-final .bv-muted {
    color: #8FA4BE;
}

#bv-final .bv-eyebrow,
#bv-final .bv-kicker {
    color: #5DA7FF !important;
}


/* =========================================================
   PANELS / CARDS
   ========================================================= */

#bv-final .bv-panel,
#bv-final .bv-card,
#bv-final .bv-wallet-card,
#bv-final .bv-hero-card {
    background:
        linear-gradient(
            145deg,
            rgba(14, 29, 46, 0.98),
            rgba(9, 22, 36, 0.98)
        ) !important;

    border:
        1px solid #1B3048 !important;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.16) !important;
}

#bv-final .bv-panel:hover,
#bv-final .bv-card:hover {
    border-color:
        rgba(93, 167, 255, 0.20) !important;
}


/* =========================================================
   BUTTONS
   ========================================================= */

#bv-final button,
#bv-final .bv-button,
#bv-final .bv-btn {
    border-color:
        rgba(93, 167, 255, 0.18);
}

#bv-final .bv-button-primary,
#bv-final .bv-btn-primary {
    background:
        linear-gradient(
            180deg,
            #347DDF,
            #2868BD
        ) !important;

    color: #FFFFFF !important;

    border:
        1px solid rgba(93, 167, 255, 0.45) !important;

    box-shadow:
        0 8px 24px rgba(52, 125, 223, 0.18) !important;
}

#bv-final .bv-button-primary:hover,
#bv-final .bv-btn-primary:hover {
    background:
        linear-gradient(
            180deg,
            #5DA7FF,
            #347DDF
        ) !important;
}


/* =========================================================
   LINKS / INTERACTIVE
   ========================================================= */

#bv-final a,
#bv-final .bv-link {
    color: #5DA7FF !important;
}

#bv-final a:hover,
#bv-final .bv-link:hover {
    color: #8FC2FF !important;
}


/* =========================================================
   INPUTS / SELECTS / TEXTAREA
   ========================================================= */

#bv-final input,
#bv-final select,
#bv-final textarea {
    background: #091624 !important;
    color: #F4F7FB !important;

    border:
        1px solid #1B3048 !important;
}

#bv-final input:focus,
#bv-final select:focus,
#bv-final textarea:focus {
    border-color:
        rgba(93, 167, 255, 0.55) !important;

    box-shadow:
        0 0 0 3px
        rgba(93, 167, 255, 0.08) !important;
}

#bv-final input::placeholder,
#bv-final textarea::placeholder {
    color: #637A96 !important;
}


/* =========================================================
   TABLES
   ========================================================= */

#bv-final table {
    color: #8FA4BE;
}

#bv-final th {
    color: #637A96 !important;
    border-color: #1B3048 !important;
}

#bv-final td {
    border-color:
        rgba(27, 48, 72, 0.70) !important;
}

#bv-final tbody tr:hover {
    background:
        rgba(93, 167, 255, 0.035) !important;
}


/* =========================================================
   USD — BLUE
   ========================================================= */

#bv-final [data-currency="USD"],
#bv-final .currency-usd,
#bv-final .bv-usd,
#bv-final #bv-usd-balance {
    color: #F4F7FB !important;
}

#bv-final .usd-accent {
    color: #5DA7FF !important;
}


/* =========================================================
   BD — PREMIUM GOLD
   ========================================================= */

#bv-final [data-currency="BD"],
#bv-final .currency-bd,
#bv-final .bv-bd {
    color: #F1C75B !important;
}

#bv-final .premium,
#bv-final .bv-premium {
    color: #F1C75B !important;

    background:
        rgba(241, 199, 91, 0.10) !important;

    border-color:
        rgba(241, 199, 91, 0.22) !important;
}


/* =========================================================
   BC — NEUTRAL GAME CURRENCY
   ========================================================= */

#bv-final [data-currency="BC"],
#bv-final .currency-bc,
#bv-final .bv-bc {
    color: #9AAFC7 !important;
}


/* =========================================================
   STATUS COLORS
   ========================================================= */

#bv-final .success,
#bv-final .status-success,
#bv-final .status-ok {
    color: #55D6A6 !important;
}

#bv-final .warning,
#bv-final .status-warning {
    color: #F3B768 !important;
}

#bv-final .danger,
#bv-final .error,
#bv-final .critical,
#bv-final .status-danger {
    color: #FF7D86 !important;
}


/* =========================================================
   BADGES
   ========================================================= */

#bv-final .bv-badge {
    background:
        rgba(93, 167, 255, 0.09) !important;

    color: #8FC2FF !important;

    border:
        1px solid rgba(93, 167, 255, 0.16) !important;
}


/* PayPal Sandbox — premium operational badge */
#bv-final .paypal-sandbox,
#bv-final [data-env="sandbox"] {
    color: #F1C75B !important;

    background:
        rgba(241, 199, 91, 0.08) !important;

    border-color:
        rgba(241, 199, 91, 0.22) !important;
}


/* =========================================================
   DIVIDERS
   ========================================================= */

#bv-final hr,
#bv-final .bv-divider {
    border-color: #1B3048 !important;
}


/* =========================================================
   MODALS / DROPDOWNS
   ========================================================= */

#bv-final .bv-modal,
#bv-final .bv-dropdown,
#bv-final .bv-popover {
    background: #091624 !important;

    border:
        1px solid #1B3048 !important;

    box-shadow:
        0 24px 60px
        rgba(0, 0, 0, 0.42) !important;
}


/* =========================================================
   SCROLLBAR
   ========================================================= */

#bv-final * {
    scrollbar-color:
        rgba(93, 167, 255, 0.25)
        transparent;
}

#bv-final *::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

#bv-final *::-webkit-scrollbar-track {
    background: transparent;
}

#bv-final *::-webkit-scrollbar-thumb {
    background:
        rgba(93, 167, 255, 0.22);

    border-radius: 999px;
}

#bv-final *::-webkit-scrollbar-thumb:hover {
    background:
        rgba(93, 167, 255, 0.40);
}


/* =========================================================
   SELECTION
   ========================================================= */

#bv-final ::selection {
    background:
        rgba(93, 167, 255, 0.28);

    color: #FFFFFF;
}