/* 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:8px 16px;margin-bottom:12px}
.ux-gestion-tete h1{margin:0;font-size:22px;line-height:1.2}
.ux-gestion-tete>.muted{font-size:12.5px}
.ux-gestion-acces{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.ux-gestion-acces .btn{min-height:32px;padding:5px 11px;font-size:12.5px}

/* Pilotage : 4 blocs, chiffres cliquables. */
.ux-pil-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ux-pil-bloc{background:#fff;border:1px solid hsl(var(--bord));border-radius:14px;padding:12px 14px;display:grid;gap:10px;align-content:start}
.ux-pil-entete{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.ux-pil-bloc h2{margin:0;font-size:15px;color:var(--navy)}
.ux-pil-source{font-size:11px;color:hsl(var(--muted-foreground))}
.ux-pil-chiffres{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px}
.ux-pil-chiffre{display:grid;gap:2px;align-content:start;padding:9px 11px;border-radius:10px;border:1px solid #e3ebf3;background:#f8fbfe;color:#263f55;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:0 4px 14px #1d3e5c1f;outline:none}
.ux-pil-chiffre strong{font-size:22px;line-height:1.15;color:var(--navy);font-variant-numeric:tabular-nums}
.ux-pil-chiffre span{font-size:12px;font-weight:600}
.ux-pil-chiffre small{font-size:11px;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:11.5px;color:hsl(var(--warning-fort))}
.ux-pil-manques li::before{content:"Manque · ";font-weight:700}
.ux-pil-pied{margin:12px 0 0;font-size:11.5px;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:12px;padding:8px 14px;border-bottom:1px solid #edf1f6;color:#263f55;text-decoration:none;min-height:44px}
.ux-pil-ligne:last-child{border-bottom:0}
.ux-pil-ligne:hover{background:#f5f9ff}
.ux-pil-ligne>span:first-child{display:grid;gap:1px;min-width:0}
.ux-pil-ligne strong{font-size:13px}
.ux-pil-ligne small{font-size:11.5px;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:10.5px;font-weight:700;color:hsl(var(--destructive-fort));background:hsl(var(--destructive-doux));border:1px solid hsl(var(--destructive-trait));border-radius:20px;padding:1px 7px;margin-left:6px;vertical-align:middle}
.ux-adm-afaire{display:inline-block;font-size:10.5px;font-weight:700;color:hsl(var(--warning-fort));background:hsl(var(--warning-doux));border:1px solid hsl(var(--warning-trait));border-radius:20px;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 8px;font-size:12.5px;border:1px solid hsl(var(--border));border-radius:8px;width:120px}
.ux-adm-saisie input[type=text]{width:150px}
.ux-adm-saisie .btn{min-height:32px;padding:4px 10px;font-size:12.5px}
.ux-adm-ok{font-size:12px;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 8px}
  .ux-pil-chiffre strong{font-size:17px}
  .ux-pil-chiffre span{font-size:11px}
  .ux-pil-chiffre small{font-size:10.5px}
  .ux-pil-bloc{padding:10px}
  .ux-gestion-tete{margin-bottom:8px}
  .ux-gestion-tete h1{font-size:19px}
  .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 10px}
  .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:12px;color:#6d8296}
.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:12px;min-width:150px;color:#4f6880}
.v2-f4-sous-titre{margin:4px 0 6px;font-size:13px;color:var(--navy)}