/* ==========================================================================
   SIMPIO — Override MudBlazor global — style « Pennylane »
   L'app utilise les composants MudBlazor natifs partout : on les re-skine ici
   globalement (accent violet, clair, aéré) plutôt que page par page.
   Rouge = destructif uniquement · Vert = validation · Violet = action/actif.
   ========================================================================== */

/* ---------------------------------------------------------------- Boutons */
/* Bouton primaire (Color.Primary) → violet Pennylane */
.mud-button-root.mud-button-filled.mud-button-filled-primary {
    background-color: var(--sp-accent) !important;
    color: #fff !important;
    box-shadow: none !important;
    border-radius: var(--sp-radius-ctrl) !important;
    text-transform: none !important;
    font-weight: 600 !important;
}
.mud-button-root.mud-button-filled.mud-button-filled-primary:hover {
    background-color: #5a2fd6 !important;
    box-shadow: 0 4px 14px -6px var(--sp-accent-glow) !important;
}
.mud-button-root.mud-button-outlined.mud-button-outlined-primary {
    color: var(--sp-accent) !important;
    border-color: color-mix(in srgb, var(--sp-accent) 35%, var(--sp-border)) !important;
    border-radius: var(--sp-radius-ctrl) !important;
    text-transform: none !important;
    font-weight: 600 !important;
}
.mud-button-root.mud-button-text.mud-button-text-primary { color: var(--sp-accent) !important; text-transform: none !important; }
/* Adoucir tous les boutons Mud (radius + pas de MAJUSCULES) */
.mud-button-root { text-transform: none !important; border-radius: var(--sp-radius-ctrl) !important; font-weight: 600 !important; letter-spacing: 0 !important; }
/* FAB / boutons ronds accent */
.mud-fab.mud-fab-primary { background-color: var(--sp-accent) !important; }

/* ---------------------------------------------------------------- Liens & switches */
.mud-switch.mud-switch-primary .mud-switch-track.mud-checked { background-color: var(--sp-accent) !important; }
.mud-switch .mud-switch-thumb.mud-checked { color: var(--sp-accent) !important; }
.mud-checkbox.mud-checkbox-primary .mud-checked .mud-icon-root,
.mud-radio.mud-radio-primary .mud-checked .mud-icon-root { color: var(--sp-accent) !important; }
.mud-progress-circular.mud-primary-text,
.mud-progress-linear.mud-primary .mud-progress-linear-bar { color: var(--sp-accent) !important; background-color: var(--sp-accent) !important; }

/* ---------------------------------------------------------------- Champs (focus violet) */
.mud-input-outlined .mud-input-outlined-border { border-radius: var(--sp-radius-ctrl); }
.mud-input.mud-input-focused .mud-input-outlined-border {
    border-color: var(--sp-accent) !important;
    box-shadow: 0 0 0 3px var(--sp-accent-glow) !important;
}
.mud-input-control .mud-input-label.mud-input-label-focused { color: var(--sp-accent) !important; }
/* Curseur / soulignement des champs standards */
.mud-input.mud-input-focused:not(.mud-input-outlined):after { border-bottom-color: var(--sp-accent) !important; }

/* ---------------------------------------------------------------- Onglets (soulignés violet) */
.mud-tabs .mud-tab.mud-tab-active { color: var(--sp-accent) !important; }
.mud-tabs .mud-tab-slider { background-color: var(--sp-accent) !important; }
.mud-tabs .mud-tab { text-transform: none !important; font-weight: 550 !important; }

/* ---------------------------------------------------------------- Chips / statuts */
.mud-chip { border-radius: var(--sp-radius-pill) !important; font-weight: 600 !important; }
.mud-chip.mud-chip-filled.mud-chip-color-primary { background-color: var(--sp-accent-pale) !important; color: var(--sp-accent) !important; }
.mud-chip.mud-chip-filled.mud-chip-color-success { background-color: var(--sp-success-bg) !important; color: var(--sp-success) !important; }
.mud-chip.mud-chip-filled.mud-chip-color-warning { background-color: var(--sp-warning-bg) !important; color: var(--sp-warning) !important; }
.mud-chip.mud-chip-filled.mud-chip-color-error   { background-color: var(--sp-danger-bg)  !important; color: var(--sp-danger)  !important; }

/* ---------------------------------------------------------------- Cards / papiers */
.mud-paper:not(.mud-appbar):not(.mud-drawer) {
    border-radius: var(--sp-radius-card) !important;
    box-shadow: var(--sp-shadow-card) !important;
}
.mud-card { border-radius: var(--sp-radius-card) !important; box-shadow: var(--sp-shadow-card) !important; border: 1px solid var(--sp-border); }

/* ---------------------------------------------------------------- Tableaux (Pennylane : sobre, fin) */
.mud-table.mud-table-outlined,
.mud-table-container .mud-table-root { }
.mud-table .mud-table-head .mud-table-cell {
    font-size: 11px !important; font-weight: 650 !important;
    text-transform: uppercase; letter-spacing: .05em;
    color: var(--sp-faint) !important;
    background: var(--sp-card-2, #fbfcfe) !important;
    border-bottom: 1px solid var(--sp-border) !important;
}
.mud-table .mud-table-body .mud-table-cell { border-bottom: 1px solid var(--sp-divider) !important; font-size: 13px; }
.mud-table .mud-table-body .mud-table-row:hover { background: var(--sp-nav-hover) !important; }
.mud-table-pagination { border-top: 1px solid var(--sp-border) !important; }

/* ---------------------------------------------------------------- Alertes / snackbar */
.mud-alert { border-radius: var(--sp-radius-ctrl) !important; }
.mud-snackbar { border-radius: var(--sp-radius-ctrl) !important; }

/* ---------------------------------------------------------------- Menus / popovers */
.mud-popover.mud-popover-open { border-radius: 12px !important; box-shadow: var(--sp-shadow-pop) !important; }
.mud-list-item:hover { background: var(--sp-nav-hover) !important; }

/* ---------------------------------------------------------------- Dialogs (conteneur) */
.mud-dialog { border-radius: var(--sp-radius-card) !important; box-shadow: var(--sp-shadow-pop) !important; }
/* En-tête SSM redondant : le MudDialog affiche déjà son titre natif (barre du haut
   + croix de fermeture). Le bloc .ssm-dh répète le même titre (souvent avec un emoji)
   → titre EN DOUBLE. On masque le .ssm-dh, on garde le titre natif + la croix. */
.mud-dialog .ssm-dh { display: none !important; }

/* Emojis « à la con » dans les titres de dialog/drawer : on les masque partout
   (charte pro, pas d'emoji décoratif). Vaut pour SsmDialog et SsmDialogHeader. */
.ssm-dialog-title-icon,
.ssm-dh-icon { display: none !important; }

/* Footer d'actions (Annuler / Enregistrer) TOUJOURS visible : on le colle en bas
   du modal, séparé du contenu, pour qu'il ne parte pas hors écran quand le
   formulaire est long et scrolle. */
.mud-dialog .mud-dialog-actions {
    position: sticky; bottom: 0; z-index: 2;
    margin: 0; padding: 14px 22px !important;
    background: var(--sp-surface);
    border-top: 1px solid var(--sp-border);
    border-radius: 0 0 var(--sp-radius-card) var(--sp-radius-card);
}