/* Layout géré par Bootstrap classes d-flex flex-column min-vh-100 */

.navbar-brand {
    font-weight: bold;
    color: #FFFFFF !important;
}

.sidebar {
    min-height: calc(100vh - 56px);
    background-color: #E9F1FA;
}

.main-content {
    padding: 20px;
    min-height: calc(100vh - 200px); /* Force minimum height */
}

.card-stat {
    border-left: 4px solid #00ABE4;
}

.btn-primary {
    background-color: #00ABE4;
    border-color: #00ABE4;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #0090C4;
    border-color: #0090C4;
}

.bg-primary {
    background-color: #00ABE4 !important;
}

/* Couleurs personnalisées de l'application */
:root {
    --primary-color: #00ABE4;
    --primary-light: #E9F1FA;
    --primary-dark: #0090C4;
    --white: #FFFFFF;
}

/* Classes Bootstrap personnalisées */
.navbar-dark .navbar-brand {
    color: var(--white) !important;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: var(--white) !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: var(--white) !important;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--primary-light) !important;
}

.bg-light {
    background-color: var(--primary-light) !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

.border-primary {
    border-color: var(--primary-color) !important;
}

.btn-outline-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white);
}

.progress-bar {
    background-color: var(--primary-color) !important;
}

.badge.bg-primary {
    background-color: var(--primary-color) !important;
}

.badge.bg-info {
    background-color: var(--primary-color) !important;
}

/* Dashboard actions spacing */
.dashboard-actions {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Desktop version - ensure vertical stacking */
@media (min-width: 992px) {
    .dashboard-actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
    }
}

/* Container et footer gérés par Bootstrap classes flex-grow-1 et mt-auto */