/* Lot M1 (24/10) : Technique, Données, Fiabilité, Équipe, pages publiques et politique de mot de passe.
   Recadrage visuel du 21/10 : jetons --ap-…, texte de base 13 px, une ligne par fait, l'essentiel sans défiler. */
.m1{display:flex;flex-direction:column;gap:var(--ap-e3);max-width:1280px;margin:0 auto;padding:var(--ap-e3) var(--ap-e4) var(--ap-e5);font-size:var(--ap-t-m);line-height:var(--ap-li);color:hsl(var(--ap-encre));min-width:0}
.m1 *{min-width:0}
.m1 a{color:inherit;text-decoration:none}
.m1-tete{display:flex;align-items:baseline;gap:var(--ap-e3);flex-wrap:wrap}
.m1-tete h1{margin:0;font-size:var(--ap-t-titre);font-weight:var(--ap-g-chiffre);line-height:var(--ap-li-serre)}
.m1-sous{color:hsl(var(--ap-doux));font-size:var(--ap-t-s)}
.m1-onglets{display:flex;gap:var(--ap-e2);flex-wrap:wrap}
.m1-onglet{display:inline-flex;align-items:center;height:var(--ap-h-ctrl);padding:0 var(--ap-e3);border:1px solid hsl(var(--ap-trait-fort));border-radius:999px;background:hsl(var(--ap-carte));font-size:var(--ap-t-s);font-weight:var(--ap-g-moyen);white-space:nowrap}
.m1-onglet:hover{background:hsl(var(--ap-gris-doux))}
.m1-onglet.on{border-color:hsl(var(--ap-action));color:hsl(var(--ap-action-fort));background:hsl(var(--ap-action-doux))}
.m1-carte{margin:0;background:hsl(var(--ap-carte));border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-l);padding:var(--ap-e3) var(--ap-e4);box-shadow:var(--ap-ombre-1)}
.m1-carte p{margin:0 0 var(--ap-e2)}
.m1-carte p:last-child{margin-bottom:0}
.m1 h2,.m1-h{margin:0 0 var(--ap-e2);font-size:var(--ap-t-l);font-weight:var(--ap-g-titre)}
.m1 h2 small,.m1-h small{font-size:var(--ap-t-s);font-weight:var(--ap-g-texte);color:hsl(var(--ap-doux))}
.m1-aide{margin:0;font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.m1-note,.m1-reserve{margin:0;padding:var(--ap-e2) var(--ap-e3);border-radius:var(--ap-r-m);background:hsl(var(--ap-gris-doux));font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.m1-liens{display:flex;gap:var(--ap-e2);flex-wrap:wrap}
.m1-renvoi{font-size:var(--ap-t-s)}
.m1-renvoi a{color:hsl(var(--ap-action-fort))!important;font-weight:var(--ap-g-moyen)}
.m1-ok{color:hsl(var(--ap-vert));font-weight:var(--ap-g-moyen)}

/* Santé : le verdict d'abord, une ligne par sonde. */
.m1-verdict{display:flex;align-items:center;gap:var(--ap-e3);padding:var(--ap-e3) var(--ap-e4);border-radius:var(--ap-r-l);border:1px solid hsl(var(--ap-trait))}
.m1-verdict>div{display:flex;flex-direction:column;flex:1}
.m1-verdict b{font-size:var(--ap-t-xl);font-weight:var(--ap-g-titre)}
.m1-verdict small{font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.m1-verdict.ok{background:hsl(var(--ap-vert-doux));border-color:hsl(var(--ap-vert)/.3)}
.m1-verdict.warn{background:hsl(var(--ap-ambre-doux));border-color:hsl(var(--ap-ambre-vif)/.4)}
.m1-verdict.err{background:hsl(var(--ap-rouge-doux));border-color:hsl(var(--ap-rouge)/.35)}
.m1-sondes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:var(--ap-e1) var(--ap-e3)}
.m1-sonde{display:flex;align-items:center;gap:var(--ap-e3);min-height:var(--ap-h-ctrl-l);padding:0 var(--ap-e3);border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-m);background:hsl(var(--ap-carte))}
.m1-sonde-n{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m1-sonde-d{max-width:55%;font-size:var(--ap-t-s);color:hsl(var(--ap-doux));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.m1-pastille{flex:none;width:10px;height:10px;border-radius:50%;background:hsl(var(--ap-vert))}
.m1-sonde.warn .m1-pastille{background:hsl(var(--ap-ambre-vif))}
.m1-sonde.err .m1-pastille{background:hsl(var(--ap-rouge))}
.m1-uptime{margin-left:var(--ap-e2);padding:1px var(--ap-e2);border-radius:var(--ap-r-s);font-size:var(--ap-t-s);background:hsl(var(--ap-ambre-doux));color:hsl(var(--ap-ambre))}
.m1-uptime.ok{background:hsl(var(--ap-vert-doux));color:hsl(var(--ap-vert))}

/* Listes : une ligne par voiture, par cas. */
.m1-l{list-style:none;margin:0;padding:0}
.m1-l>li{display:flex;align-items:center;gap:var(--ap-e3);min-height:var(--ap-h-ctrl);padding:var(--ap-e1) 0;flex-wrap:wrap}
.m1-l>li+li{border-top:1px solid hsl(var(--ap-trait))}
.m1-l>li>a{display:flex;align-items:center;gap:var(--ap-e3);flex:1;min-height:var(--ap-h-ctrl)}
.m1-l>li>a:hover{background:hsl(var(--ap-gris-doux))}
.m1-l small{font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.m1-l li.rouge{color:hsl(var(--ap-rouge))}
.m1-v{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--ap-g-moyen)}
.m1-familles{display:flex;flex-direction:column;gap:var(--ap-e2)}
.m1-famille{background:hsl(var(--ap-carte));border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-l);padding:var(--ap-e2) var(--ap-e3)}
.m1-famille>summary{cursor:pointer;display:flex;align-items:center;gap:var(--ap-e2);min-height:var(--ap-h-ctrl);flex-wrap:wrap}
.m1-famille>summary b{flex:1}
.m1-famille.vide{opacity:.65}
.m1-famille>.m1-aide,.m1-famille>.m1-l,.m1-famille>a{margin-top:var(--ap-e2)}
.m1-compte{display:inline-block;min-width:22px;padding:0 6px;border-radius:999px;background:hsl(var(--ap-rouge-doux));color:hsl(var(--ap-rouge));font-size:var(--ap-t-s);font-weight:var(--ap-g-titre);text-align:center}
.m1-compte.zero{background:hsl(var(--ap-vert-doux));color:hsl(var(--ap-vert))}
.m1-famille.dette .m1-compte{background:hsl(var(--ap-gris-doux));color:hsl(var(--ap-doux))}
.m1-nouveau{padding:0 6px;border-radius:999px;background:hsl(var(--ap-ambre-doux));color:hsl(var(--ap-ambre));font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre)}
.m1-bandeau{display:flex;align-items:center;justify-content:space-between;gap:var(--ap-e3);flex-wrap:wrap;font-weight:var(--ap-g-moyen)}
.m1-niveau{display:inline-block;padding:0 6px;border-radius:999px;background:hsl(var(--ap-ambre-doux));color:hsl(var(--ap-ambre));font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre)}
.m1-niveau.certain{background:hsl(var(--ap-rouge-doux));color:hsl(var(--ap-rouge))}
.m1 code{font-size:var(--ap-t-s)}

/* Tableaux (doublons clients, congés, Tricount, voitures). */
.m1-table{width:100%;border-collapse:collapse;background:hsl(var(--ap-carte));border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-l);overflow:hidden}
.m1-table th{text-align:left;font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--ap-doux));padding:var(--ap-e2) var(--ap-e3);border-bottom:1px solid hsl(var(--ap-trait))}
.m1-table td{padding:var(--ap-e2) var(--ap-e3);border-top:1px solid hsl(var(--ap-trait));vertical-align:top}
.m1-table td small{display:block;font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.m1-table td a b{color:hsl(var(--ap-action-fort))}
.m1-table .num{text-align:right;white-space:nowrap}

/* Fiabilité : trois jauges, la liste à corriger, ce que la page compte. */
.m1-jauges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ap-e3)}
.m1-jauge{display:flex;flex-direction:column;gap:var(--ap-e1);background:hsl(var(--ap-carte));border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-l);padding:var(--ap-e3) var(--ap-e4)}
.m1-jauge>small{font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.m1-jauge>b{font-size:var(--ap-t-chiffre);font-weight:var(--ap-g-chiffre);line-height:var(--ap-li-serre)}
.m1-barre{display:block;height:6px;border-radius:999px;background:hsl(var(--ap-gris-doux));overflow:hidden}
.m1-barre>span{display:block;height:100%;background:hsl(var(--ap-doux))}
.m1-jauge.succes .m1-barre>span{background:hsl(var(--ap-vert))}.m1-jauge.succes>b{color:hsl(var(--ap-vert))}
.m1-jauge.attention .m1-barre>span{background:hsl(var(--ap-ambre-vif))}.m1-jauge.attention>b{color:hsl(var(--ap-ambre))}
.m1-jauge.alerte .m1-barre>span{background:hsl(var(--ap-rouge))}.m1-jauge.alerte>b{color:hsl(var(--ap-rouge))}
.m1-deux{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--ap-e3);align-items:start}
.m1-gros{font-size:var(--ap-t-xl);font-weight:var(--ap-g-chiffre)}
.m1-gros.positif{color:hsl(var(--ap-vert))}
.m1-ok-coche{color:hsl(var(--ap-vert));font-weight:var(--ap-g-titre)}
.m1-compte-rendu p{font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.m1-compte-rendu b{color:hsl(var(--ap-encre))}

/* Équipe. */
.m1-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--ap-e3)}
.m1-cartes>.m1-carte{display:flex;flex-direction:column;gap:2px}
.m1-cartes small{font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.m1-en-cours{color:hsl(var(--ap-action-fort))!important;font-weight:var(--ap-g-moyen)}
.m1-equilibre{text-align:center;font-weight:var(--ap-g-moyen);background:hsl(var(--ap-action-doux));border-color:hsl(var(--ap-action)/.25)}

/* Pages publiques. */
.m1-public{max-width:720px;margin:0 auto;padding:var(--ap-e5) var(--ap-e4);font-size:var(--ap-t-l);line-height:var(--ap-li);color:hsl(var(--ap-encre))}
.m1-public h1{font-size:var(--ap-t-titre);font-weight:var(--ap-g-chiffre);margin:0 0 var(--ap-e3)}
.m1-public h2{font-size:var(--ap-t-xl);font-weight:var(--ap-g-titre);margin:var(--ap-e5) 0 var(--ap-e2)}
.m1-public ul{margin:var(--ap-e2) 0;padding-left:var(--ap-e5)}
.m1-mdp{max-width:420px}
.m1-mdp form,.m1-fenetre{display:flex;flex-direction:column;gap:var(--ap-e3)}
.m1-mdp label,.m1-fenetre label{display:flex;flex-direction:column;gap:var(--ap-e1);font-size:var(--ap-t-s);font-weight:var(--ap-g-moyen)}
.m1-mdp input,.m1-fenetre input{height:var(--ap-h-ctrl-l);border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);padding:0 var(--ap-e3);font:inherit;font-size:var(--ap-t-l)}

/* Politique de mot de passe. */
.m1-bandeau-mdp{display:block;width:100%;padding:var(--ap-e1) var(--ap-e3);border:0;border-bottom:1px solid hsl(var(--ap-ambre-vif)/.35);background:hsl(var(--ap-ambre-doux));color:hsl(var(--ap-ambre));font:inherit;font-size:var(--ap-t-s);cursor:pointer;text-align:center}
.m1-mdp-ok{margin:0;padding:var(--ap-e1) var(--ap-e3);background:hsl(var(--ap-vert-doux));color:hsl(var(--ap-vert));font-size:var(--ap-t-s);text-align:center}
.m1-voile{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:var(--ap-e4);background:hsl(var(--ap-encre)/.45)}
.m1-fenetre{width:min(440px,100%);background:hsl(var(--ap-carte));border-radius:var(--ap-r-l);padding:var(--ap-e5);box-shadow:var(--ap-ombre-3)}
.m1-fenetre h2{margin:0;font-size:var(--ap-t-xl);font-weight:var(--ap-g-titre)}
.m1-fenetre p{margin:0;font-size:var(--ap-t-s)}
.m1-fenetre-pied{display:flex;justify-content:flex-end;gap:var(--ap-e2)}

/* Téléphone (390 px) : textes ≥ 15 px, cibles de 44 px, une colonne. */
@media (max-width:600px){
  .m1{padding:var(--ap-e3);font-size:15px}
  .m1-jauges,.m1-deux{grid-template-columns:1fr}
  .m1-cartes{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ap-e2)}
  .m1-sondes{grid-template-columns:1fr}
  .m1-onglet,.m1-famille>summary,.m1-l>li,.m1-l>li>a,.m1-sonde{min-height:44px}
  .m1-onglet,.m1-sous,.m1-aide,.m1-l small,.m1-sonde-d,.m1-jauge>small,.m1-table td small,.m1-table th,.m1-compte,.m1-niveau,.m1-nouveau,.m1-uptime,.m1-cartes small,.m1-note,.m1-reserve,.m1-renvoi,.m1-bandeau-mdp,.m1-compte-rendu p,.m1 code,.m1 h2 small,.m1-h small{font-size:15px}
  .m1-table thead{display:none}
  .m1-table,.m1-table tbody,.m1-table tr,.m1-table td{display:block;width:100%}
  .m1-table tr{border-top:1px solid hsl(var(--ap-trait));padding:var(--ap-e2) 0}
  .m1-table td{border:0;padding:2px var(--ap-e3)}
  .m1-table .num{text-align:left}
  .m1-public{font-size:15px}
}