/* BAOBAB light — feuille commune.
   Même allure que l'ancien BAOBAB (Filament) : police Montserrat, vert comme couleur
   principale, menu latéral gris clair aux libellés en gras, barre du haut blanche,
   cartes blanches cerclées d'un filet léger. */
:root{
  --fond:#F9FAFB; --surface:#FFFFFF; --lateral:#F9FAFB; --section:#F3F4F6; --survol:#E5E7EB;
  --texte:#030712; --texte-2:#374151; --discret:#6B7280; --icone:#9CA3AF;
  --filet:rgba(3,7,18,.10); --filet-btn:rgba(3,7,18,.10); --filet-2:#E5E7EB; --champ:#FFFFFF;
  --vert:#16A34A; --vert-actif:#16A34A; --vert-survol:#22C55E; --vert-texte:#15803D; --vert-doux:#F0FDF4; --sur-vert:#FFFFFF;
  --rouge:#E11D48; --rouge-doux:#FFF1F2; --ok:#047857; --ok-doux:#ECFDF5;
  --orange:#C2410C; --orange-doux:#FFF7ED;
  --ombre:0 1px 2px rgba(3,7,18,.05);
  --police:'Montserrat',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --fond:#030712; --surface:#111827; --lateral:#030712; --section:#0B1120; --survol:#1F2937;
  --texte:#F9FAFB; --texte-2:#D1D5DB; --discret:#9CA3AF; --icone:#6B7280;
  --filet:rgba(255,255,255,.10); --filet-btn:rgba(255,255,255,.20); --filet-2:#1F2937; --champ:rgba(255,255,255,.05);
  --vert:#16A34A; --vert-actif:#4ADE80; --vert-survol:#22C55E; --vert-texte:#4ADE80; --vert-doux:rgba(34,197,94,.10);
  --rouge:#FB7185; --rouge-doux:rgba(244,63,94,.12); --ok:#34D399; --ok-doux:rgba(16,185,129,.12);
  --orange:#FB923C; --orange-doux:rgba(249,115,22,.12);
  --ombre:0 0 #0000; color-scheme:dark;
}}
:root[data-theme="dark"]{
  --fond:#030712; --surface:#111827; --lateral:#030712; --section:#0B1120; --survol:#1F2937;
  --texte:#F9FAFB; --texte-2:#D1D5DB; --discret:#9CA3AF; --icone:#6B7280;
  --filet:rgba(255,255,255,.10); --filet-btn:rgba(255,255,255,.20); --filet-2:#1F2937; --champ:rgba(255,255,255,.05);
  --vert:#16A34A; --vert-actif:#4ADE80; --vert-survol:#22C55E; --vert-texte:#4ADE80; --vert-doux:rgba(34,197,94,.10);
  --rouge:#FB7185; --rouge-doux:rgba(244,63,94,.12); --ok:#34D399; --ok-doux:rgba(16,185,129,.12);
  --orange:#FB923C; --orange-doux:rgba(249,115,22,.12);
  --ombre:0 0 #0000; color-scheme:dark;
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--fond);color:var(--texte);font-family:var(--police);font-size:14px;line-height:1.5;
  -webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;text-wrap:balance}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--vert-texte)}
[hidden]{display:none !important}
.ic{width:24px;height:24px;flex:none}
.ic-sm{width:20px;height:20px;flex:none}

/* Le logo : sombre sur fond clair, blanc sur fond sombre. */
.logo{height:36px;width:auto;display:block}
.logo-blanc{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo-sombre{display:none}
  :root:not([data-theme="light"]) .logo-blanc{display:block}}
:root[data-theme="dark"] .logo-sombre{display:none}
:root[data-theme="dark"] .logo-blanc{display:block}
.marque{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--texte)}
.mot{font-weight:700;font-size:17px;letter-spacing:-.01em;white-space:nowrap;padding-left:12px;
  border-left:1px solid var(--filet)}
.mot .light{font-weight:400;font-style:italic;color:var(--vert-texte)}

/* ---------------------------------------------------------------- page simple */
.simple{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px}
.simple .marque{flex-direction:column;gap:10px;margin-bottom:20px}
.simple .logo{height:44px}
.simple .mot{font-size:15px}
.simple .marque .mot{border-left:0;padding-left:0;font-size:15px}
.simple-carte{width:100%;max-width:32rem;background:var(--surface);border-radius:12px;
  box-shadow:var(--ombre),0 0 0 1px var(--filet);padding:40px 24px}
@media (min-width:640px){.simple-carte{padding:48px}}
.simple-carte h1{font-size:24px;font-weight:700;letter-spacing:-.025em;text-align:center}
.simple-carte .chapeau{text-align:center;color:var(--discret);margin:6px 0 28px}
.bloc + .bloc{margin-top:28px;padding-top:28px;border-top:1px solid var(--filet-2)}
.bloc h2{font-size:15px;font-weight:700;margin-bottom:2px}
.bloc .sub{color:var(--discret);font-size:13px;margin:0 0 14px}

/* ---------------------------------------------------------------- application
   Comme l'ancien BAOBAB : une barre blanche sur toute la largeur (logo, année
   scolaire en vert, salutation), puis le menu à gauche et la page à droite. */
.appli{min-height:100vh;display:flex;flex-direction:column}
.barre{height:64px;background:var(--surface);border-bottom:1px solid var(--filet-2);display:flex;align-items:center;
  position:sticky;top:0;z-index:20}
.barre-logo{width:304px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 24px;
  height:100%}
.barre-logo .logo{height:30px}
.annee{font-size:26px;font-weight:700;color:var(--vert-actif);letter-spacing:-.01em;padding-left:48px;white-space:nowrap}
.barre .droite{margin-left:auto;display:flex;align-items:center;gap:14px;padding-right:32px}
.salut{font-weight:700;font-size:16px;color:var(--texte);white-space:nowrap}
.avatar{width:32px;height:32px;border-radius:999px;background:var(--texte);color:var(--surface);
  display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex:none}
.bouton-icone{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;
  border-radius:8px;border:0;background:none;color:var(--icone);cursor:pointer;text-decoration:none}
.bouton-icone:hover{background:var(--survol);color:var(--texte-2)}
.menu-bouton{display:none}
.corps-appli{flex:1;display:flex;min-height:0}

.lateral{width:304px;flex:none;background:var(--lateral);position:sticky;top:64px;height:calc(100vh - 64px);
  overflow-y:auto;padding:24px 16px 40px}
.organisation{display:flex;align-items:center;gap:14px;padding:8px;margin-bottom:24px}
.organisation .carre{width:32px;height:32px;border-radius:6px;background:var(--texte);color:var(--surface);
  display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex:none}
.organisation .nom-o{font-size:14px;font-weight:500;line-height:1.45;color:var(--texte)}
.nav{display:grid;gap:2px}
.lien{display:flex;align-items:center;gap:14px;padding:10px 8px;border-radius:8px;color:var(--texte);
  text-decoration:none;font-weight:700;font-size:14px}
.lien .ic{color:var(--icone)}
.lien:hover{background:var(--survol)}
.lien.actif{color:var(--vert-actif)}
.lien.actif .ic{color:var(--vert-actif)}
.groupe{margin-top:22px}
.groupe-titre{width:100%;display:flex;align-items:center;gap:14px;padding:10px 8px;border:0;background:none;
  color:var(--discret);font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;text-align:left}
.groupe-titre:hover{background:var(--survol)}
.groupe-titre .ic{color:var(--icone)}
.groupe-titre .chevron{margin-left:auto;width:18px;height:18px;color:var(--icone);transition:transform .15s}
.groupe.ferme .chevron{transform:rotate(180deg)}
.groupe.ferme .sous-liens{display:none}
.sous-liens{display:grid;gap:2px;margin-top:4px}
.sous-lien{display:flex;align-items:center;gap:22px;padding:9px 8px 9px 14px;border-radius:8px;color:var(--texte);
  text-decoration:none;font-weight:700;font-size:14px}
.sous-lien::before{content:"";width:5px;height:5px;border-radius:999px;background:var(--icone);flex:none}
.sous-lien:hover{background:var(--survol)}
.sous-lien.actif{color:var(--vert-actif)}
.sous-lien.actif::before{background:var(--vert-actif)}
.sous-lien.avenir{color:var(--discret);font-weight:600;cursor:default}
.sous-lien.avenir:hover{background:none}
.sous-lien .badge{margin-left:auto}

.colonne{flex:1;min-width:0}
.contenu{width:100%;max-width:80rem;margin:0 auto;padding:32px 16px 48px}
@media (min-width:1024px){.contenu{padding:40px 48px 56px}}
.entete{margin-bottom:28px}
.fil{color:var(--discret);font-size:14px;font-weight:500;margin-bottom:8px;display:flex;gap:10px;align-items:center}
.titre{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
@media (min-width:640px){.titre{font-size:32px}}
.sous{color:var(--discret);margin:8px 0 0;max-width:70ch}

.marque-mobile{display:none}
@media (max-width:1023px){
  .barre-logo{width:auto;padding:0 8px 0 12px;gap:8px;justify-content:flex-start}
  .barre-logo .replier{display:none}
  .annee{padding-left:8px;font-size:20px}
  .barre .droite{padding-right:12px;gap:8px}
  .lateral{position:fixed;left:0;top:64px;z-index:40;transform:translateX(-100%);transition:transform .2s;
    visibility:hidden;background:var(--surface)}
  .appli.ouvert .lateral{transform:none;visibility:visible;box-shadow:0 10px 30px rgba(0,0,0,.2)}
  .appli.ouvert::after{content:"";position:fixed;inset:64px 0 0 0;background:rgba(3,7,18,.5);z-index:30}
  .menu-bouton{display:inline-flex}
}
@media (max-width:640px){.salut{display:none}.barre-logo .logo{height:26px}}
@media (min-width:1024px){.appli.replie .lateral{display:none}.appli.replie .barre-logo{width:auto;gap:12px}}

/* Pages sans menu (espace des parents, compte) : même barre, sans colonne de gauche. */
.barre .marque{padding-left:24px}
@media (max-width:640px){.barre .marque{padding-left:12px}.barre .marque .mot{display:none}}

/* ---------------------------------------------------------------- cartes */
.cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.carte{background:var(--surface);border-radius:12px;box-shadow:var(--ombre),0 0 0 1px var(--filet);overflow:hidden}
.carte-tete{padding:16px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--filet-2)}
.carte-tete h2{font-size:16px;font-weight:600}
.carte-tete .sub{color:var(--discret);font-size:13px;margin:2px 0 0}
.carte-corps{padding:24px}
.carte-corps.section{background:var(--section)}
.stat .etiquette{color:var(--discret);font-size:13px;font-weight:600}
.stat .valeur{font-size:30px;font-weight:700;letter-spacing:-.025em;margin-top:6px}
.stat .note{color:var(--discret);font-size:13px;margin-top:4px}

/* ---------------------------------------------------------------- boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:8px;
  border:0;background:var(--champ);color:var(--texte-2);font-weight:600;font-size:14px;cursor:pointer;
  text-decoration:none;box-shadow:var(--ombre),0 0 0 1px var(--filet-btn)}
.btn:hover{background:var(--survol)}
.btn.primaire{background:var(--vert);color:var(--sur-vert);box-shadow:var(--ombre)}
.btn.primaire:hover{background:var(--vert-survol)}
.btn.plein{width:100%}
.btn[disabled]{opacity:.6;cursor:default}
.btn svg{width:20px;height:20px;flex:none}
.btn:focus-visible,.lien:focus-visible,.bouton-icone:focus-visible{outline:2px solid var(--vert);outline-offset:2px}
.ou{display:flex;align-items:center;gap:12px;color:var(--discret);font-size:12px;margin:16px 0;font-weight:600}
.ou::before,.ou::after{content:"";flex:1;height:1px;background:var(--filet-2)}

/* ---------------------------------------------------------------- formulaires */
label{display:block;font-size:14px;font-weight:700;margin:0 0 6px;color:var(--texte)}
input[type=email],input[type=number],input[type=text],input[type=password],input[type=search],input[type=date],input[type=tel],select,textarea{width:100%;padding:8px 12px;
  border:0;border-radius:8px;background:var(--champ);box-shadow:var(--ombre),0 0 0 1px var(--filet);
  margin-bottom:16px;line-height:1.5}
input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px var(--vert)}
input,select{min-height:42px}
.code{font-family:var(--mono);letter-spacing:.35em;font-size:20px;text-align:center}
.aide{color:var(--discret);font-size:13px;margin:-8px 0 16px}

.message{border-radius:8px;padding:12px 16px;margin:0 0 20px;font-size:14px;font-weight:500}
.message.erreur{background:var(--rouge-doux);color:var(--rouge)}
.message.ok{background:var(--ok-doux);color:var(--ok)}
details.repli summary{cursor:pointer;color:var(--vert-texte);font-weight:600;list-style:none;
  display:flex;align-items:center;gap:6px}
details.repli summary::-webkit-details-marker{display:none}
details.repli summary .ic-sm{transition:transform .15s}
details.repli[open] summary .ic-sm{transform:rotate(180deg)}
details.repli[open] summary{margin-bottom:16px}

/* ---------------------------------------------------------------- pastilles, élèves */
.badge{white-space:nowrap;flex:none;display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:2px 8px;border-radius:6px;
  background:var(--section);color:var(--discret);box-shadow:0 0 0 1px var(--filet)}
.badge.vert{background:var(--vert-doux);color:var(--vert-texte);box-shadow:0 0 0 1px rgba(22,163,74,.2)}
.badge.orange{background:var(--orange-doux);color:var(--orange);box-shadow:0 0 0 1px rgba(234,88,12,.2)}
.enfant .nom{font-size:17px;font-weight:700}
.enfant .ligne{color:var(--discret);font-size:13.5px}
.enfant .carte-corps{display:grid;gap:4px}
.initiales{width:44px;height:44px;border-radius:999px;background:var(--vert-doux);color:var(--vert-texte);
  display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:none}
.vide{color:var(--discret);font-style:italic}
.pied{color:var(--discret);font-size:12.5px;text-align:center;margin-top:32px}
.btn.primaire svg{background:#fff;color:var(--vert);border-radius:999px;padding:2px;width:22px;height:22px}
.stat .etiquette{font-size:15px;font-weight:500;color:var(--discret)}
.stat .valeur{font-size:30px;font-weight:700;letter-spacing:-.02em;margin-top:8px;color:var(--texte)}

/* ---------------------------------------------------------------- listes (comme l'ancien BAOBAB) */
.badge.bleu{background:rgba(59,130,246,.08);color:#2563EB;box-shadow:0 0 0 1px rgba(59,130,246,.25)}
.badge.rouge{background:var(--rouge-doux);color:var(--rouge);box-shadow:0 0 0 1px rgba(225,29,72,.2)}
.badge.gris{background:var(--section);color:var(--discret)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .badge.bleu{color:#93C5FD}}
:root[data-theme="dark"] .badge.bleu{color:#93C5FD}
.fil a{color:var(--discret);text-decoration:none}.fil a:hover{color:var(--texte)}
.fil .sep{color:var(--icone)}
.tete-liste{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 24px;border-bottom:1px solid var(--filet-2)}
.tete-liste .compte{color:var(--texte-2);font-weight:500}
.tete-liste .outils{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.par-page{display:inline-flex;align-items:center;border-radius:8px;box-shadow:0 0 0 1px var(--filet);overflow:hidden}
.par-page span{padding:0 12px;color:var(--discret);font-size:13.5px}
.par-page select{margin:0;box-shadow:none;border-left:1px solid var(--filet-2);border-radius:0;width:auto;min-height:38px;padding:6px 28px 6px 12px}
.pagination{display:inline-flex;border-radius:8px;box-shadow:0 0 0 1px var(--filet);overflow:hidden}
.pagination button{border:0;border-left:1px solid var(--filet-2);background:var(--champ);min-width:40px;height:38px;padding:0 10px;
  font-weight:600;color:var(--texte-2);cursor:pointer}
.pagination button:first-child{border-left:0}
.pagination button.actif{color:var(--vert-actif);background:var(--section)}
.pagination button:disabled{color:var(--icone);cursor:default}
.filtres{padding:20px 24px;border-bottom:1px solid var(--filet-2)}
.filtres-tete{display:flex;align-items:center;margin-bottom:14px}
.filtres-tete h3{font-size:16px;font-weight:700}
.filtres-tete button{margin-left:auto;border:0;background:none;color:var(--rouge);font-weight:600;cursor:pointer}
.grille-filtres{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 20px}
.grille-filtres select{margin-bottom:10px}
.recherche{display:flex;justify-content:flex-end;padding:12px 24px;border-bottom:1px solid var(--filet-2)}
.recherche .champ-r{position:relative;width:100%;max-width:280px}
.recherche .champ-r svg{position:absolute;left:10px;top:11px;width:18px;height:18px;color:var(--icone)}
.recherche input{margin:0;padding-left:36px}
.table-defile{overflow-x:auto}
table.liste{width:100%;border-collapse:collapse;font-size:14px}
table.liste th{text-align:left;font-weight:700;color:var(--texte);padding:12px 16px;background:var(--fond);
  border-bottom:1px solid var(--filet-2);white-space:nowrap}
table.liste td{padding:14px 16px;border-bottom:1px solid var(--filet-2);vertical-align:middle}
table.liste tr.cliquable{cursor:pointer}
table.liste tr.cliquable:hover td{background:var(--fond)}
table.liste td.fort{font-weight:700;color:var(--texte)}
table.liste td .sec{color:var(--discret);font-size:13px;font-weight:500}
.afficher{display:inline-flex;align-items:center;gap:6px;color:var(--discret);font-weight:600;text-decoration:none}
.vide-liste{padding:40px 24px;text-align:center;color:var(--discret)}
.liens-eleves a{display:block;color:var(--vert-texte);text-decoration:none;font-weight:600}
.liens-eleves a:hover{text-decoration:underline}

/* ---------------------------------------------------------------- tableau de bord */
.tuiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin-bottom:24px}
.barre-filtres{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px;align-items:flex-end}
.barre-filtres label{margin-bottom:6px}
.barre-filtres select{width:220px;margin:0}
.graphiques{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}
@media (max-width:480px){.graphiques{grid-template-columns:1fr}}
.barres{display:grid;gap:10px}
.barre-ligne{display:grid;grid-template-columns:minmax(90px,38%) 1fr auto;align-items:center;gap:12px;font-size:13.5px}
.barre-ligne .lib{color:var(--texte-2);font-weight:500;line-height:1.3}
.barre-ligne .piste{height:14px;position:relative}
.barre-ligne .rempli{height:14px;background:var(--vert);border-radius:0 4px 4px 0;min-width:2px}
.barre-ligne .val{font-weight:700;color:var(--texte);font-variant-numeric:tabular-nums;min-width:36px;text-align:right}
.barre-ligne:hover .rempli{background:var(--vert-survol)}
.note-reprise{color:var(--discret);font-size:13px;margin-top:24px}

/* ---------------------------------------------------------------- fiche élève */
.fiche{display:grid;grid-template-columns:minmax(260px,340px) 1fr}
@media (max-width:860px){.fiche{grid-template-columns:1fr}}
.fiche-id{background:var(--vert-doux);padding:24px;display:grid;gap:10px;align-content:start}
.fiche-id .haut{display:flex;gap:18px;align-items:flex-start}
.portrait{width:96px;height:120px;border-radius:8px;background:rgba(22,163,74,.18);color:var(--vert-texte);
  display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;flex:none}
.fiche-id .nom{font-size:20px;font-weight:700;letter-spacing:.01em}
.fiche-id .pre{color:var(--texte-2);font-size:16px;margin-top:2px}
.fiche-id .info{display:flex;align-items:center;gap:8px;color:var(--texte-2);font-size:14px}
.fiche-id .info svg{width:18px;height:18px;color:var(--vert-texte)}
.fiche-id .decision{border-top:1px solid rgba(22,163,74,.2);padding-top:12px;margin-top:6px;font-weight:700;color:var(--vert-texte);font-size:16px}
.fiche-resume{padding:24px;display:grid;gap:14px;align-content:start}
.resume-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.resume-case{background:var(--fond);border-radius:10px;padding:14px 16px}
.resume-case .etiquette{color:var(--discret);font-size:13px}
.resume-case .valeur{font-weight:700;font-size:15px;margin-top:4px}
.onglets{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;border-bottom:1px solid var(--filet-2)}
@media (max-width:640px){.onglets{flex-wrap:nowrap;overflow-x:auto}}
.onglets button{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:10px 14px;border-radius:8px;
  font-weight:700;font-size:13.5px;letter-spacing:.02em;text-transform:uppercase;color:var(--discret);cursor:pointer;white-space:nowrap}
.onglets button svg{width:20px;height:20px}
.onglets button.actif{color:var(--vert-actif);background:var(--section)}
.onglet-corps{padding:24px}
.personnes{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.personne{border-radius:10px;box-shadow:0 0 0 1px var(--filet);padding:18px;display:grid;gap:6px;align-content:start}
.personne .qui{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.personne .nom{font-weight:700;font-size:15px}
.personne .ligne{color:var(--texte-2);font-size:14px;display:flex;gap:8px;align-items:center}
.personne .ligne svg{width:16px;height:16px;color:var(--icone);flex:none}
.personne a{color:var(--vert-texte);text-decoration:none;font-weight:600}
.personne .obs{color:var(--discret);font-size:12.5px;font-style:italic}
.personne.decede{opacity:.75}
table.liste td.nowrap{white-space:nowrap}
table.liste a{color:var(--vert-texte);text-decoration:none;font-weight:600}
table.liste a:hover{text-decoration:underline}
.bascule-filtres{display:none;border:0;background:none;color:var(--vert-texte);font-weight:600;cursor:pointer;margin-left:12px}
@media (max-width:640px){
  .bascule-filtres{display:inline}
  .filtres:not(.ouverts) .grille-filtres{display:none}
  .filtres:not(.ouverts) .filtres-tete{margin-bottom:0}
  .tete-liste{padding:12px 16px}.filtres,.recherche{padding-left:16px;padding-right:16px}
}
.filtres-tete .bascule-filtres{color:var(--vert-texte);margin-left:12px}
.version-menu{color:var(--discret);font-size:12px;padding:24px 8px 0;margin:0}

/* Saisie des dossiers */
.entete-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.vues{display:inline-flex;border:1px solid var(--filet);border-radius:8px;overflow:hidden}
.vues a{padding:7px 14px;font-weight:600;font-size:14px;color:var(--texte-2);text-decoration:none;border-right:1px solid var(--filet)}
.vues a:last-child{border-right:0}
.vues a.actif{background:var(--vert-doux);color:var(--vert-texte)}
td.actions{white-space:nowrap;text-align:right}
.action{display:inline-flex;align-items:center;gap:4px;margin-left:12px;border:0;background:none;padding:0;cursor:pointer;
  color:var(--discret);font:inherit;font-weight:600;font-size:14px;text-decoration:none}
.action svg{width:18px;height:18px}
.action:hover{color:var(--vert-texte)}
.action.danger:hover{color:var(--rouge)}
.action:focus-visible{outline:2px solid var(--vert);outline-offset:2px}
dialog.confirmer{border:0;border-radius:12px;padding:0;max-width:440px;width:calc(100% - 32px);background:var(--surface);color:var(--texte);
  box-shadow:0 20px 50px rgba(0,0,0,.25)}
dialog.confirmer::backdrop{background:rgba(17,24,39,.5)}
dialog.confirmer form{padding:24px}
dialog.confirmer h2{font-size:18px;margin:0 0 8px}
dialog.confirmer p{color:var(--texte-2);margin:0 0 16px;text-align:justify}
dialog.confirmer .boutons{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.btn.danger{background:var(--rouge);color:#fff}
.form-dossier .carte{margin-bottom:24px}
.form-dossier .grille-filtres input,.form-dossier .grille-filtres select,.form-dossier .grille-filtres textarea{margin-bottom:12px}
.form-dossier .large{grid-column:1/-1}
.case{display:flex;align-items:center;gap:8px;font-weight:600;margin:6px 0 12px}
.case input{width:auto}
.choix-eleve{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:12px}
.choix-eleve label{display:flex;align-items:center;gap:8px;font-weight:600;margin:0}
.choix-eleve input{width:auto}
.resultats{display:grid;gap:6px;margin:8px 0 4px}
.resultats button{text-align:left;border:1px solid var(--filet);background:var(--surface);border-radius:8px;padding:8px 12px;cursor:pointer;color:var(--texte);font:inherit}
.resultats button:hover,.resultats button.choisi{border-color:var(--vert);background:var(--vert-doux)}
.personne-form h3{font-size:15px;margin:0 0 12px;display:flex;align-items:center;gap:8px}
.personne-form + .personne-form{border-top:1px solid var(--filet-2);padding-top:20px;margin-top:8px}
.journal{display:grid;gap:6px;font-size:14px;color:var(--texte-2)}
.boutons-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.entete-actions .btn.primaire svg{background:none;color:inherit;padding:0;width:20px;height:20px}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
td.actions .action{margin-left:14px}
.message.info{background:var(--orange-doux);color:var(--orange)}

/* Téléphones : drapeau, indicatif, masque */
.champ-tel{position:relative;margin-bottom:16px}
.tel-ligne{display:flex;gap:0;border-radius:8px;box-shadow:var(--ombre),0 0 0 1px var(--filet);background:var(--champ)}
.tel-ligne:focus-within{box-shadow:0 0 0 2px var(--vert)}
.tel-pays{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0 10px;cursor:pointer;color:var(--texte);
  border-right:1px solid var(--filet);font:inherit;font-weight:600;white-space:nowrap}
.tel-ligne input[type=tel]{box-shadow:none;margin:0;border-radius:0 8px 8px 0;background:transparent}
.tel-ligne input[type=tel]:focus{box-shadow:none}
img.drapeau{width:21px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12);flex:none;object-fit:cover;vertical-align:middle}
.tel-liste{position:absolute;z-index:30;left:0;top:calc(100% + 4px);width:min(340px,100%);background:var(--surface);border-radius:10px;
  box-shadow:0 12px 30px rgba(0,0,0,.18),0 0 0 1px var(--filet);padding:8px}
.tel-liste input[type=search]{margin-bottom:8px}
.tel-options{max-height:260px;overflow:auto;display:grid;gap:2px}
.tel-option{display:flex;align-items:center;gap:10px;border:0;background:none;padding:7px 8px;border-radius:6px;cursor:pointer;text-align:left;color:var(--texte);font:inherit}
.tel-option:hover,.tel-option.choisi{background:var(--vert-doux)}
.tel-option .nom{flex:1}
.tel-option .ind{color:var(--discret);font-variant-numeric:tabular-nums}
.tel-aide{font-size:13px;margin-top:6px}
.champ-tel.invalide .tel-ligne{box-shadow:0 0 0 2px var(--rouge)}
.champ-tel.invalide .tel-aide{color:var(--rouge)}
.champ-tel.douteux .tel-aide{color:var(--orange)}
.version-menu + .copyright.version-menu{margin-top:4px}

/* Encaissements */
.grille-import{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}
.import{border:1px dashed var(--filet);border-radius:12px;padding:16px;display:grid;gap:8px;align-content:start}
.import h3{margin:0;font-size:15px}
.depots{display:grid;gap:12px;margin-top:16px}
.depot{border:1px solid var(--filet);border-radius:12px;padding:14px 16px;display:grid;gap:8px}
.depot-tete{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.depot-tete .montant{font-weight:700;font-size:17px}
.depot .saisi{font-size:14px}
.candidats{display:grid;gap:4px}
.candidat{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:500;margin:0;cursor:pointer}
.candidat input{width:auto}
.recherche-eleve input{margin:4px 0}
.lien-candidat{display:block;border:0;background:none;color:var(--vert-texte);font:inherit;padding:4px 0;cursor:pointer;text-align:left}
.depot .boutons-form select{width:auto;margin:0}
/* Relève automatique des fichiers de la banque */
.titre-section{font-size:15px;margin:28px 0 10px}
.actions-ligne{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.form-releve{border:1px solid var(--filet);border-radius:12px;padding:16px;margin:0 0 8px;display:grid;gap:10px;justify-items:start}
.form-releve h3{margin:0;font-size:15px}
.form-releve .grille-filtres{width:100%;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.form-releve .aide{margin:4px 0 0;font-size:12px}
.detail-releve{min-width:240px;max-width:420px;white-space:normal;font-size:13px;text-align:left}
.fichier-releve{min-width:170px;max-width:240px;white-space:normal;overflow-wrap:anywhere}
.import .badge{justify-self:start}
/* Autres crédits du relevé : répartition d'un crédit en plusieurs reçus */
.ventilation{display:grid;gap:8px}
.ventilation-ligne{display:grid;grid-template-columns:minmax(0,1fr) 150px 130px 32px;gap:10px;align-items:center;border-bottom:1px solid var(--filet-2);padding-bottom:8px}
.ventilation-ligne input{text-align:right}
.ventilation-ligne .action{margin-left:0}
.ventilation-total{font-weight:600;font-size:14px}
.ventilation-total.juste{color:var(--vert-texte)}
.ventilation-total.ecart{color:#b45309}
.recus-credit{margin:0;padding-left:18px;font-size:14px}
.recus-credit .annule{text-decoration:line-through;color:var(--texte-2,#6b7280)}
.candidat .lien-candidat{display:inline;font-weight:600}
@media (max-width:640px){.ventilation-ligne{grid-template-columns:1fr 1fr 32px}.ventilation-ligne>div:first-child{grid-column:1 / -1}}
.resume-grille + .aide{margin-top:12px}
/* Profils et droits */
.profil-type{margin-bottom:12px}
.profil-type>summary{cursor:pointer;padding:16px 20px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;list-style:none}
.profil-type>summary::-webkit-details-marker{display:none}
.profil-type>summary::before{content:'▸';color:var(--discret);margin-right:4px}
.profil-type[open]>summary::before{content:'▾'}
.droits-groupe{border:1px solid var(--filet);border-radius:10px;padding:10px 14px;margin:12px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:6px 18px}
.droits-groupe legend{font-weight:700;font-size:13px;padding:0 6px;color:var(--texte-2)}
.droit{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;font-weight:400;margin:0;line-height:1.35;cursor:pointer}
.droit input{margin:2px 0 0;width:16px;height:16px;padding:0}
.droit:has(input:disabled){color:var(--discret);cursor:not-allowed}
/* Relances */
.paliers{display:grid;gap:8px;margin:6px 0 10px}
.palier{display:grid;grid-template-columns:90px minmax(0,1fr) 32px;gap:10px;align-items:center}
.palier .action{margin-left:0}
.courriel-exemple{white-space:pre-wrap;background:var(--section);border-radius:10px;padding:14px;font:13px/1.5 system-ui,sans-serif;margin-top:10px}
.avant{color:#B91C1C;text-decoration:line-through;word-break:break-word}
.apres{color:var(--vert-texte);word-break:break-word}
dialog.doublons{max-width:640px}
.candidat-doublon{border:1px solid var(--filet);border-radius:10px;padding:10px 12px;margin:0 0 10px;display:grid;gap:4px}
input[type=month]{padding:8px 12px;border:1px solid var(--filet);border-radius:8px;font:inherit;background:var(--surface);color:var(--texte)}
.visa .carte-corps p{margin:6px 0}
/* Impression des états : la page seule, sans le menu ni la barre. */
@media print{
  .barre,.lateral,.entete-actions,.outils-impression{display:none!important}
  .appli,.contenu,main{display:block!important;margin:0!important;padding:0!important}
  .carte{box-shadow:none!important;break-inside:avoid}
  body{background:#fff!important}
}
/* Espace parents : scolarité et paiement */
.scolarite-parent{border-top:1px solid var(--filet-2);display:grid;gap:10px}
.scolarite-parent h3{margin:0;font-size:15px}
.echeances-parent,.recus-parent{margin:0;padding-left:18px;font-size:14px;line-height:1.6}
.echeances-parent .retard{color:#B91C1C}
.payer-om summary{cursor:pointer;font-weight:700;color:var(--vert-texte);padding:6px 0}
.payer-om form{display:grid;gap:10px;max-width:420px}
.cartes:has(.scolarite-parent){grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr))}
/* Études : appel, emploi du temps, saisie des notes */
.appel{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin-bottom:16px}
.appel-ligne{display:flex;gap:6px;align-items:center}
.appel-eleve{flex:1;display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;background:var(--surface);border:1px solid var(--filet);border-radius:8px;padding:9px 12px;font:inherit;color:inherit;cursor:pointer;min-height:44px}
.appel-eleve:hover{border-color:var(--texte-2)}
.appel-min{width:64px}
.edt{display:grid;gap:10px;min-width:max-content}
.edt-jour h3{font-size:14px;margin:0 0 6px}
.edt-creneau{border:1px solid var(--filet);border-left:4px solid var(--vert);border-radius:6px;padding:6px 8px;margin-bottom:6px;font-size:13px;line-height:1.35}
table input.note-saisie,input.note-saisie{width:84px;max-width:84px}
.liste-simple{margin:12px 0 0;padding-left:18px;line-height:1.8}
dialog.confirmer textarea{width:100%}
@media print{#lateral,.entete-actions,.vues,.grille-filtres{display:none}}
.entete-actions>input,.entete-actions>select{width:auto;min-width:180px}
/* Icônes parlantes du tableau de bord */
.ic-tuile{width:18px;height:18px;vertical-align:-3px;margin-right:6px;color:var(--vert)}
h2.titre-icone{display:flex;align-items:center;gap:8px}h2.titre-icone .ic{width:20px;height:20px;color:var(--vert)}
.barre-ligne .lib{display:inline-flex;align-items:center;gap:6px}.barre-ligne .lib .ic-sm{width:16px;height:16px;color:var(--texte-2);flex:none}.barre-ligne .lib .drapeau{flex:none;border-radius:2px}
.org-noeud{border-left:2px solid var(--filet);padding:6px 0 6px 12px;margin:2px 0}.org-unite>.org-tete strong{text-transform:uppercase;letter-spacing:.03em;font-size:13px}
.org-tete{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.org-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.org-actions .btn{padding:4px 10px;font-size:13px}
.code-acces{font-family:var(--mono,monospace);font-size:16px;font-weight:700;margin:4px 0}
.export{display:inline-flex;gap:6px}.export .btn{display:inline-flex;align-items:center;gap:6px}.export .ic{width:18px;height:18px}
.barre-ligne .lib .ic-sm.alerte{color:var(--rouge)}
.wa-verif{display:flex;flex-wrap:wrap;gap:4px 12px}.wa-verif .action{white-space:nowrap}
/* Confirmation d'enregistrement */
#toasts{position:fixed;right:16px;bottom:16px;z-index:1000;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:calc(100vw - 32px)}
.toast{display:flex;align-items:center;gap:8px;background:var(--vert);color:#fff;font-weight:600;padding:10px 16px;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.18);transition:opacity .5s,transform .5s}
.toast.erreur{background:var(--rouge)}.toast .ic{width:20px;height:20px}.toast.part{opacity:0;transform:translateY(8px)}
/* Masques de saisie */
.saisie-invalide{border-color:var(--rouge)!important;background:var(--rouge-doux)!important}.aide-masque{color:var(--rouge);font-size:13px;margin-top:4px}
/* Choix d'un pays */
.pays-choix{display:flex;align-items:center;gap:8px;width:100%;min-height:42px;padding:8px 12px;border:1px solid var(--filet);border-radius:8px;background:var(--surface);font:inherit;color:inherit;text-align:left;cursor:pointer}
.pays-choix .pays-fleche{margin-left:auto;color:var(--texte-2)}.champ-pays{position:relative}
/* Tout élément désactivé est en surbrillance */
tr.inactif td,.inactif{background:var(--orange-doux)!important}tr.inactif td:first-child{box-shadow:inset 4px 0 0 var(--orange)}
.badge-inactif{background:var(--orange);color:#fff}
tr.enregistre td{background:var(--vert-doux)}
.puces{display:flex;flex-wrap:wrap;gap:6px}.puce{display:inline-flex;align-items:center;gap:4px;background:var(--section);border:1px solid var(--filet);border-radius:999px;padding:3px 6px 3px 10px;font-size:13px}
.puce-x{border:0;background:none;padding:0;cursor:pointer;color:var(--texte-2);display:inline-flex}.puce-x:hover{color:var(--rouge)}
.carte:has(.champ-pays),.carte:has(.champ-tel){overflow:visible}.champ-pays .tel-liste{top:calc(100% + 4px);width:100%;min-width:260px}
.choix-multiple{position:relative}.choix-multiple summary{list-style:none;cursor:pointer;border:1px solid var(--filet);border-radius:8px;padding:9px 12px;min-height:42px;background:var(--surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.choix-multiple summary::-webkit-details-marker{display:none}.choix-multiple-liste{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);background:var(--surface);border:1px solid var(--filet);border-radius:8px;box-shadow:var(--ombre);max-height:260px;overflow:auto;padding:8px;display:flex;flex-direction:column;gap:4px}
.carte:has(.choix-multiple){overflow:visible}.erreur-texte{color:var(--rouge)!important}
.choix-multiple-liste label.case{display:flex;align-items:center;gap:8px;margin:0;padding:4px 6px;min-height:0;font-weight:400}.choix-multiple-liste label.case input{width:16px;height:16px;margin:0}
/* Sélection multiple et actions groupées */
.barre-selection{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;padding:10px 14px;border:1px solid var(--vert);border-radius:10px;background:var(--vert-doux);position:sticky;top:0;z-index:5}
.barre-selection[hidden]{display:none}
.barre-selection select{width:auto;min-width:220px}
.barre-selection .ic{color:var(--vert-texte)}
.lien-bouton{background:none;border:0;padding:0;color:var(--vert-texte);text-decoration:underline;cursor:pointer;font:inherit}
.lien-bouton[hidden]{display:none}
th.case-sel,td.case-sel{width:36px;text-align:center;padding-left:8px;padding-right:4px}
.case-sel input{width:18px;height:18px;margin:0;cursor:pointer}
tr.selectionnee td{background:var(--vert-doux)!important}
/* Échéancier personnalisé du DG */
.echeancier-dg{margin-top:16px;padding:16px;border:1px dashed var(--filet);border-radius:10px}
.echeancier-dg h3{margin:0 0 6px;font-size:16px}
.ligne-ech{display:flex;align-items:center;gap:10px;margin:6px 0}
.ligne-ech input{width:auto;max-width:200px}
.boutons-ligne{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
p.fort.ok{color:var(--ok)}p.fort.alerte{color:var(--rouge)}
table.liste.compacte td,table.liste.compacte th{padding:8px 10px}
/* Tableau de bord : blocs disposables, barres cliquables */
.tableau-blocs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.bloc-tableau.large{grid-column:1/-1}
.bloc-tableau>.carte{margin:0!important;height:100%}
.bloc-tableau>.tuiles{margin-bottom:0}
@media (max-width:900px){.tableau-blocs{grid-template-columns:1fr}}
.tableau-blocs.edition .bloc-tableau{outline:2px dashed var(--filet);outline-offset:6px;border-radius:12px;cursor:grab}
.bloc-tableau.masque{opacity:.45}
.bloc-tableau.glisse{opacity:.4}
.bloc-tableau.cible{outline-color:var(--vert)!important}
.outils-bloc{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.outils-bloc strong{flex:1;font-size:14px}
.outils-bloc .btn{padding:6px 8px;min-height:0}
.barre-disposition{margin-bottom:16px}
.barre-disposition span{flex:1;min-width:220px}
.barre-ligne.cliquable{cursor:pointer;border-radius:6px;padding:3px 4px;margin:-3px -4px}
.barre-ligne.cliquable:hover,.barre-ligne.cliquable:focus-visible{background:var(--survol);outline:none}
.barre-ligne.cliquable:focus-visible{box-shadow:0 0 0 2px var(--vert)}
.carte.cliquable{cursor:pointer}
.carte.cliquable:hover,.carte.cliquable:focus-visible{box-shadow:0 0 0 2px var(--vert);outline:none}
dialog.detail-tableau{width:min(900px,96vw);max-height:88vh}
dialog.detail-tableau .detail-tete{display:flex;align-items:center;justify-content:space-between;gap:12px}
dialog.detail-tableau .detail-tete h2{margin:0;font-size:18px}
dialog.detail-tableau .export{margin:12px 0}
dialog.detail-tableau .table-defile{max-height:60vh;overflow:auto}
dialog.confirmer.detail-tableau{width:min(900px,96vw);max-width:none;padding:24px;box-sizing:border-box}
dialog.detail-tableau .table-defile{overflow:auto}
dialog.detail-tableau table{width:100%}
/* Choix des colonnes avant export */
dialog.choix-colonnes{width:min(640px,96vw);max-width:none}
dialog.choix-colonnes .grille-colonnes{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 16px;margin:8px 0 4px;max-height:50vh;overflow:auto;padding:8px;border:1px solid var(--filet);border-radius:8px}
dialog.choix-colonnes label.case{display:flex;align-items:center;gap:8px;margin:0;padding:4px 2px;font-weight:400;cursor:pointer}
dialog.choix-colonnes label.case input{width:16px;height:16px;margin:0;flex:none}
/* Formulaire des frais : lisible */
.grille-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px 20px;margin-bottom:8px}
.grille-form .large{grid-column:span 2}
@media (max-width:700px){.grille-form .large{grid-column:auto}}
h3.titre-section{margin:22px 0 10px;padding-top:14px;border-top:1px solid var(--filet);font-size:16px}
.carte-corps h3.titre-section:first-child{border-top:0;padding-top:0;margin-top:0}
.options-ligne{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.options-ligne label.case{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.options-ligne label.case input{width:18px;height:18px;margin:2px 0 0;flex:none}
table.table-echeances td{vertical-align:middle;padding:8px}
table.table-echeances td.rang-ech{width:44px;text-align:center;font-size:16px}
table.table-echeances tfoot td{padding:10px 8px;background:var(--section)}
.ok-texte{color:var(--ok)}
input.montant{text-align:right;font-variant-numeric:tabular-nums}
.sans-echeancier{max-width:320px;margin-top:12px}
.btn.lien-danger{color:var(--rouge)}
ol.echeances-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
ol.echeances-liste li{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px}
ol.echeances-liste .rang-ech{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--vert-doux);color:var(--vert-texte);font-weight:700;font-size:11.5px;flex:none}
ol.echeances-liste .date-ech{color:var(--texte-2)}
ol.echeances-liste .montant-ech{font-weight:700;font-variant-numeric:tabular-nums;margin-left:auto;text-align:right}
/* Tri des tableaux */
th.triable{cursor:pointer;user-select:none;white-space:nowrap}
th.triable::after{content:"";display:inline-block;width:14px;height:14px;margin-left:6px;vertical-align:-2px;opacity:.35;
  background:no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2'%3E%3Cpath d='M8 9l4-4 4 4M16 15l-4 4-4-4'/%3E%3C/svg%3E")}
th.triable:hover::after{opacity:.7}
th[aria-sort=ascending]::after{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='2.5'%3E%3Cpath d='M8 13l4-4 4 4'/%3E%3C/svg%3E")}
th[aria-sort=descending]::after{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='2.5'%3E%3Cpath d='M8 11l4 4 4-4'/%3E%3C/svg%3E")}
th.triable:focus-visible{outline:2px solid var(--vert);outline-offset:-2px}
/* Actions des tableaux : icône + libellé, couleur selon l'action (Voir, Modifier, Supprimer…) */
td .act,td a.act,.actions-ligne .act{display:inline-flex;align-items:center;gap:5px;background:none!important;border:0!important;box-shadow:none!important;padding:4px 6px;min-height:0;font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;white-space:nowrap;border-radius:6px}
td .act:hover,.actions-ligne .act:hover{background:var(--survol)!important}
td .act .ic-act,.actions-ligne .act .ic-act{width:17px;height:17px;flex:none}
.act-voir{color:var(--discret)!important}
.act-modifier{color:var(--vert-texte)!important}
.act-supprimer{color:var(--rouge)!important}
.act-desactiver{color:var(--orange)!important}
.act-reactiver{color:var(--vert-texte)!important}
.act-neutre{color:var(--texte)!important}
td.actions{white-space:nowrap}
.taille-ligne{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.taille-ligne select{width:auto;min-width:160px}
.taille-ligne .btn{font-weight:700;min-width:54px}
.apercu-taille{padding:14px;border:1px dashed var(--filet);border-radius:8px;margin-bottom:14px}
td.fort .sec,td.fort div.sec{font-weight:400}
table.table-echeances{width:100%;table-layout:fixed}
table.table-echeances th:nth-child(1){width:44px}table.table-echeances th:nth-child(3){width:150px}table.table-echeances th:nth-child(4){width:130px}
table.table-echeances th:nth-child(5){width:250px}table.table-echeances th:nth-child(6){width:96px}
table.table-echeances input,table.table-echeances select{width:100%;min-width:0;box-sizing:border-box}
table.table-echeances input.montant{text-align:right}
td.actions-pile{white-space:normal;width:1%}
td.actions-pile{display:table-cell}
td.actions-pile .act,td.actions-pile .btn{display:flex;margin:2px 0}
table.liste-frais th,table.liste-frais td{padding-left:8px;padding-right:8px}
td.nom-drapeau .drapeau{margin-right:8px;vertical-align:-2px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.btn.btn-petit{padding:4px 10px;min-height:0;font-size:13px;margin-top:6px}
/* Santé de BAOBAB Light */
.sante-bandeau{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;border-radius:12px;margin-bottom:20px;border:1px solid}
.sante-bandeau.ok{background:var(--ok-doux);border-color:var(--ok);color:var(--ok)}
.sante-bandeau.alerte{background:var(--orange-doux);border-color:var(--orange);color:var(--orange)}
.sante-bandeau.panne{background:var(--rouge-doux);border-color:var(--rouge);color:var(--rouge)}
.sante-bandeau span{color:var(--texte-2)}
.sante-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-bottom:24px}
.sante-carte{margin:0!important;border-top:4px solid var(--filet)}
.sante-carte.sante-ok{border-top-color:var(--ok)}.sante-carte.sante-alerte{border-top-color:var(--orange)}.sante-carte.sante-panne{border-top-color:var(--rouge)}
.sante-tete{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sante-tete strong{font-size:15px}
.sante-tete .ic{width:20px;height:20px;color:var(--discret)}
.sante-texte{margin:8px 0 6px;color:var(--texte-2)}
.sante-stats{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:6px 0 0;font-size:13px}
.sante-stats dt{color:var(--discret)}.sante-stats dd{margin:0;font-variant-numeric:tabular-nums;word-break:break-word}
.sante-tache{padding:14px 0;border-bottom:1px solid var(--filet)}.sante-tache:last-child{border-bottom:0}
.salut{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}
.salut .salut-fonction{font-size:12.5px;font-weight:500;color:var(--discret);margin-top:2px}
@media (max-width:640px){.salut{display:none}}
/* Cadrans de la santé */
.cadrans{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin-bottom:24px}
.cadran{background:var(--surface);border:1px solid var(--filet);border-radius:14px;padding:14px 12px 12px;text-align:center;box-shadow:var(--ombre)}
.cadran-svg{width:100%;max-width:200px;display:block;margin:0 auto}
.cadran-piste{fill:none;stroke:var(--section);stroke-width:14;stroke-linecap:round}
.cadran-zone{fill:none;stroke-width:3;transform-origin:100px 100px;transform:scale(1.13)}
.cadran-zone.zone-ok{stroke:var(--ok)}.cadran-zone.zone-alerte{stroke:var(--orange)}.cadran-zone.zone-panne{stroke:var(--rouge)}
.cadran-valeur{fill:none;stroke-width:14;stroke-linecap:round;transition:all .6s}
.cadran-valeur.ok{stroke:var(--ok)}.cadran-valeur.alerte{stroke:var(--orange)}.cadran-valeur.panne{stroke:var(--rouge)}.cadran-valeur.arret{stroke:var(--discret)}
.cadran-aiguille{stroke:var(--texte);stroke-width:3;stroke-linecap:round}
.cadran-pivot{fill:var(--texte)}
.cadran-chiffre{font-size:24px;font-weight:800;fill:var(--texte);font-variant-numeric:tabular-nums}
.cadran-titre{font-weight:700;margin-top:2px}
.cadran-sous{font-size:12.5px;color:var(--discret);margin-top:2px}
.cadran.etat-panne{border-color:var(--rouge)}.cadran.etat-alerte{border-color:var(--orange)}
.courbe-sante{width:100%;height:auto;display:block}
.courbe-grille{stroke:var(--filet);stroke-width:1}
.courbe-axe{font-size:10px;fill:var(--discret)}
.courbe-cpu,.courbe-ram{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.courbe-cpu{stroke:#2563EB}.courbe-ram{stroke:#16A34A}
.legende-courbe{display:flex;gap:16px;font-size:13px}
.legende-courbe span::before{content:"";display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}
.leg-cpu::before{background:#2563EB}.leg-ram::before{background:#16A34A}
.cadran-repere{fill:var(--surface);stroke-width:4}
.cadran-repere.ok{stroke:var(--ok)}.cadran-repere.alerte{stroke:var(--orange)}.cadran-repere.panne{stroke:var(--rouge)}.cadran-repere.arret{stroke:var(--discret)}
.cadran-chiffre{font-size:30px}
.cadran-zone{transform:scale(1.14)}
.cadrans{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:760px){.cadrans{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* WhatsApp */
tr.a-traiter td{background:var(--orange-doux)}
.cases-cibles{display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 0 14px;padding:10px;border:1px solid var(--filet);border-radius:8px}
.cases-cibles label.case{display:flex;align-items:center;gap:6px;margin:0;font-weight:500}
.cases-cibles input{width:16px;height:16px;margin:0}
td.mono{font-family:var(--mono);font-size:12.5px}
/* Année en cours, mise en exergue dans la barre du haut */
.annee.annee-exergue{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;font-size:inherit}
.annee-exergue .annee-libelle{font-size:22px;font-weight:800;color:var(--vert-actif);background:var(--vert-doux);border:1px solid var(--vert);border-radius:10px;padding:4px 12px}
.annee-exergue .annee-dates{font-size:12.5px;font-weight:500;color:var(--discret);margin:4px 0 0 4px}
@media (max-width:900px){.annee-exergue .annee-libelle{font-size:16px;padding:3px 8px}.annee-exergue .annee-dates{display:none}}
option.option-en-cours{font-weight:700}
/* L'en-tête de la page (fil, titre, actions) reste visible au défilement,
   juste sous la barre du haut ; en défilant, le sous-titre se replie. */
.contenu>.entete{position:sticky;top:64px;z-index:15;background:var(--fond);margin:0 -16px 28px;padding:8px 16px 10px;transition:box-shadow .15s}
@media (min-width:1024px){.contenu>.entete{margin:0 -48px 28px;padding:8px 48px 10px}}
.contenu>.entete.colle{box-shadow:0 6px 12px -8px rgba(0,0,0,.25);border-bottom:1px solid var(--filet)}
.contenu>.entete.colle .sous{display:none}
.contenu>.entete.colle .titre{font-size:22px;margin-top:2px}
.contenu>.entete.colle .entete-actions{margin-top:8px}
.contenu>.entete.colle .fil{margin-bottom:2px}
.barre-selection{top:calc(64px + var(--entete-h, 0px))}
/* Colonnes des tableaux, choisies par chacun */
.col-cachee{display:none!important}
.choix-colonnes{position:relative;display:flex;justify-content:flex-end;margin:0 0 6px}
.panneau-colonnes{position:absolute;right:0;top:calc(100% + 4px);z-index:30;background:var(--surface);border:1px solid var(--filet);border-radius:10px;box-shadow:0 10px 24px -10px rgba(0,0,0,.3);padding:10px 14px;min-width:220px;max-height:60vh;overflow:auto;display:flex;flex-direction:column;gap:6px}
.panneau-colonnes .case{display:flex;gap:8px;align-items:center;font-size:14px;cursor:pointer}
.lien-bouton{background:none;border:0;padding:4px 0 0;color:var(--vert-texte);cursor:pointer;text-align:left;font:inherit;font-size:13px}
/* Boutons radio des formulaires */
fieldset.radios{border:0;margin:0;padding:0;min-width:0}
fieldset.radios legend{padding:0;margin-bottom:6px;font-size:14px;font-weight:600;color:var(--texte)}
.radios-ligne{display:flex;flex-wrap:wrap;gap:8px 18px;min-height:44px;align-items:center}
.radios-ligne .radio{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-weight:400}
.radios-ligne .radio input{width:18px;height:18px;margin:0;accent-color:var(--vert)}
.panneau-colonnes label.case{margin:0;padding:3px 0;min-height:0}
/* Budget : jauge de consommation, sous-totaux, alertes */
.jauge-zone{display:flex;align-items:center;gap:6px;min-width:100px}
.jauge-budget{flex:1;height:8px;border-radius:999px;background:var(--section);overflow:hidden;min-width:70px}
.jauge-remplie{height:100%;background:var(--vert);border-radius:999px}
.jauge-remplie.alerte{background:var(--orange)}
.jauge-remplie.depasse{background:var(--rouge)}
.jauge-texte{font-size:12px;color:var(--discret);min-width:38px;text-align:right}
tr.sous-total td{background:var(--section);font-weight:600}
.montant-c{text-align:right;font-variant-numeric:tabular-nums}
.negatif{color:var(--rouge)!important}
.liste-alertes{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}
.liste-alertes li.rouge a{color:var(--rouge)}
.liste-alertes li.orange a{color:var(--orange)}
@media (min-width:1100px){.tuiles.t4{grid-template-columns:repeat(4,1fr)}}
.tuiles.t4 .valeur{font-size:26px}
.nature-c,.nature-e{font-size:11px;font-weight:600;margin-top:2px}
.nature-c{color:var(--discret)}
.nature-e{color:#2563EB}
tr.sous-total .jauge-budget{background:var(--surface)}
/* Équilibre du budget */
.equilibre-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:10px}
.eq-case{background:var(--section);border-radius:10px;padding:12px 14px}
.eq-case .etiquette{font-size:12px;color:var(--discret)}
.eq-case .valeur{font-size:18px;font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums}
.eq-case .note{font-size:11px;color:var(--discret);margin-top:2px}
.eq-case.rouge .valeur{color:var(--rouge)}.eq-case.vert .valeur{color:var(--vert-texte)}
.eq-case.fort{outline:2px solid currentColor;outline-color:var(--filet)}
.eq-case.rouge.fort{background:var(--rouge-doux)}.eq-case.vert.fort{background:var(--vert-doux)}
tr.sous-ligne td{padding-top:2px;padding-bottom:2px;border-top:0;font-size:12px}
.tuiles.t4 .carte-corps.stat .valeur{font-size:24px;white-space:nowrap}
@media (min-width:1100px){.equilibre-grille{grid-template-columns:repeat(5,1fr)}}
/* Grille salariale */
table.grille-sal th,table.grille-sal td{padding:5px 4px;font-size:12px;font-variant-numeric:tabular-nums}
table.grille-sal th{text-align:right}
table.grille-sal th:first-child{text-align:left}
table.grille-sal td.anomalie{background:var(--orange-doux);color:var(--orange);font-weight:600}
input.cellule-grille{width:84px;padding:4px 6px;font-size:13px;text-align:right}
table.grille-sal th:first-child,table.grille-sal td:first-child{position:sticky;left:0;background:var(--surface);z-index:1}
table.grille-sal tr.sous-total td:first-child{background:var(--section)}
/* Choix du sexe : boutons radio avec icône */
/* Brouillons de saisie : départ d'une page, bandeau de reprise. */
dialog.garde-depart{max-width:640px}
dialog.garde-depart .boutons{flex-wrap:wrap}
.bandeau-brouillon{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px;padding:12px 16px;border:1px solid #F59E0B;border-left-width:4px;border-radius:10px;background:#FFFBEB;color:#78350F}
.bandeau-brouillon > .ic{width:22px;height:22px;flex:none;color:#D97706}
.bandeau-brouillon > span{flex:1 1 260px;text-align:justify}
.bandeau-brouillon .boutons{display:flex;gap:8px;flex-wrap:wrap}
.bandeau-brouillon.liste{align-items:flex-start}
.bandeau-brouillon ul{margin:6px 0 0;padding-left:18px}
.bandeau-brouillon a{color:#92400E;font-weight:600}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bandeau-brouillon{background:#3B2A0B;color:#FDE68A;border-color:#B45309}:root:not([data-theme="light"]) .bandeau-brouillon a{color:#FCD34D}}
/* Avertissement avant la déconnexion automatique. */
dialog.avertissement-session{max-width:460px;text-align:center}
dialog.avertissement-session h2{display:flex;align-items:center;justify-content:center;gap:8px}
dialog.avertissement-session h2 .ic{width:24px;height:24px;color:#D97706}
dialog.avertissement-session .decompte{font-size:44px;font-weight:700;color:#B91C1C;font-variant-numeric:tabular-nums;margin:8px 0}
dialog.avertissement-session p{text-align:center}
dialog.avertissement-session .boutons{justify-content:center}
/* Choix par boutons radio à icône (sexe, oui ou non…). */
.radio-icone{border:1px solid var(--filet-2);border-radius:999px;padding:6px 12px 6px 8px;background:var(--champ);transition:background .15s,border-color .15s;white-space:nowrap}
.radio-icone input{position:absolute;opacity:0;pointer-events:none}
.radio-icone .ic-choix{width:20px;height:20px;color:var(--discret)}
.radio-icone.sexe-F .ic-choix{color:#DB2777}.radio-icone.sexe-M .ic-choix{color:#2563EB}
.radio-icone.oui .ic-choix{color:#16A34A}.radio-icone.non .ic-choix{color:#DC2626}
.radio-icone:has(input:checked){border-color:var(--vert);background:var(--vert-doux);font-weight:600}
.radio-icone:has(input:focus-visible){outline:2px solid var(--vert);outline-offset:2px}
.radio-icone:has(input:disabled){opacity:.6;cursor:default}
.choix-icones .radios-ligne{flex-wrap:nowrap;gap:6px}.choix-icones .radio-icone{padding:6px 10px 6px 7px;font-size:.93em}
@media (max-width:520px){.choix-icones .radios-ligne{flex-wrap:wrap}}
.tel-affiche{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.tel-affiche img{width:18px;height:13px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
/* Dossier du collaborateur : famille, pièces, charges. */
dialog.dialogue-large{max-width:620px}
dialog .case-certif{display:flex;gap:10px;align-items:flex-start;margin:14px 0 4px;padding:10px 12px;border:1px solid #F59E0B;border-radius:10px;background:#FFFBEB;color:#78350F;font-size:13.5px;line-height:1.45;text-align:justify}
dialog .case-certif input{margin-top:3px;flex:none}
.bilan-charges{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:14px}
.bilan-charges .stat{border:1px solid var(--filet);border-radius:12px;padding:12px 16px}
.message.avertissement{display:block;background:#FFFBEB;border:1px solid #FCD34D;color:#78350F;text-align:justify}
.membre-famille{border:1px solid var(--filet);border-radius:12px;padding:12px 14px;margin:10px 0}
.membre-famille .aide{margin:6px 0 0}
.pieces-liste{display:flex;flex-direction:column;gap:4px;margin:8px 0}
.pieces-liste .piece{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px}
.pieces-liste .piece a{display:inline-flex;align-items:center;gap:4px;font-weight:600}
.pieces-liste .piece.retiree a{text-decoration:line-through;opacity:.6}
.pieces-liste .btn.lien-btn{padding:2px 8px;font-size:12.5px;min-height:0}
.actions-membre{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) dialog .case-certif,:root:not([data-theme="light"]) .message.avertissement{background:#3B2A0B;color:#FDE68A;border-color:#B45309}}
/* Paramètres : barre des rubriques et des pages de la rubrique. */
.onglets-param{display:flex;flex-direction:column;gap:10px;margin:0 0 22px}
.onglets-param .vues{display:flex;flex-wrap:wrap;width:fit-content;max-width:100%;margin:0}
.onglets-param .sous-onglets{font-size:.93em}
.renvois{display:flex;flex-direction:column;gap:8px}
.renvois a.renvoi{font-weight:600}
label.avec-icone{display:inline-flex;align-items:center;gap:6px}
.ic-whatsapp{color:#25D366;width:18px;height:18px}
.champ-tel.desactive{opacity:.55}
.grille-fiche{align-items:start}
.photo-collaborateur{display:flex;align-items:center;gap:16px;margin:0 0 6px}
.photo-collaborateur .vignette{width:96px;height:120px;border-radius:10px;border:1px solid var(--filet);background:var(--champ);object-fit:cover;display:flex;align-items:center;justify-content:center;color:var(--discret);overflow:hidden}
.photo-collaborateur .vignette svg{width:40px;height:40px}
.photo-collaborateur .vignette img{width:100%;height:100%;object-fit:cover}
input:disabled,select:disabled{background:var(--fond, #F3F4F6);color:var(--discret);cursor:not-allowed}
.champ-courriel{display:inline-flex;align-items:stretch;max-width:100%}.champ-courriel>*{margin:0!important}
.champ-courriel input{border-top-right-radius:0;border-bottom-right-radius:0;min-width:8ch;flex:0 1 auto;font-family:inherit}
.champ-courriel .suffixe{display:flex;align-items:center;padding:0 10px;border:1px solid var(--filet-2);border-left:0;border-radius:0 8px 8px 0;background:var(--fond, #F3F4F6);color:var(--discret);font-size:14px;white-space:nowrap}
label.case.desactive{opacity:.5}
/* Page de connexion : tout sur un écran, les trois entrées côte à côte. */
.connexion{padding:16px;justify-content:center}
.connexion .simple-carte{max-width:1120px;padding:24px 28px}
.connexion .tete-connexion{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:16px;flex-wrap:wrap}
.connexion .tete-connexion .marque{flex-direction:row;margin:0;gap:12px}
.connexion .tete-connexion .logo{height:40px}
.connexion .tete-connexion h1{font-size:21px;text-align:left;border-left:1px solid var(--filet-2);padding-left:18px}
.connexion .tete-connexion .chapeau{flex-basis:100%;margin:0;text-align:center}
.connexion .message{margin-bottom:14px}
.connexion .entrees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.connexion .bloc{border:1px solid var(--filet-2);border-radius:12px;padding:18px;display:flex;flex-direction:column;margin:0}
.connexion .bloc + .bloc{margin-top:0;padding-top:18px;border-top:1px solid var(--filet-2)}
.connexion .bloc .sub{text-align:justify;margin-bottom:12px}
.connexion .bloc > .btn:last-child{margin-top:auto}
.connexion .bloc:first-child .btn{margin-top:auto}
.connexion .ou{margin:10px 0}
.connexion form label{margin-top:6px}
.connexion form .btn{margin-top:10px}
.connexion .aide{margin:10px 0 0;font-size:12px;text-align:justify}
.connexion .pied{margin-top:12px;font-size:12px}
@media (max-width:900px){.connexion .entrees{grid-template-columns:1fr}.connexion .tete-connexion h1{border-left:0;padding-left:0;text-align:center}.connexion .tete-connexion .marque{flex-direction:column}}
@media (max-height:760px) and (min-width:901px){.connexion .simple-carte{padding:18px 24px}.connexion .bloc{padding:14px}.connexion .tete-connexion{margin-bottom:10px}.connexion .tete-connexion .logo{height:34px}}
@media (max-width:640px){.connexion{padding:10px}.connexion .simple-carte{padding:14px}.connexion .tete-connexion{gap:6px;margin-bottom:8px}.connexion .tete-connexion .logo{height:30px}.connexion .tete-connexion h1{font-size:17px}.connexion .tete-connexion .chapeau{display:none}
  .connexion .entrees{gap:10px}.connexion .bloc{padding:12px}.connexion .bloc .sub{display:none}.connexion .bloc h2{margin-bottom:8px}.connexion .ou{margin:6px 0}.connexion .aide{display:none}.connexion .pied{margin-top:8px;font-size:11px}
  .connexion input{min-height:40px}.connexion form label{font-size:13px}}
.connexion .message{text-align:center}
/* Les trois boutons verts sur une même ligne, en bas de chaque cadre. */
.connexion .bloc form,.repli-mobile{display:flex;flex-direction:column;flex:1}
.connexion .bloc form[hidden]{display:none}
.connexion .bloc form > .btn.primaire{margin-top:auto}
.connexion .bloc form > .aide{margin:10px 0 12px}
.connexion form .btn{margin-top:10px}
@media (max-width:640px){.repli-mobile h2{cursor:pointer;color:var(--vert-texte)}.repli-mobile h2::after{content:' ▾'}.repli-mobile.ouvert h2::after{content:' ▴'}.repli-mobile:not(.ouvert) > :not(h2){display:none}}
.recherche-emplois{display:flex;align-items:center;gap:8px;max-width:640px;margin:0 0 6px;border:1px solid var(--filet-2);border-radius:10px;padding:0 12px;background:var(--surface)}
.recherche-emplois input{border:0!important;box-shadow:none!important;flex:1;min-height:42px;background:transparent}
.recherche-emplois .ic-sm{color:var(--discret)}
.champ-courriel-large{grid-column:span 2}@media (max-width:700px){.champ-courriel-large{grid-column:auto}}
table.liste th.montant-c,table.liste td.montant-c{text-align:right}
.tuiles.t5{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.tuiles.t5 .carte-corps.stat .valeur{font-size:22px;white-space:nowrap}
@media (min-width:1100px){.tuiles.t5{grid-template-columns:repeat(5,minmax(0,1fr))}.tuiles.t5 .carte-corps.stat{padding:14px}.tuiles.t5 .carte-corps.stat .valeur{font-size:20px}}
.resultat-simulation .aide{margin-top:12px}
/* Version de test : bandeau rouge permanent en haut de chaque page. */
.bandeau-test{position:fixed;top:0;left:0;right:0;z-index:1000;background:#B91C1C;color:#fff;text-align:center;font-weight:700;font-size:12.5px;letter-spacing:.02em;padding:4px 12px;box-shadow:0 1px 4px rgba(0,0,0,.25)}
body.instance-test{padding-top:24px}
body.instance-test .barre{top:24px}
body.instance-test .lateral{top:88px;height:calc(100vh - 88px)}
body.instance-test .contenu>.entete{top:88px}
@media (max-width:1023px){body.instance-test .lateral{top:88px}}