/* ========== Base ==========\ */
body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background-color: #f5f6fa;
    color: #222;
}

/* Permet au footer de rester en bas (avec body d-flex min-vh-100 dans header.php) */
footer {
    font-size: 0.85rem;
}

/* ========== Navbar ==========\ */
.navbar {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.navbar-brand {
    font-weight: 600;
    letter-spacing: 0.03em;
}

/* Active link dans le menu */
.nav-link.active {
    font-weight: 600;
}

/* ========== Cards ==========\ */
.card {
    border-radius: 0.75rem;
    border: 1px solid #e3e6f0;
}

.card-title {
    font-weight: 600;
}

/* ========== Boutons ==========\ */
.btn-primary {
    border-radius: 999px;
    padding: 0.5rem 1.2rem;
}

/* ========== Formulaires ==========\ */
.form-label {
    font-weight: 500;
}

.input-group-text {
    background-color: #f0f2f6;
}

/* ========== Page de login ==========\ */
.card .logo {
    max-width: 140px;
}

/* Si tu veux centrer un peu plus la page de login sur la hauteur */
@media (min-height: 700px) {
    body.login-page .container {
        margin-top: 8vh;
        margin-bottom: 8vh;
    }
}

/* ========== Tables ==========\ */
.table-sm td,
.table-sm th {
    vertical-align: middle;
}

.table thead th {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6c757d;
}

/* ========== Petits utilitaires ==========\ */
.text-muted-small {
    font-size: 0.85rem;
    color: #6c757d;
}