/* static/css/admin/custom_admin.css */

/* --- Importation de la typographie --- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* --- Définition des variables de couleur --- */
:root {
    --admin-bg-dark: #1A1A2E;         /* Fond principal, bleu nuit/violet très foncé */
    --admin-bg-medium: #1F1F3D;       /* Fond des modules et des cartes */
    --admin-bg-light: #2A2A4E;        /* Fond pour les survols et éléments actifs */
    --admin-text-primary: #EAEAEA;   /* Texte principal, blanc cassé */
    --admin-text-secondary: #9A9A9A;  /* Texte secondaire, gris clair */
    --admin-accent-primary: #FDB813;  /* Or / Jaune pour les actions principales */
    --admin-accent-hover: #E8A800;   /* Or plus foncé pour le survol */
    --admin-border-color: #3A3A5A;   /* Couleur subtile pour les bordures */
}

/* --- Refonte Globale --- */
body {
    background-color: var(--admin-bg-dark);
    color: var(--admin-text-primary);
    font-family: 'Poppins', sans-serif;
}

/* --- En-tête (Header) --- */
#header {
    background-color: var(--admin-bg-medium);
    color: var(--admin-text-primary);
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    border-bottom: 1px solid var(--admin-border-color);
}

#header a:link,
#header a:visited {
    color: var(--admin-text-primary);
    transition: color 0.2s ease-in-out;
}

#header a:hover {
    color: var(--admin-accent-primary);
}

#branding h1, #branding h1 a:link, #branding h1 a:visited {
    font-size: 1.5rem;
    font-weight: 600;
}

/* --- Modules & Cartes --- */
.module {
    background-color: var(--admin-bg-medium);
    border: 1px solid var(--admin-border-color);
    border-radius: 8px; /* Bords arrondis */
    overflow: hidden; /* Pour que les coins de la table soient arrondis */
}

.module h2, .module caption, .inline-group h2 {
    background-color: var(--admin-bg-light);
    color: var(--admin-text-primary);
    font-weight: 500;
}

/* --- Liens & Actions --- */
a, .grp-add-handler {
    color: var(--admin-accent-primary);
}

a:hover {
    color: var(--admin-accent-hover);
}

.button, input[type=submit], input[type=button], .submit-row input {
    background-color: var(--admin-accent-primary);
    color: var(--admin-bg-dark);
    font-weight: 600;
    border: none;
    border-radius: 5px;
    padding: 10px 15px;
    transition: background-color 0.2s ease-in-out, transform 0.1s ease;
}

.button:hover, input[type=submit]:hover, input[type=button]:hover {
    background-color: var(--admin-accent-hover);
    transform: translateY(-1px);
}

.button.default, input[type=submit].default {
    font-weight: 700;
}

/* --- Listes & Tableaux --- */
.results table {
    border-collapse: collapse;
}

.results th {
    background-color: var(--admin-bg-dark) !important;
    color: var(--admin-text-secondary);
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.8rem;
}

.results tr.row1, .results tr.row2 {
    background-color: var(--admin-bg-medium);
}

.results tr:hover td, .results tr:hover th {
    background-color: var(--admin-bg-light);
}

.results td, .results th {
    border-bottom: 1px solid var(--admin-border-color);
}

/* --- Barre latérale (Filtres) --- */
#changelist-filter {
    background-color: var(--admin-bg-medium);
    border-radius: 8px;
    padding: 15px;
}

#changelist-filter h3 {
    color: var(--admin-text-secondary);
}