/* app-2026.css — signature Digibus (design d'application « classique ») pour les applications de démonstration :
   barre latérale anthracite, accent du client (--c) sur l'élément actif et les boutons, titres Montserrat, cartes douces.
   Chargé en dernier sur demo-app.html et demo-app-ecole / cabinet / club / social / elearning. */
:root { --anthracite: #0E1014; --anthracite-2: #16181D; --anthracite-3: #212121; }

/* Bandeau d'essai (haut de page) */
.essai { background: linear-gradient(90deg, #0A0B0E, #16181D 60%, color-mix(in srgb, var(--c, #006AFD) 45%, #16181D)) !important; border-bottom: 1px solid rgba(255,255,255,.07); }

/* Barre latérale anthracite */
.side { background: var(--anthracite-3) !important; color: #B9BEC9 !important; border-inline-end: 1px solid rgba(255,255,255,.04); }
.side .marque i { background: var(--anthracite) !important; box-shadow: 0 0 0 2px var(--anthracite-3), 0 0 0 3.5px var(--c, #006AFD); }
.side button, .side a { border-radius: 10px; }
.side button:not(.on):hover, .side a:not(.on):hover { background: rgba(255,255,255,.06); color: #fff; }
.side button.on, .side a.on { background: var(--c, #006AFD) !important; color: #fff !important; box-shadow: 0 10px 22px -12px color-mix(in srgb, var(--c, #006AFD) 90%, transparent); }

/* Barre du haut et cartes */
.topbar { background: rgba(255,255,255,.92) !important; backdrop-filter: blur(10px); }
.carte, .kpi { border-radius: 16px; box-shadow: 0 1px 2px rgba(14,16,20,.04); }
.carte:hover, .kpi:hover { box-shadow: 0 16px 34px -22px rgba(14,16,20,.35); }
.kpi b, .kpi strong { letter-spacing: -.02em; }
.histo .col .tip, .toast { background: var(--anthracite-2) !important; }

/* demo-app.html : cadre des captures de l'application */
.bandeau:has(.jours) { background: linear-gradient(90deg, #0A0B0E, #16181D 60%, #0B2F6B) !important; }
.actions .prim { color: var(--anthracite) !important; }
.vues button[aria-selected="true"] { background: var(--anthracite-2) !important; border-color: var(--anthracite-2) !important; }
.points button[aria-current="true"]::after { background: #006AFD !important; }
.ecran { box-shadow: 0 40px 80px -36px rgba(14,16,20,.45), 0 0 0 1px rgba(14,16,20,.06) !important; }
.ecran .barre { background: #F3F4F7 !important; }