/* app.css - Finanzas Jucum Urbano Stylings */

body {
    font-family: 'Poppins', sans-serif !important;
}

/* Primary buttons */
.btn-primary {
    background-color: #E0004D !important;
    border-color: #E0004D !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #b8003e !important;
    border-color: #b8003e !important;
}

/* Sidebar styling overrides */
.sidebar {
    background: #212121 !important;
}

.sidebar a {
    color: rgba(255, 255, 255, 0.75) !important;
}

.sidebar a:hover {
    background: rgba(224, 0, 77, 0.15) !important;
    color: #FFFFFF !important;
}

.sidebar a.active {
    background: #E0004D !important;
    color: #FFFFFF !important;
}

/* Detalles decorativos en Cargo Mensual */
/* Títulos de sección h4/h5 dentro del detalle de cargo de un miembro */
.charge-detail h4,
.charge-detail h5 {
    color: #5C0178 !important;
}

/* app.css - Finanzas Jucum Urbano Stylings */

body {
    font-family: 'Poppins', sans-serif !important;
}

/* Primary buttons */
.btn-primary {
    background-color: #E0004D !important;
    border-color: #E0004D !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #b8003e !important;
    border-color: #b8003e !important;
}

/* Sidebar styling overrides */
.sidebar {
    background: #212121 !important;
}

.sidebar a {
    color: rgba(255, 255, 255, 0.75) !important;
}

.sidebar a:hover {
    background: rgba(224, 0, 77, 0.15) !important;
    color: #FFFFFF !important;
}

.sidebar a.active {
    background: #E0004D !important;
    color: #FFFFFF !important;
}

/* Detalles decorativos en Cargo Mensual */
/* Títulos de sección h4/h5 dentro del detalle de cargo de un miembro */
.charge-detail h4,
.charge-detail h5 {
    color: #5C0178 !important;
}

/* El texto "Saldo:" en las cards de detalle de cargos cuando el mes está cerrado */
.alert-danger:has(.bi-lock-fill)+.row hr+strong,
.alert-danger:has(.bi-lock-fill)+.row .card-body strong.text-danger,
.alert-danger:has(.bi-lock-fill)+.row .card-body strong.text-dark {
    color: #F6BE00 !important;
}

/* Sidebar base */
.sidebar {
    width: 250px;
    min-height: 100vh;
    transition: width 0.25s ease;
    overflow: hidden;
    flex-shrink: 0;
}

/* Sidebar colapsado por toggle */
.sidebar.collapsed {
    width: 64px;
}

.sidebar.collapsed .nav-label {
    display: none;
}

.sidebar.collapsed .sidebar-brand-block small {
    display: none;
}

.sidebar.collapsed .sidebar-brand-block img {
    max-height: 28px !important;
}

.sidebar.collapsed #sidebar-title {
    display: none !important;
}

/* Alinear iconos al centro en modo colapsado */
.sidebar.collapsed a {
    text-align: center;
    padding: 10px 0;
    justify-content: center;
}

.sidebar.collapsed #sidebarToggle .nav-label {
    display: none;
}

/* Contenido principal se adapta */
.main-content {
    transition: all 0.25s ease;
}