/* ==========================================================================
   ArchiDesign - Habillage des tableaux de bord (Admin / Agent / Client)
   Cible les vraies classes utilisées par les pages (cartes Bootstrap,
   sidebar en list-group), pour un rendu cohérent avec le reste du site.
   ========================================================================== */

/* --- Sidebar admin (list-group dans includes/sidebar-admin.php) --- */
.admin-sidebar-label {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--archi-text-muted);
    padding: 14px 16px 6px;
}

.admin-sidebar-icon {
    width: 18px;
    text-align: center;
    color: var(--archi-text-muted);
}

.list-group-item-action {
    border: none;
    padding: 10px 16px;
    font-weight: 500;
    font-size: 0.92rem;
    color: var(--archi-text-main);
}

.list-group-item-action:hover {
    background-color: var(--archi-primary-light);
    color: var(--archi-primary);
}

.list-group-item-action:hover .admin-sidebar-icon {
    color: var(--archi-primary);
}

.list-group-item-action.active {
    background-color: var(--archi-primary);
    color: #fff;
    font-weight: 600;
}

.list-group-item-action.active .admin-sidebar-icon {
    color: #fff;
}

/* --- Cartes de statistiques (KPI) des dashboards --- */
.card.border-0.shadow-sm h2,
.card.border-0.shadow-sm h1 {
    font-weight: 700;
}

/* --- Tableaux dans les cartes --- */
.table > :not(caption) > * > * {
    padding: 0.85rem 0.75rem;
}

.table thead th {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--archi-text-muted);
    border-bottom-width: 1px;
}

/* --- Menu Mobile bas (footer.php, espace client) --- */
@media (max-width: 767.98px) {
    .admin-content,
    .col-lg-10 {
        padding-bottom: 20px;
    }
}