/* Lot A4 (audit de JB du 22/10, lot 4 + densité du lot 9) : l'Administratif fusionné.
   Jetons du recadrage seulement (front/recadrage.css) : 13 px de base, grille de 4 px, un bleu
   d'action, trois couleurs d'état ; une ligne dès qu'on compare ; badges jamais coupés. */

/* ── Dossiers : la carte grise de la ligne (état de la V1, « Lancer → » en lien) ── */
.or-cg-l{font-size:var(--ap-t-s);font-weight:var(--ap-g-titre);color:hsl(var(--ap-action-fort));text-decoration:none;white-space:nowrap}
.or-cg-l:hover{text-decoration:underline}
.or-cg-e{font-size:var(--ap-t-s);font-weight:var(--ap-g-titre);color:hsl(var(--ap-doux));white-space:nowrap}
.or-cg-e.vert{color:hsl(var(--ap-vert))}.or-cg-e.orange{color:hsl(var(--ap-ambre))}.or-cg-e.rouge{color:hsl(var(--ap-rouge))}
.or-go a.or-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}

/* ── Volet : carte grise de la V1 (à lancer / déposée / reçue), formulaire en ligne ── */
.or-sec h3 .d.vert{color:hsl(var(--ap-vert))}.or-sec h3 .d.orange{color:hsl(var(--ap-ambre))}.or-sec h3 .d.rouge{color:hsl(var(--ap-rouge))}
.or-cg3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ap-e1)}
.or-cg3 span{padding:var(--ap-e1) var(--ap-e2);border-radius:var(--ap-r-s);font-size:var(--ap-t-s);font-weight:var(--ap-g-titre);text-align:center;background:hsl(var(--ap-gris-doux));color:hsl(var(--ap-doux))}
.or-cg3 span.on{background:hsl(var(--ap-vert-doux));color:hsl(var(--ap-vert))}
.or-cg3 span.ici{box-shadow:0 0 0 1px hsl(var(--ap-action)) inset;color:hsl(var(--ap-action-fort));background:hsl(var(--ap-action-doux))}
.or-cg-form,.or-ct-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--ap-e2);margin-top:var(--ap-e2)}
.or-cg-form .or-champ,.or-ct-form .or-champ{height:auto;min-height:var(--ap-h-ctrl);padding:var(--ap-e1) var(--ap-e2);display:grid;gap:2px;flex:1 1 140px}
.or-cg-form .or-champ span,.or-ct-form .or-champ span{font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);color:hsl(var(--ap-doux))}
.or-cg-form select,.or-cg-form input,.or-ct-form input{width:100%;border:0;background:none;outline:none;font:inherit;font-size:var(--ap-t-m);font-weight:var(--ap-g-moyen);text-align:left}
.or-cg-form .or-btn,.or-ct-form .or-btn{height:var(--ap-h-ctrl)}
.or-ct-form{grid-column:1/-1}
.or-mini.v1{background:hsl(var(--ap-gris-doux));color:hsl(var(--ap-doux));box-shadow:0 0 0 1px hsl(var(--ap-trait)) inset;font-weight:var(--ap-g-moyen)}
a.or-mini{display:inline-flex;align-items:center;text-decoration:none;color:inherit}

/* ── Volet : fiche administrative (CT, CV / CO₂, frais, facture d'achat) en lignes ── */
.or-fa{display:grid;grid-template-columns:auto 1fr auto;gap:var(--ap-e1) var(--ap-e3);align-items:center;font-size:var(--ap-t-m)}
.or-fa>span:not(.g){color:hsl(var(--ap-doux));font-weight:var(--ap-g-titre)}
.or-fa>b{font-weight:var(--ap-g-titre);min-width:0;white-space:normal}
.or-fa>b.vert{color:hsl(var(--ap-vert))}.or-fa>b.orange{color:hsl(var(--ap-ambre))}.or-fa>b.rouge{color:hsl(var(--ap-rouge))}
.or-fa .g{justify-self:end}
.or-docs span.or-dc{cursor:default}

/* ── Pièces : un groupe par voiture (ligne repliée, dépliée d'un clic) ── */
.v2-pieces-groupes{display:grid;border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-l);background:hsl(var(--ap-carte));overflow:hidden}
.v2-pg{display:grid;grid-template-columns:1fr auto;align-items:center;border-top:1px solid hsl(var(--ap-trait))}
.v2-pg:first-child{border-top:0}
.v2-pg-tete{display:flex;align-items:center;gap:var(--ap-e2);min-height:var(--ap-h-ligne);padding:0 var(--ap-e3);text-align:left;font-size:var(--ap-t-m);background:none;border:0;cursor:pointer;color:hsl(var(--ap-encre));min-width:0}
.v2-pg-tete:hover{background:hsl(var(--ap-gris-doux))}
.v2-pg-tete strong{font-weight:var(--ap-g-titre);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v2-pg-fl{width:12px;color:hsl(var(--ap-doux))}
.v2-pg-n{color:hsl(var(--ap-doux));font-size:var(--ap-t-s);white-space:nowrap}
.v2-pg-fiche{padding:0 var(--ap-e3);font-size:var(--ap-t-s);font-weight:var(--ap-g-titre);color:hsl(var(--ap-action-fort));text-decoration:none}
.v2-pg-corps{grid-column:1/-1;padding:0 var(--ap-e3) var(--ap-e2) calc(var(--ap-e3) + 20px)}
.v2-pg.sans .v2-pg-tete strong{color:hsl(var(--ap-ambre))}
.v2-pg-corps .v2-piece{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr) auto;padding:var(--ap-e1) 0}

/* ── CT : une ligne par voiture, badge entier, « Renseigner le CT » en place ── */
.v2-ct-lignes{display:grid;border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-l);background:hsl(var(--ap-carte));margin:var(--ap-e2) 0}
.v2-ct-ligne{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:var(--ap-e3);align-items:center;min-height:var(--ap-h-ligne);padding:var(--ap-e1) var(--ap-e3);border-top:1px solid hsl(var(--ap-trait));font-size:var(--ap-t-m)}
.v2-ct-ligne:first-child{border-top:0}
.v2-ct-nom{font-weight:var(--ap-g-titre);color:hsl(var(--ap-encre));text-decoration:none;min-width:0}
.v2-ct-nom:hover{color:hsl(var(--ap-action-fort))}
.v2-ct-etat{font-size:var(--ap-t-s);font-weight:var(--ap-g-titre);white-space:normal;overflow-wrap:anywhere}
.v2-ct-etat.red{color:hsl(var(--ap-rouge))}.v2-ct-etat.amber{color:hsl(var(--ap-ambre))}.v2-ct-etat.green{color:hsl(var(--ap-vert))}.v2-ct-etat.grey{color:hsl(var(--ap-doux))}
.v2-ct-form{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--ap-e2);padding-bottom:var(--ap-e2)}
.v2-ct-date{display:grid;gap:2px;font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);color:hsl(var(--ap-doux))}
.v2-ct-date input{height:var(--ap-h-ctrl);font-size:var(--ap-t-m)}
.v2-ct-bas{display:grid;grid-template-columns:1fr 1fr;gap:var(--ap-e3)}
.v2-ct-bas .panel-title .btn{margin-left:auto}

/* ── Générer : modèles en lignes serrées (34 modèles sans défiler à 1 440 px) ── */
.v2-modeles.v2-modeles-lignes{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--ap-e1)}
.v2-modeles-lignes .v2-modele{padding:var(--ap-e1) var(--ap-e2);border-radius:var(--ap-r-m);min-height:36px}
.v2-modeles-lignes .v2-modele-icone{width:22px;height:26px;font-size:var(--ap-t-s)}
.v2-modeles-lignes .v2-modele strong{font-size:var(--ap-t-s);font-weight:var(--ap-g-moyen)}
.panel-title .btn[data-lien="carte-documents"]{margin-left:auto}

@media (max-width:760px){
  .v2-ct-ligne{grid-template-columns:1fr auto}
  .v2-ct-etat{grid-column:1/-1;order:3}
  .v2-ct-bas{grid-template-columns:1fr}
  .v2-pg-corps{padding-left:var(--ap-e3)}
  .v2-pg-corps .v2-piece{grid-template-columns:1fr auto}
  .or-fa{grid-template-columns:auto 1fr}
  .or-fa .g{grid-column:1/-1;justify-self:start}
}

/* Démarches de carte grise hors de la file (ancien onglet « Carte grise & formalités ») */
.or-autre{cursor:pointer;display:flex;align-items:center;gap:var(--ap-e3);min-height:var(--ap-h-ligne);padding:0 var(--ap-e3);border-top:1px solid hsl(var(--ap-trait));font-size:var(--ap-t-m);color:hsl(var(--ap-encre));text-decoration:none}
.or-autre b{font-weight:var(--ap-g-titre);flex:1;min-width:0}
.or-autre-g{font-size:var(--ap-t-s);font-weight:var(--ap-g-titre);color:hsl(var(--ap-action-fort))}
.or-autre:hover{background:hsl(var(--ap-gris-doux))}
.or-autre-n{font-size:var(--ap-t-s);color:hsl(var(--ap-doux));flex:1;min-width:0}