/* Lot B5 (22/10) : Pilotage (Reporting de la V1), Commissions, écrans utilisés — en ligne.
   Jetons du recadrage du 21/10 (front/recadrage.css) : texte 13 px, grille de 4 px, filets, un seul
   bleu d'action, trois couleurs d'état (vert, ambre, rouge). Graphiques sobres : des barres d'une
   seule teinte, la valeur écrite à côté. Retour arrière : retirer la ligne <link … pilotage-v1.css>. */
.plt{display:flex;flex-direction:column;gap:var(--ap-e3);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;max-width:1600px}
.plt .num{font-variant-numeric:tabular-nums}
.plt-tete{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ap-e2) var(--ap-e3)}
.plt-tete h1{margin:0;font-size:var(--ap-t-titre);font-weight:var(--ap-g-titre);line-height:var(--ap-li-serre);display:flex;align-items:baseline;gap:var(--ap-e2)}
.plt-mois{font-size:var(--ap-t-s);font-weight:var(--ap-g-moyen);color:hsl(var(--ap-doux))}
.plt-lien{margin-left:auto;color:hsl(var(--ap-action-fort));font-weight:var(--ap-g-moyen);text-decoration:none}
.plt-lien:hover{text-decoration:underline}
.plt-onglets{display:flex;flex-wrap:wrap;gap:var(--ap-e1);border-bottom:1px solid hsl(var(--ap-trait));padding-bottom:var(--ap-e1)}
.plt-onglets button{height:var(--ap-h-ctrl);padding:0 var(--ap-e3);border:0;border-radius:var(--ap-r-s);background:transparent;color:hsl(var(--ap-doux));font:inherit;font-weight:var(--ap-g-moyen);cursor:pointer;white-space:nowrap}
.plt-onglets button:hover{background:hsl(var(--ap-gris-doux));color:hsl(var(--ap-encre))}
.plt-onglets button.on{background:hsl(var(--ap-action-doux));color:hsl(var(--ap-action-fort))}
.plt-onglet{display:flex;flex-direction:column;gap:var(--ap-e3)}
.plt-sec{display:flex;flex-direction:column;gap:var(--ap-e2)}
.plt-h2{margin:0;font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);letter-spacing:.05em;text-transform:uppercase;color:hsl(var(--ap-doux));border-bottom:1px solid hsl(var(--ap-trait));padding-bottom:var(--ap-e1)}
.plt-h3{margin:0 0 var(--ap-e2);font-size:var(--ap-t-s);font-weight:var(--ap-g-titre);color:hsl(var(--ap-doux));display:flex;align-items:baseline;gap:var(--ap-e1)}
.plt-droite{margin-left:auto;color:hsl(var(--ap-encre))}
.plt-ks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ap-e2)}
.plt-k{display:flex;flex-direction:column;gap:2px;padding:var(--ap-e3);border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-m);background:hsl(var(--ap-carte));box-shadow:var(--ap-ombre-1);min-width:0}
.plt-k-lib{font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--ap-doux))}
.plt-k-v{font-size:var(--ap-t-chiffre);font-weight:var(--ap-g-chiffre);line-height:var(--ap-li-serre)}
.plt-k-v .plt-reserve{font-size:var(--ap-t-s);font-weight:var(--ap-g-moyen)}
.plt-k-s{font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.plt-k.vert .plt-k-v{color:hsl(var(--ap-vert))}
.plt-k.rouge .plt-k-v{color:hsl(var(--ap-rouge))}
.plt-k.ambre .plt-k-v{color:hsl(var(--ap-ambre))}
.plt-carte{padding:var(--ap-e3);border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-m);background:hsl(var(--ap-carte));display:flex;flex-direction:column;gap:var(--ap-e2);min-width:0}
.plt-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ap-e4)}
.plt-totaux{display:flex;flex-wrap:wrap;gap:var(--ap-e4);font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.plt-totaux b{font-size:var(--ap-t-l);color:hsl(var(--ap-encre))}
.plt-colonnes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--ap-e2);align-items:end;height:160px}
.plt-col{display:flex;flex-direction:column;align-items:center;gap:2px;height:100%;min-width:0}
.plt-col-n{font-size:var(--ap-t-s);font-weight:var(--ap-g-chiffre)}
.plt-col-b{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}
.plt-col-b i{display:block;width:60%;max-width:40px;min-height:2px;border-radius:var(--ap-r-s) var(--ap-r-s) 0 0;background:hsl(var(--ap-action))}
.plt-col-l{font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.plt-col-s{font-size:var(--ap-t-xs);color:hsl(var(--ap-doux));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.plt-barre{display:grid;grid-template-columns:minmax(64px,auto) 1fr auto;align-items:center;gap:var(--ap-e2);min-height:22px}
.plt-barre-l{font-size:var(--ap-t-s);color:hsl(var(--ap-doux));white-space:nowrap}
.plt-barre-f{height:8px;border-radius:999px;background:hsl(var(--ap-gris-doux));overflow:hidden}
.plt-barre-f i{display:block;height:100%;border-radius:999px;background:hsl(var(--ap-action))}
.plt-barre-v{font-size:var(--ap-t-s);text-align:right;white-space:nowrap}
.plt-cran-1{opacity:.45}.plt-cran-2{opacity:.6}.plt-cran-3{background:hsl(var(--ap-ambre-vif))!important}.plt-cran-4{background:hsl(var(--ap-ambre))!important}.plt-cran-5{background:hsl(var(--ap-rouge))!important}
.plt-alerte{margin:var(--ap-e1) 0 0;padding:var(--ap-e1) var(--ap-e2);border-radius:var(--ap-r-s);font-size:var(--ap-t-s);font-weight:var(--ap-g-moyen)}
.plt-alerte.ambre{background:hsl(var(--ap-ambre-doux));color:hsl(var(--ap-ambre))}
.plt-alerte.rouge{background:hsl(var(--ap-rouge-doux));color:hsl(var(--ap-rouge))}
.plt-t{width:100%;border-collapse:collapse;background:hsl(var(--ap-carte));border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-m);overflow:hidden}
.plt-t th{font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--ap-doux));text-align:left;padding:var(--ap-e2);border-bottom:1px solid hsl(var(--ap-trait));background:hsl(var(--ap-gris-doux));white-space:nowrap}
.plt-t td{padding:var(--ap-e2);border-bottom:1px solid hsl(var(--ap-trait));vertical-align:top}
.plt-t tr:last-child td{border-bottom:0}
.plt-t .d{text-align:right;white-space:nowrap}
.plt-t td.vert{color:hsl(var(--ap-vert))}.plt-t td.rouge{color:hsl(var(--ap-rouge))}.plt-t td.ambre{color:hsl(var(--ap-ambre))}
.plt-t a{color:hsl(var(--ap-action-fort));text-decoration:none}
.plt-g{width:18%}
.plt-mini{display:flex;flex-direction:column;gap:2px;margin-top:4px}
.plt-mini i{display:block;height:6px;border-radius:999px;background:hsl(var(--ap-action));opacity:.35}
.plt-mini i.mg{opacity:1;background:hsl(var(--ap-vert))}
.plt-mut{display:block;font-size:var(--ap-t-xs);color:hsl(var(--ap-doux))}
.plt-reserve{font-size:var(--ap-t-s);color:hsl(var(--ap-doux));font-style:italic;white-space:nowrap}
.plt-note,.plt-illisible,.plt-attente,.plt-vide{margin:0;padding:var(--ap-e2) var(--ap-e3);border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-m);background:hsl(var(--ap-gris-doux));color:hsl(var(--ap-doux));font-size:var(--ap-t-s)}
.plt-illisible{border-color:hsl(var(--ap-rouge)/.3);background:hsl(var(--ap-rouge-doux));color:hsl(var(--ap-rouge))}
.plt-legende{margin:0;font-size:var(--ap-t-s);color:hsl(var(--ap-doux));display:flex;flex-wrap:wrap;align-items:center;gap:var(--ap-e2)}
.plt-seg{display:inline-flex;align-self:flex-start;border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);overflow:hidden}
.plt-seg button{height:var(--ap-h-ctrl);padding:0 var(--ap-e3);border:0;background:hsl(var(--ap-carte));color:hsl(var(--ap-doux));font:inherit;font-weight:var(--ap-g-moyen);cursor:pointer}
.plt-seg button+button{border-left:1px solid hsl(var(--ap-trait-fort))}
.plt-seg button.on{background:hsl(var(--ap-action-doux));color:hsl(var(--ap-action-fort))}
.plt-barre-outils{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ap-e2)}
.plt-barre-outils select,.cm-filtre,.cm-l input,.cm-l select{height:var(--ap-h-ctrl);border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);background:hsl(var(--ap-carte));color:hsl(var(--ap-encre));font:inherit;padding:0 var(--ap-e2);min-width:0}
.plt-badge{display:inline-block;padding:1px var(--ap-e2);border-radius:999px;border:1px solid hsl(var(--ap-trait-fort));font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);white-space:nowrap}
.plt-badge.vert{background:hsl(var(--ap-vert-doux));color:hsl(var(--ap-vert));border-color:transparent}
.plt-badge.ambre{background:hsl(var(--ap-ambre-doux));color:hsl(var(--ap-ambre));border-color:transparent}
.plt-usage{align-items:start}
/* Commissions */
.cm .vert{color:hsl(var(--ap-vert))}.cm .ambre{color:hsl(var(--ap-ambre))}
.cm-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--ap-e2);padding:var(--ap-e3);border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-m);background:hsl(var(--ap-carte));margin-bottom:var(--ap-e2)}
.cm-l{display:flex;flex-direction:column;gap:2px;font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);color:hsl(var(--ap-doux));min-width:120px}
.cm-l.cm-large{flex:1;min-width:200px}
.cm-b{height:var(--ap-h-ctrl)}
.cm-t select{height:26px;border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-s);background:hsl(var(--ap-carte));font:inherit;font-size:var(--ap-t-s)}
.cm-recue{display:inline-flex;align-items:center;gap:var(--ap-e1);font-size:var(--ap-t-s)}
.cm-x{border:0;background:transparent;color:hsl(var(--ap-doux));font-size:var(--ap-t-l);cursor:pointer;padding:0 var(--ap-e1)}
.cm-x:hover{color:hsl(var(--ap-rouge))}
@media (max-width:1100px){.plt-ks{grid-template-columns:repeat(2,minmax(0,1fr))}.plt-2col{grid-template-columns:1fr}}
@media (max-width:760px){
  .plt{padding:var(--ap-e2) var(--ap-e3) var(--ap-e5)}
  .plt-onglets{flex-wrap:nowrap;overflow-x:auto}
  .plt-k-v{font-size:var(--ap-t-titre)}
  .plt-g,.plt-t .plt-g{display:none}
  .plt-t{display:block;overflow-x:auto}
  .plt-colonnes{height:130px}
  .plt-lien{margin-left:0}
}