/* =====================================================================
   MSP Courrier - Habillage (charte MS/HP)
   Surcouche CSS appliquee par-dessus le theme Maarch.
   Couleurs : vert #1BA15E (primaire), orange #F6962E (accent).
   ===================================================================== */

:root {
    --msp-green:        #1BA15E;
    --msp-green-dark:   #15814B;
    --msp-green-light:  #E8F5EE;
    --msp-orange:       #F6962E;
    --msp-orange-dark:  #E07E15;
    --msp-orange-light: #FDF0E2;
    --msp-text:         #222222;
    --msp-text-soft:    #5A5A5A;
    --msp-border:       #D8DEE4;
}

/* --- Barre d'entete / top bar --- */
.maarch-header,
header.mat-toolbar,
.mat-toolbar.mat-primary,
#header {
    background: var(--msp-green) !important;
    color: #ffffff !important;
}

/* --- Liens et titres --- */
a, .link, .primary-color { color: var(--msp-green) !important; }
h1, h2, h3, .page-title { color: var(--msp-green) !important; }

/* --- Boutons primaires --- */
button.mat-primary,
.btn-primary,
.mat-raised-button.mat-primary,
.mat-flat-button.mat-primary {
    background-color: var(--msp-green) !important;
    border-color: var(--msp-green) !important;
    color: #ffffff !important;
}
button.mat-primary:hover,
.btn-primary:hover {
    background-color: var(--msp-green-dark) !important;
}

/* --- Boutons / accents secondaires (orange) --- */
button.mat-accent,
.btn-accent,
.mat-raised-button.mat-accent,
.mat-flat-button.mat-accent {
    background-color: var(--msp-orange) !important;
    border-color: var(--msp-orange) !important;
    color: #ffffff !important;
}
button.mat-accent:hover,
.btn-accent:hover {
    background-color: var(--msp-orange-dark) !important;
}

/* --- Elements de navigation actifs --- */
.menu-item.active,
.mat-list-item.active,
.active > a {
    border-left: 4px solid var(--msp-orange) !important;
    background: var(--msp-green-light) !important;
}

/* --- Ecran de connexion --- */
.login-container,
#login .login-block {
    border-top: 5px solid var(--msp-orange) !important;
}
.login-container .logo,
#login img.logo {
    max-width: 320px;
    margin: 0 auto 1rem;
    display: block;
}

/* --- Badges / etats positifs --- */
.badge-success, .status-ok { background: var(--msp-green) !important; }
.badge-warning, .status-pending { background: var(--msp-orange) !important; }

/* --- Spinner / barre de progression --- */
.mat-progress-bar-fill::after { background-color: var(--msp-green) !important; }