/* Overrides estructurales para temas distintos de "default" (teal, etc.) */

.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a span.pro-badge,
.sidebar-nav-wrapper .sidebar-nav ul .nav-item a span.pro-badge {
    background: var(--brand-primary, #9b2247) !important;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item.active > a .icon,
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.active > a.collapsed .icon,
.sidebar-nav-wrapper .sidebar-nav ul .nav-item:hover > a .icon,
.sidebar-nav-wrapper .sidebar-nav ul .nav-item:hover > a.collapsed .icon {
    color: var(--brand-primary, #9b2247) !important;
}

.user-info-sidebar {
    border-left-color: var(--brand-primary, #9b2247) !important;
}

.portal-brand {
    color: var(--brand-primary, #9b2247) !important;
}

.ball-scale-multiple > div {
    background-color: var(--brand-primary, #9b2247) !important;
}

/* Login */
h2.welcome-title {
    color: var(--brand-primary, #9b2247) !important;
}

h2.welcome-subtitle {
    color: var(--brand-accent, #a57f2c) !important;
}

.signin-wrapper {
    background-image: radial-gradient(at 0% 0%, var(--brand-accent, #a57f2c) 0%, transparent 40%) !important;
}

.login-credentials-text {
    color: var(--brand-text-muted, #1e5b4f) !important;
}

.login-btn-primary {
    background-color: var(--brand-primary, #9b2247) !important;
    border-color: var(--brand-primary, #9b2247) !important;
}

.login-btn-primary:hover,
.login-btn-primary:focus {
    background-color: var(--brand-primary-dark, #7a1b38) !important;
    border-color: var(--brand-primary-dark, #7a1b38) !important;
}

.login-label {
    color: var(--brand-text-muted, #1e5b4f) !important;
}

.login-input:focus {
    border-color: var(--brand-primary, #9b2247) !important;
    box-shadow: 0 0 0 0.2rem rgba(15, 118, 110, 0.15) !important;
}