/* 🌙 Thème global */
body {
    background-color: #111;
    color: #fff;
    font-size: 0.85rem;
}

h1 { font-size: 1.4rem; }
h2 { font-size: 1.2rem; }
h3 { font-size: 1.1rem; }

/* 🔝 Navbar */
.navbar {
    background-color: #000;
}
.navbar-brand, .nav-link {
    color: #fff !important;
    font-size: 0.85rem;
}
.nav-link.active {
    color: #ff3b3b !important;
    font-weight: bold;
}
.dropdown-menu {
    background-color: #222;
}
.dropdown-item {
    color: #fff;
    font-size: 0.8rem;
}
.dropdown-item:hover {
    background-color: #ff3b3b;
    color: #fff;
}

/* 🔘 Boutons outline */
.btn-outline-danger,
.btn-outline-success,
.btn-outline-light {
    border-color: #ff3b3b;
    color: #ff3b3b;
    font-size: 0.8rem;
}
.btn-outline-danger:hover,
.btn-outline-success:hover,
.btn-outline-light:hover {
    background-color: #ff3b3b;
    color: #fff;
}

/* 📋 Tableaux */
.table th {
    background-color: #333;
    color: #ff3b3b;
    font-size: 0.85rem;
}
.table td {
    background-color: #1a1a1a;
    color: #f0f0f0;
    font-size: 0.85rem;
}

.table th, .table td {
    padding: 0.6rem 0.9rem;
    vertical-align: middle;
}

.table-dark thead th {
    background-color: #222;
    color: #ff3b3b;
}
.table-dark tbody td {
    background-color: #1a1a1a;
    color: #f0f0f0;
}

/* 📊 Cartes KPI */
.card-body h5 {
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
}
.card-body p {
    font-size: 1.1rem;
    font-weight: bold;
}

/* 📈 Graphiques */
canvas {
    max-height: 300px;
    margin-top: 10px;
}

/* 📝 Formulaires */
.form-select-sm {
    min-width: 160px;
    font-size: 0.8rem;
}
input, select, textarea {
    font-size: 0.85rem;
}
.btn-sm {
    min-width: 100px;
    padding: 0.4rem 0.6rem;
    font-size: 0.75rem;
}

/* 🧱 Espacement général */
.row.g-4 > [class*="col-"] {
    margin-bottom: 1.5rem;
}

/* 📌 Sidebar compacte */
.sidebar {
    width: 240px;
    min-width: 240px;
}
.sidebar .nav-link,
.nav-item a {
    font-size: 0.75rem !important;
    white-space: nowrap;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    line-height: 1.2;
}

/* 🎭 Affiches d'événements (corrigé) */
.affiche-img {
    width: 80px;          /* taille fixe */
    height: 100px;        /* taille fixe */
    object-fit: cover;    /* recadrage propre */
    border-radius: 4px;
    display: block;
}
/* 🎭 Correction définitive de la taille des affiches */
.affiche-img {
    width: 80px !important;
    height: 100px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    display: block !important;
}