/* Tema Estado de Cuenta */
/* Base General: #8c191e = hsl(357, 72%, 32%) — rojo institucional */
/* EstadoCuenta: mismo color que General, sin variación */
:root {
    --general-primary: #8c191e;
    --general-primary-light: #b32027;
    --general-primary-dark: #761519;
}

.theme-estado-cuenta {
    --theme-primary: #8c191e;        /* = General */
    --theme-primary-light: #b32027;  /* hover claro */
    --theme-primary-dark: #761519;   /* hover oscuro */
    --cover-bg: var(--theme-primary);
}

.theme-estado-cuenta .btn-primary {
    background-color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
}

.theme-estado-cuenta .btn-primary:hover,
.theme-estado-cuenta .btn-primary:focus,
.theme-estado-cuenta .btn-primary:active {
    background-color: var(--theme-primary-dark) !important;
    border-color: var(--theme-primary-dark) !important;
}

.theme-estado-cuenta .app-header,
.theme-estado-cuenta .app-header__logo {
    background-color: var(--theme-primary) !important;
}

.theme-estado-cuenta .app-sidebar {
    background-color: var(--theme-primary-light) !important;
    border-right: 1px solid var(--theme-primary-dark);
}

.theme-estado-cuenta .app-menu__item.active,
.theme-estado-cuenta .app-menu__item:hover,
.theme-estado-cuenta .app-menu__item:focus {
    background: rgba(255,255,255,0.15) !important;
    border-left-color: var(--theme-primary-dark) !important;
}

.theme-estado-cuenta.material-half-bg .cover,
.theme-estado-cuenta .cover {
    background-color: var(--theme-primary) !important;
    background-image: none !important;
}