:root{
  --brand:#0d6efd;
  --brand-600:#0b5ed7;
  --surface:#ffffff;
  --bg:#f8f9fb;
}
html,body{height:100%}
body{background:var(--bg)}

.navbar-brand{font-weight:600}
.btn-brand{background:var(--brand);color:#fff;border-color:var(--brand)}
.btn-brand:hover{background:var(--brand-600);border-color:var(--brand-600)}

/* Cards spacing defaults */
.card{border-radius:.6rem}
.card-header{background:var(--surface);font-weight:500}

/* Tables compact style */
.table td,.table th{vertical-align:middle}

/* Badges by status (fallback if server doesn’t map colors) */
.badge[title="EN_ATTENTE"], .badge.status-wait{background:#6c757d}
.badge[title="APPROUVEE"], .badge.status-ok{background:#198754}
.badge[title="REFUSEE"], .badge.status-ko{background:#dc3545}

/* Forms */
.form-label{font-size:.875rem;color:#6c757d}

/* Page spacing */
main{padding-bottom:2rem}

/* Notifications */
#notifBtn{display:inline-flex;align-items:center}
#notifBtn .badge{min-width:1.5rem}

/* Utility */
.text-muted-2{color:#6c757d!important}