/* Refonte UX — poste gestion (Pilotage, Administratif, Comptabilité, Réglages).
   Palette marine et menthe existante ; surcharge locale, aucune réécriture. */

/* Titres utiles : « Écran · compteur », sans sur-titre ni slogan. */
.ux-gestion-tete{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ap-e2) var(--ap-e4);margin-bottom:12px}
.ux-gestion-tete h1{margin:0;font-size:var(--ap-t-titre);line-height:1.2}
.ux-gestion-tete>.muted{font-size:var(--ap-t-s)}
.ux-gestion-acces{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.ux-gestion-acces .btn{min-height:var(--ap-h-ctrl);padding:5px var(--ap-e2);font-size:var(--ap-t-s)}

/* Pilotage : 4 blocs, chiffres cliquables. */
.ux-pil-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ap-e3)}
.ux-pil-bloc{background:hsl(var(--ap-carte));border:1px solid hsl(var(--bord));border-radius:var(--ap-r-l);padding:var(--ap-e3) var(--ap-e3);display:grid;gap:var(--ap-e2);align-content:start}
.ux-pil-entete{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ap-e2)}
.ux-pil-bloc h2{margin:0;font-size:var(--ap-t-l);color:var(--navy)}
.ux-pil-source{font-size:var(--ap-t-xs);color:hsl(var(--muted-foreground))}
.ux-pil-chiffres{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:var(--ap-e2)}
.ux-pil-chiffre{display:grid;gap:2px;align-content:start;padding:var(--ap-e2) var(--ap-e2);border-radius:var(--ap-r-l);border:1px solid hsl(var(--ap-trait));background:hsl(var(--ap-action-doux));color:hsl(var(--ap-encre));text-decoration:none;transition:border-color .15s,box-shadow .15s}
.ux-pil-chiffre:hover,.ux-pil-chiffre:focus-visible{border-color:hsl(var(--primary));box-shadow:var(--ap-ombre-1);outline:none}
.ux-pil-chiffre strong{font-size:var(--ap-t-titre);line-height:1.15;color:var(--navy);font-variant-numeric:tabular-nums}
.ux-pil-chiffre span{font-size:var(--ap-t-s);font-weight:var(--ap-g-titre)}
.ux-pil-chiffre small{font-size:var(--ap-t-xs);color:hsl(var(--muted-foreground));line-height:1.35}
.ux-pil-chiffre.menthe{background:hsl(var(--menthe-doux));border-color:hsl(var(--menthe))}
.ux-pil-chiffre.menthe strong{color:hsl(var(--menthe-fort))}
.ux-pil-chiffre.ambre{background:hsl(var(--warning-doux));border-color:hsl(var(--warning-trait))}
.ux-pil-chiffre.ambre strong{color:hsl(var(--warning-fort))}
.ux-pil-chiffre.rouge{background:hsl(var(--destructive-doux));border-color:hsl(var(--destructive-trait))}
.ux-pil-chiffre.rouge strong{color:hsl(var(--destructive-fort))}
.ux-pil-manques{margin:0;padding:0;list-style:none;display:grid;gap:3px}
.ux-pil-manques li{font-size:var(--ap-t-xs);color:hsl(var(--warning-fort))}
.ux-pil-manques li::before{content:"Manque · ";font-weight:var(--ap-g-titre)}
.ux-pil-pied{margin:12px 0 0;font-size:var(--ap-t-xs);color:hsl(var(--muted-foreground))}
.ux-pil-pied a{color:hsl(var(--muted-foreground));text-decoration:underline}

/* Liste derrière un chiffre : lignes denses, toute la ligne ouvre. */
.ux-pil-liste{padding:4px 0}
.ux-pil-ligne{display:flex;align-items:center;justify-content:space-between;gap:var(--ap-e3);padding:var(--ap-e2) var(--ap-e3);border-bottom:1px solid hsl(var(--ap-trait));color:hsl(var(--ap-encre));text-decoration:none;min-height:44px}
.ux-pil-ligne:last-child{border-bottom:0}
.ux-pil-ligne:hover{background:hsl(var(--ap-action-doux))}
.ux-pil-ligne>span:first-child{display:grid;gap:1px;min-width:0}
.ux-pil-ligne strong{font-size:var(--ap-t-m)}
.ux-pil-ligne small{font-size:var(--ap-t-xs);color:hsl(var(--muted-foreground))}
.ux-pil-ligne .btn{flex:none}

/* Administratif : action nommée, bloquant ≠ à faire. */
.ux-adm-bloque{display:inline-block;font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);color:hsl(var(--destructive-fort));background:hsl(var(--destructive-doux));border:1px solid hsl(var(--destructive-trait));border-radius:var(--ap-r-l);padding:1px 7px;margin-left:6px;vertical-align:middle}
.ux-adm-afaire{display:inline-block;font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);color:hsl(var(--warning-fort));background:hsl(var(--warning-doux));border:1px solid hsl(var(--warning-trait));border-radius:var(--ap-r-l);padding:1px 7px;margin-left:6px;vertical-align:middle}
.ux-adm-saisie{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}
.ux-adm-saisie input{min-height:32px;padding:4px var(--ap-e2);font-size:var(--ap-t-s);border:1px solid hsl(var(--border));border-radius:var(--ap-r-s);width:120px}
.ux-adm-saisie input[type=text]{width:150px}
.ux-adm-saisie .btn{min-height:var(--ap-h-ctrl);padding:4px var(--ap-e2);font-size:var(--ap-t-s)}
.ux-adm-ok{font-size:var(--ap-t-s);color:hsl(var(--success-fort))}

@media (max-width:760px){
  .ux-pil-grille{grid-template-columns:minmax(0,1fr)}
  .ux-pil-chiffres{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .ux-pil-chiffre{padding:7px var(--ap-e2)}
  .ux-pil-chiffre strong{font-size:var(--ap-t-xl)}
  .ux-pil-chiffre span{font-size:var(--ap-t-xs)}
  .ux-pil-chiffre small{font-size:var(--ap-t-xs)}
  .ux-pil-bloc{padding:var(--ap-e2)}
  .ux-gestion-tete{margin-bottom:8px}
  .ux-gestion-tete h1{font-size:var(--ap-t-xl)}
  .ux-gestion-acces{margin-left:0;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:2px}
  .ux-gestion-acces .btn{flex:none;min-height:30px;padding:4px var(--ap-e2)}
  .ux-adm-saisie input,.ux-adm-saisie input[type=text]{width:100%;flex:1 1 120px}
}

/* Administratif : « en retard » cliquable ; lignes de saisie en ligne. */
.ux-adm-chiffre{display:block;text-align:left;background:none;border:0;padding:0;cursor:pointer;font:inherit}
.ux-adm-chiffre>span{font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.ux-adm-chiffre.ux-adm-rouge strong{color:hsl(var(--destructive-fort))}
.ux-adm-chiffre:hover span{text-decoration:underline}
.ux-adm-ligne{cursor:default;gap:6px}
.ux-adm-ligne-nom{background:none;border:0;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer}
.ux-adm-ligne-nom:hover strong{text-decoration:underline}
.ux-adm-frais{display:grid;gap:4px}
.ux-adm-poste{font-size:var(--ap-t-s);min-width:150px;color:hsl(var(--ap-doux))}
.v2-f4-sous-titre{margin:4px 0 6px;font-size:var(--ap-t-m);color:var(--navy)}