/* ─── Reset global (repris de RAD4BIKE_PYTHON pour cohérence visuelle) ─── */
html, body {
    margin: 0;
    padding: 0;
    background-color: #0d1117;
}

table { font-family: 'Inter', 'Segoe UI', sans-serif; }

.Select-control {
    background-color: #0d1117 !important;
    border-color: #30363d !important;
}
.Select-menu-outer {
    background-color: #161b22 !important;
    border-color: #30363d !important;
}

/* ─── Tuiles d'accès aux sections (accueil admin, façon Odoo) ─────────── */
.admin-app-tile > div {
    transition: border-color 0.15s ease, transform 0.1s ease;
    cursor: pointer;
}
.admin-app-tile:hover > div {
    border-color: #58a6ff !important;
    transform: translateY(-2px);
}

/* Barre de sous-menu de l'application en cours (façon Odoo) */
.admin-app-bar-link:hover {
    color: #e6edf3 !important;
    border-bottom-color: #30363d !important;
}

/* Pastilles d'alertes dépliables + bloc Tendances de l'accueil */
.admin-alert-chip[open] { flex-basis: 100% !important; }
.admin-alert-chip a:hover { background-color: rgba(88, 166, 255, 0.08); }
.admin-trends > summary { padding: 8px 0; }

/* Menus déroulants du tableau de lignes des devis : fond sombre imposé
   ci-dessus (.Select-menu-outer), donc texte clair et option survolée
   visible - sinon texte sombre sur fond sombre, illisible. */
.dash-spreadsheet .Select-menu-outer,
.dash-spreadsheet .Select-option { color: #e6edf3 !important; background-color: #161b22 !important; }
.dash-spreadsheet .Select-option.is-focused { background-color: #1f6feb !important; }
.dash-spreadsheet .Select-value-label,
.dash-spreadsheet .Select-placeholder { color: #e6edf3 !important; }