/* Lot N1 (21/10) : « Demandes à l'atelier » (ordre de travail), un composant pour la fiche, le bon
   de commande, l'atelier et Aujourd'hui. Recadrage du 21/10 : jetons --ap-… seulement (texte 13 px,
   grille 4 px, filets, un seul bleu d'action), une ligne par demande, aucun cadre dans un cadre. */
.da{font-family:var(--ap-police);font-size:var(--ap-t-m);line-height:var(--ap-li);color:hsl(var(--ap-encre));display:flex;flex-direction:column;gap:var(--ap-e2);margin:0 0 var(--ap-e3)}
.da-tete{display:flex;align-items:center;gap:var(--ap-e2);flex-wrap:wrap;min-height:var(--ap-h-ctrl)}
.da-t{font-size:var(--ap-t-l);font-weight:var(--ap-g-titre)}
.da-n{font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.da-n.ouvertes{color:hsl(var(--ap-ambre));font-weight:var(--ap-g-moyen)}
.da-plus{margin-left:auto}
.da-b{height:var(--ap-h-ctrl);padding:0 var(--ap-e3);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;font-size:var(--ap-t-s);font-weight:var(--ap-g-titre);cursor:pointer;white-space:nowrap}
.da-b:hover{background:hsl(var(--ap-fond))}
.da-b.prim{background:hsl(var(--ap-action));border-color:hsl(var(--ap-action));color:hsl(var(--ap-carte))}
.da-b.prim:hover{background:hsl(var(--ap-action-fort))}
.da-b:disabled{opacity:.45;cursor:default}
.da-ls{display:flex;flex-direction:column}
.da-l{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--ap-e2) var(--ap-e3);align-items:center;padding:6px 0;border-top:1px solid hsl(var(--ap-trait))}
.da-l:first-child{border-top:0}
.da-tx{min-width:0;display:flex;flex-direction:column}
.da-tx b{font-weight:var(--ap-g-moyen);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.da-tx small{font-size:var(--ap-t-s);color:hsl(var(--ap-doux));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.da-v{font-size:var(--ap-t-xs);color:hsl(var(--ap-action));text-decoration:none;font-weight:var(--ap-g-titre)}
.da-l.faite b{color:hsl(var(--ap-doux));text-decoration:line-through}
.da-tag{font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);padding:2px var(--ap-e2);border-radius:var(--ap-r-s)}
.da-tag.rouge{color:hsl(var(--ap-rouge));background:hsl(var(--ap-rouge-doux))}
.da-tag.orange{color:hsl(var(--ap-ambre));background:hsl(var(--ap-ambre-doux))}
.da-tag.vert{color:hsl(var(--ap-vert));background:hsl(var(--ap-vert-doux))}
.da-act{display:flex;gap:var(--ap-e1)}
.da-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ap-e2);padding:var(--ap-e2) 0;border-top:1px solid hsl(var(--ap-trait))}
.da-in{flex:1 1 260px;min-width:0;height:var(--ap-h-ctrl);padding:0 var(--ap-e2);border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);font:inherit;font-size:var(--ap-t-m);background:hsl(var(--ap-carte));color:hsl(var(--ap-encre))}
.da-in.court{flex:0 1 180px}
.da-seg{display:inline-flex;border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);overflow:hidden}
.da-seg button{height:calc(var(--ap-h-ctrl) - 2px);padding:0 var(--ap-e3);border:0;border-left:1px solid hsl(var(--ap-trait));background:hsl(var(--ap-carte));font:inherit;font-size:var(--ap-t-s);color:hsl(var(--ap-encre));cursor:pointer}
.da-seg button:first-child{border-left:0}
.da-seg button.on{background:hsl(var(--ap-action-doux));color:hsl(var(--ap-action-fort));font-weight:var(--ap-g-titre)}
.da-date{font-size:var(--ap-t-s);color:hsl(var(--ap-doux));display:inline-flex;align-items:center;gap:var(--ap-e1)}
.da-date input{height:var(--ap-h-ctrl);border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);font:inherit;font-size:var(--ap-t-s);padding:0 var(--ap-e1);background:hsl(var(--ap-carte));color:hsl(var(--ap-encre))}
.da-bloque{margin:0;font-size:var(--ap-t-s);color:hsl(var(--ap-rouge));font-weight:var(--ap-g-moyen)}
.da-v1{margin:0;font-size:var(--ap-t-s);color:hsl(var(--ap-ambre))}
.da-v1 a{color:hsl(var(--ap-action));font-weight:var(--ap-g-titre)}
.da-err{margin:0;font-size:var(--ap-t-s);color:hsl(var(--ap-rouge))}
/* Atelier et Aujourd'hui : la liste est un bloc simple (filet + ombre 1), pas une carte de plus. */
.da[data-demandes-atelier="garage"]{background:hsl(var(--ap-carte));border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-l);box-shadow:var(--ap-ombre-1);padding:var(--ap-e3) var(--ap-e4)}
/* Recadrage (21/10) : au poste, une demande = une ligne (voiture · demande · qui et quand) ; la liste du
   garage tient en huit lignes, les suivantes défilent dans le bloc. */
@media (min-width:900px){
  .da-l{padding:4px 0}
  .da-tx{flex-direction:row;align-items:baseline;gap:var(--ap-e3)}
  .da-v{flex:0 0 240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .da-tx b{flex:1 1 auto;min-width:0}
  .da-tx small{flex:0 1 auto;max-width:36%}
  .da[data-demandes-atelier="garage"] .da-ls{max-height:calc(8 * 25px);overflow:auto}
}
@media (max-width:600px){
  .da-l{grid-template-columns:minmax(0,1fr) auto}
  .da[data-demandes-atelier="garage"] .da-ls{max-height:200px;overflow:auto}
  .da-act{grid-column:1/-1}
  .da-seg{flex-wrap:wrap}
}