:root{
  --gabon-green:#009E60;
  --gabon-yellow:#FCD116;
  --gabon-blue:#1C57A5;
  --gabon-dark:#0B1B2B;
  --bs-primary: var(--gabon-blue);
  --bs-success: var(--gabon-green);
  --bs-warning: var(--gabon-yellow);
  --bs-body-font-family: 'Poppins', sans-serif;
}
body{background:#f6f8fb;font-family:'Poppins', sans-serif}
.top-stripes{height:6px;display:flex;position:sticky;top:0;z-index:1041}
.top-stripes>div{flex:1}
.top-stripes .g{background:var(--gabon-green)}
.top-stripes .y{background:var(--gabon-yellow)}
.top-stripes .b{background:var(--gabon-blue)}
.brand-gradient{background:linear-gradient(135deg,var(--gabon-green),var(--gabon-blue));}
.rounded-2xl{border-radius:1rem}
.badge-soft{background:#F5F7FB;color:#334155;border:1px solid #E5E7EB}
.timeline .step{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;border:1px solid #e5e7eb}
.timeline .step.active{background:var(--bs-success);color:#fff;border-color:var(--bs-success)}
.card-plain{border:1px solid #e9ecef}
.watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.12;font-weight:700;font-size:2rem}
.navbar-brand .logo{width:38px;height:38px;display:inline-block;background:url('/assets/images/LOGO.png') center/contain no-repeat}
.logo-img{width:75px;height:58px;object-fit:contain}
footer small{color:#6b7280}

/* Volet latéral */
.volet{position:fixed;right:0;top:0;bottom:0;width:300px;background:#fff;border-left:1px solid #e9ecef;z-index:1039;overflow:auto;padding:14px 14px 40px 14px}
.volet.collapsed{transform:translateX(100%);transition:transform .2s ease}
.volet:not(.collapsed){transform:none;transition:transform .2s ease}
.volet .title{font-weight:600;margin-bottom:.5rem}
.with-volet{margin-right:320px}
@media (max-width: 992px){
  .with-volet{margin-right:0}
  .volet{width:90%;max-width:320px}
}

/* Statut documents */
.doc-status{font-size:.75rem;border:1px solid #e5e7eb;padding:.15rem .4rem;border-radius:999px}
.doc-status.ok{background:rgba(0,158,96,.08);border-color:var(--gabon-green);color:#0b1b2b}
.doc-status.ko{background:#fff;border-color:#e5e7eb;color:#6b7280}

/* Navbar usager - Mobile : Notification après Déconnexion */
@media (max-width: 767.98px){
  .usager-logout-btn{order:1}
  .usager-notif-btn{order:2}
}