/* ===================================================================
   flux-vibrant-overrides.css
   Site-wide brighter color scheme. Loads AFTER flux-theme.css, so
   these rules win in the cascade without editing/risking the original.
   =================================================================== */

:root {
    --flux-accent: #3ea6ff;
    --flux-accent-2: #ffb84d;
    --flux-danger: #ff4d6a;
    --flux-success: #2de08e;
    --flux-warning: #ffcc4d;
}

/* Sidebar active nav item */
#sidebar .menu.active > a,
#sidebar li.menu.active > a.dropdown-toggle {
    background: linear-gradient(90deg, rgba(62,166,255,0.18), rgba(62,166,255,0.03)) !important;
    border-left: 3px solid var(--flux-accent) !important;
    color: #ffffff !important;
}
#sidebar .menu.active > a svg,
#sidebar .menu.active > a i {
    color: var(--flux-accent) !important;
}
#sidebar .menu > a:hover {
    background: rgba(62,166,255,0.08) !important;
}

/* Buttons everywhere, including inside modals (Apply Skin, Apply Gloves, etc.) */
.btn-primary,
#saveSkinButton,
#saveGloveButton,
#saveAgentButton,
#saveMusicButton,
#savePinButton {
    background-color: var(--flux-accent) !important;
    border-color: var(--flux-accent) !important;
    color: #0b0e13 !important;
    font-weight: 700;
}
.btn-primary:hover,
#saveSkinButton:hover,
#saveGloveButton:hover {
    filter: brightness(1.1);
}
.btn-outline-light {
    border-color: var(--flux-accent) !important;
    color: var(--flux-accent) !important;
}
.btn-outline-light:hover {
    background: var(--flux-accent) !important;
    color: #0b0e13 !important;
}

/* Links */
a { color: var(--flux-accent); }
a:hover { color: var(--flux-accent-2); }

/* Status badges */
.badge-light-danger {
    background: rgba(255,77,106,0.16) !important;
    color: var(--flux-danger) !important;
    border: 1px solid rgba(255,77,106,0.35);
}
.badge-light-warning {
    background: rgba(255,204,77,0.16) !important;
    color: var(--flux-warning) !important;
    border: 1px solid rgba(255,204,77,0.35);
}
.badge-light-success {
    background: rgba(45,224,142,0.16) !important;
    color: var(--flux-success) !important;
    border: 1px solid rgba(45,224,142,0.35);
}

/* Dashboard icon accents */
.fa-server.text-info { color: var(--flux-accent) !important; }
.fa-ban.text-danger { color: var(--flux-danger) !important; }
.fa-volume-mute.text-success { color: var(--flux-success) !important; }
.fa-user-shield.text-primary { color: var(--flux-accent) !important; }

/* Table row hover */
.table-hover tbody tr:hover {
    background: rgba(62,166,255,0.06) !important;
}

/* Form focus states — inputs, selects, in every modal */
.form-control:focus,
.form-select:focus {
    border-color: var(--flux-accent) !important;
    box-shadow: 0 0 0 0.2rem rgba(62,166,255,0.25) !important;
}

/* Apply Skin / Glove modal accents (labels, active states) */
.modal-content label {
    color: rgba(255,255,255,0.65);
}
#weapons-sidebar .flux-cat-btn:hover {
    background: rgba(62,166,255,0.06) !important;
    color: var(--flux-accent) !important;
}