/* MajorDoc — habillage de l'espace Kai (09/11/2026, v2) : sobre et productif, comme l'Aujourd'hui de Flora.
   Plus de héros ni de carte vitrée : papier chaud, cartes blanches fines, un seul accent, des chiffres légers.
   Pur habillage : aucune fonction de Kai ne change. Retrait : enlever les balises « majordoc » de kai_espace.html. */
:root{--md-rail:232px;--md-top:63px;--bg:#FAF8F4;--ink:#0D1631;--ink-2:#424E6B;--muted:#6F7890;--line:rgba(13,22,49,.09);--line-2:rgba(13,22,49,.15);
  --carte:#fff;--carte-bord:rgba(13,22,49,.08);--ombre:0 1px 2px rgba(13,22,49,.04),0 10px 28px -20px rgba(13,22,49,.22);--rayon:16px;
  --md-titre:Outfit,Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,sans-serif;--md-marine:#0E1A3B;--md-marine2:#1C2E5F}
html{background:var(--bg)}
body::before{background:var(--bg)!important}
h1,h2,h3{font-family:var(--md-titre)}
.carte{backdrop-filter:none;-webkit-backdrop-filter:none}
#app-shell .hold{max-width:1240px}
#app-shell .hold.heros{display:none}

/* icônes : tuiles marine nettes (comme les compteurs d'Alex) au lieu des bulles vitrées */
.verre{background:linear-gradient(160deg,var(--md-marine2),var(--md-marine))!important;box-shadow:none!important;color:#fff}
.verre svg{color:#fff}

/* titres de page : légers, une description courte */
.onglet-tete{align-items:flex-start;gap:14px;margin-bottom:18px}
.onglet-tete>.verre{--t:40px;width:40px;height:40px;border-radius:12px}
.onglet-tete h2{font-weight:300;font-size:clamp(1.7rem,2.4vw,2.2rem);letter-spacing:-.03em}
.onglet-tete .explication{margin-top:4px;max-width:760px;font-size:.88rem;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* cartes : blanches, fines */
#app-shell .carte,#app-shell .compteur.carte{background:#fff;border:1px solid var(--line);box-shadow:var(--ombre);border-radius:var(--rayon)}

/* ── Aujourd'hui ── */
.md-auj{max-width:820px;margin:clamp(14px,2.6vw,34px) auto 0}
.md-auj-d{font:600 11.5px/1 var(--md-titre);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.md-auj h1{font-weight:300;font-size:clamp(2.2rem,4vw,3rem);letter-spacing:-.04em;line-height:1.05}
.md-auj-s{margin:10px 0 0;font-size:1rem;color:var(--ink-2)}.md-auj-s b{color:var(--ink);font-weight:650}
.md-auj-k{font:700 10.5px/1 var(--md-titre);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:30px 0 10px}
.md-lignes{display:flex;flex-direction:column;gap:10px}
.md-ligne{display:flex;align-items:center;gap:20px;padding:16px 22px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--ombre);color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s}
.md-ligne:hover{transform:translateY(-1px);border-color:var(--line-2);box-shadow:0 1px 2px rgba(13,22,49,.05),0 16px 34px -22px rgba(13,22,49,.3)}
.md-ligne>div{flex:1;min-width:0}.md-ligne strong{display:block;font:600 1rem/1.25 var(--md-titre);color:var(--ink)}.md-ligne span{display:block;margin-top:2px;font-size:.84rem;color:var(--muted)}
.md-ligne i{font-style:normal;font-size:1.6rem;line-height:1;color:var(--muted)}
.md-n{flex:none;min-width:48px;text-align:center;font:300 2.3rem/1 var(--md-titre);letter-spacing:-.03em}
.md-n.rouge{color:#D6403F}.md-n.ambre{color:#C27A12}.md-n.bleu{color:#2F6BFF}
.md-calme{display:flex;align-items:center;gap:10px;padding:18px 22px;background:#fff;border:1px solid var(--line);border-radius:16px;color:var(--ink-2);font-weight:550}
.md-ok{width:10px;height:10px;border-radius:50%;background:#17936A;box-shadow:0 0 0 4px rgba(23,147,106,.15)}
.md-auj-l{display:flex;flex-wrap:wrap;gap:6px 18px;margin:26px 0 8px;font-size:.88rem}.md-auj-l a{color:var(--muted);text-decoration:underline;text-decoration-color:rgba(13,22,49,.2);text-underline-offset:3px}.md-auj-l a:hover{color:var(--ink)}
/* les compteurs de Kai, rangés « en direct » : plats et lisibles */
#md-direct .hold.compteurs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:0;padding:0;width:auto;max-width:none}
#md-direct .compteur.carte{padding:16px 18px;gap:12px;align-items:flex-start}
#md-direct .compteur .verre{--t:34px;width:34px;height:34px;border-radius:10px;flex:none}
#md-direct .compteur .val{font:300 1.9rem/1 var(--md-titre);letter-spacing:-.03em}
#md-direct .compteur .lbl{font-size:.82rem;font-weight:600}#md-direct .compteur .det{font-size:.76rem}

/* « en direct » : ce que les lignes « À faire » ne disent pas déjà (applications, vérification, VM) */
#md-direct .compteur:nth-child(2),#md-direct .compteur:nth-child(3){display:none}
#md-direct .compteur .val-petit{font-size:1.25rem!important;line-height:1.1;white-space:nowrap}
#md-direct .compteur:last-child{background:#fff!important}
/* Déploiements : titre léger, compteurs plats */
.dp-h{font-size:clamp(1.7rem,2.4vw,2.2rem)!important;font-weight:300!important;letter-spacing:-.03em}
.dp-grad{background:none!important;-webkit-text-fill-color:var(--ink)!important;color:var(--ink)!important}
.dp-verre{background:#fff!important;border:1px solid var(--line)!important;box-shadow:var(--ombre)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

@media (min-width:960px){
  /* Support (plein écran de Kai) : il s'ouvre dans la page MajorDoc, sous la barre et à droite du rail */
  html body #sp.sp.sp-focus{inset:var(--md-top) 0 0 var(--md-rail);z-index:30;background:var(--bg)}
  html body #sp.sp.sp-focus .sp-ariane{display:none}html body #sp.sp.sp-focus .sp-titre-page{display:inline-flex}
}