/* Atelier-3 (01/11) : « Mon travail » et la fiche de travail du mécanicien (préfixe at3-, libre dans front/
   au 01/11). Un mot, une couleur ; un seul bouton bleu ; au téléphone : 15 px, cibles de 44 px, rien de côté. */
.at3{display:flex;flex-direction:column;gap:12px;min-width:0;max-width:1180px}
.at3-tete{display:flex;flex-direction:column;gap:8px}
.at3-choix{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.at3-filtres{display:none}
.at3-seg{display:inline-flex;gap:2px;padding:2px;border-radius:var(--ap-r-m);background:hsl(var(--ap-gris-doux))}
.at3-seg button{border:0;background:transparent;padding:6px 12px;border-radius:var(--ap-r-s);font:inherit;font-size:var(--ap-t-m);font-weight:600;color:hsl(var(--ap-doux));cursor:pointer;min-height:36px}
.at3-seg button.on{background:hsl(var(--ap-carte));color:hsl(var(--ap-encre));box-shadow:0 1px 2px hsl(0 0% 0% / .08)}
.at3-mots{display:flex;flex-wrap:wrap;gap:6px}
.at3-k{display:inline-flex;align-items:baseline;gap:5px;border:1px solid hsl(var(--ap-trait));background:hsl(var(--ap-carte));border-radius:999px;padding:4px 10px;font:inherit;font-size:var(--ap-t-m);cursor:pointer;min-height:32px;color:hsl(var(--ap-encre))}
.at3-k b{font-size:15px}
.at3-k[data-ton="rouge"] b{color:hsl(var(--ap-rouge))}.at3-k[data-ton="orange"] b{color:hsl(var(--ap-ambre))}
.at3-k[data-ton="bleu"] b{color:hsl(var(--ap-action))}.at3-k[data-ton="vert"] b{color:hsl(var(--ap-vert))}
.at3-k.on{border-color:hsl(var(--ap-encre));box-shadow:inset 0 0 0 1px hsl(var(--ap-encre))}
.at3-autre{margin-left:auto;font-size:var(--ap-t-m);color:hsl(var(--ap-doux));text-decoration:none;padding:6px 10px;border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-s);min-height:36px;display:inline-flex;align-items:center}
.at3-liste{display:flex;flex-direction:column;border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-l);background:hsl(var(--ap-carte));overflow:hidden}
.at3-l{display:grid;grid-template-columns:76px minmax(0,1fr) auto 20px;align-items:center;column-gap:12px;min-height:60px;padding:6px 12px;color:inherit;text-decoration:none;border-top:1px solid hsl(var(--ap-trait))}
.at3-l:first-child{border-top:0}
.at3-l:hover{background:hsl(var(--ap-gris-doux))}
.at3-l[data-ton="rouge"]{box-shadow:inset 4px 0 0 hsl(var(--ap-rouge))}
.at3-l[data-ton="orange"]{box-shadow:inset 4px 0 0 hsl(var(--ap-ambre))}
.at3-l[data-ton="bleu"]{box-shadow:inset 4px 0 0 hsl(var(--ap-action))}
.at3-l[data-ton="vert"]{box-shadow:inset 4px 0 0 hsl(var(--ap-vert))}
.at3-img{width:76px;height:50px;object-fit:cover;border-radius:var(--ap-r-s);display:flex;align-items:center;justify-content:center;overflow:hidden}
.at3-tx{display:flex;flex-direction:column;min-width:0}
.at3-tx b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at3-pl{font-size:var(--ap-t-s);color:hsl(var(--ap-doux));white-space:nowrap}
.at3-urg{font-style:normal;color:hsl(var(--ap-rouge));margin-right:4px;font-size:11px}
@media (max-width:767px){.at3-urg{font-size:15px}}
.at3-ld{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.at3-dt{font-size:var(--ap-t-s);font-weight:600;color:hsl(var(--ap-doux))}
.at3-dt[data-ton="rouge"]{color:hsl(var(--ap-rouge))}.at3-dt[data-ton="orange"]{color:hsl(var(--ap-ambre))}
.at3-go{font-size:22px;font-weight:700;color:hsl(var(--ap-action));text-align:center}
.at3-vide{margin:0;padding:16px;color:hsl(var(--ap-doux));font-size:15px}

/* La fiche de travail. */
.at3-nav{display:flex;align-items:center;gap:8px}
.at3-retour{text-decoration:none;font-weight:600;color:hsl(var(--ap-action));min-height:40px;display:inline-flex;align-items:center}
.at3-esp{flex:1}
.at3-vois{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-m);font-size:22px;font-weight:700;color:hsl(var(--ap-encre));text-decoration:none;background:hsl(var(--ap-carte))}
.at3-vois.off{opacity:.35}
.at3-rang{font-size:15px;color:hsl(var(--ap-doux))}
.at3-id{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:14px}
.at3-photo{width:120px;height:80px;object-fit:cover;border-radius:var(--ap-r-m);display:flex;align-items:center;justify-content:center;overflow:hidden}
.at3-id h1{margin:0;font-size:22px;line-height:1.2}
.at3-ids{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:15px;color:hsl(var(--ap-doux))}
.at3-ids span:first-child{font-weight:700;color:hsl(var(--ap-encre))}
.at3-mot{font-size:15px!important;padding:4px 12px!important}
.at3-gestes{display:flex;flex-wrap:wrap;gap:8px}
.at3-b{min-height:44px;padding:0 18px;border-radius:var(--ap-r-m);border:1px solid hsl(var(--ap-trait-fort,var(--ap-trait)));background:hsl(var(--ap-carte));color:hsl(var(--ap-encre));font:inherit;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.at3-b[aria-disabled="true"]{color:hsl(var(--ap-doux));cursor:not-allowed}
.at3-b.at3-bleu{background:hsl(var(--ap-action));border-color:hsl(var(--ap-action));color:#fff}
.at3-b:disabled{opacity:.55;cursor:not-allowed}
.at3-lien{margin-left:auto}
.at3-corps{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px;align-items:start}
.at3-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.at3-bloc{border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-l);background:hsl(var(--ap-carte));padding:4px 0 6px;min-width:0}
.at3-bloc h2{display:flex;align-items:center;gap:8px;margin:0;padding:8px 14px;font-size:15px;font-weight:700}
.at3-n{margin-left:auto;font-size:15px;color:hsl(var(--ap-doux));font-weight:600}
.at3-r{display:flex;align-items:center;gap:10px;min-height:44px;padding:2px 14px;border-top:1px solid hsl(var(--ap-trait))}
.at3-r.fait .at3-lib{color:hsl(var(--ap-doux))}
.at3-r.defaut{box-shadow:inset 3px 0 0 hsl(var(--ap-rouge))}
.at3-lib{flex:1;min-width:0;font-size:15px;overflow-wrap:anywhere}
.at3-qui,.at3-tps{font-size:var(--ap-t-s);color:hsl(var(--ap-doux));white-space:nowrap}
.at3-case{flex:0 0 auto;width:28px;height:28px;border-radius:7px;border:2px solid hsl(var(--ap-trait-fort,var(--ap-trait)));background:hsl(var(--ap-carte));color:#fff;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
.at3-case[aria-checked="true"]{background:hsl(var(--ap-vert));border-color:hsl(var(--ap-vert))}
.at3-def,.at3-chrono,.at3-mini{min-width:36px;min-height:36px;border-radius:var(--ap-r-s);border:1px solid hsl(var(--ap-trait));background:hsl(var(--ap-carte));color:hsl(var(--ap-encre));font:inherit;font-size:15px;font-weight:600;cursor:pointer;padding:0 8px}
.at3-def{color:hsl(var(--ap-rouge))}
.at3-chrono.on{border-color:hsl(var(--ap-action));color:hsl(var(--ap-action))}
.at3-note{display:block;width:calc(100% - 28px);margin:6px 14px;box-sizing:border-box;font:inherit;font-size:15px;border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-s);padding:8px;resize:vertical}
.at3-bloc[data-bloc="notes"] .at3-mini{margin:0 14px 4px}
.at3-demandes{padding:4px 14px 0}
/* Le bloc des demandes garde UN bouton bleu sur la fiche : le sien passe en gris. */
.at3-demandes .btn.primary,.at3-demandes .primary,.at3-demandes .da-b.prim{background:hsl(var(--ap-carte))!important;color:hsl(var(--ap-encre))!important;border:1px solid hsl(var(--ap-trait))!important}
.at3-erreur{margin:0;padding:10px 14px;border-radius:var(--ap-r-m);background:hsl(var(--ap-rouge-doux));color:hsl(var(--ap-rouge));display:flex;gap:10px;align-items:center;font-size:15px}
.at3-erreur button{margin-left:auto;border:0;background:transparent;font-size:22px;min-width:44px;min-height:44px;cursor:pointer;color:inherit}
.at3-voile{display:none}
.at3-voile.on{display:block;position:fixed;inset:0;background:hsl(0 0% 0% / .35);z-index:80}
.at3-boite{position:fixed;left:50%;top:20%;transform:translateX(-50%);width:min(440px,calc(100vw - 32px));background:hsl(var(--ap-carte));border-radius:var(--ap-r-l);padding:16px;z-index:81;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 30px hsl(0 0% 0% / .25)}
.at3-boite h2{margin:0;font-size:18px}
.at3-champ{min-height:44px;font:inherit;font-size:16px;border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-s);padding:0 10px}
.at3-bas{display:flex;justify-content:flex-end;gap:8px}
.at3-prendre{display:flex;align-items:center;justify-content:center;min-height:88px;border:2px dashed hsl(var(--ap-trait));border-radius:var(--ap-r-m);font-size:15px;cursor:pointer}
.at3-apercu{max-width:100%;max-height:240px;border-radius:var(--ap-r-m);object-fit:contain}
.at3-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:hsl(var(--ap-encre));color:hsl(var(--ap-carte));padding:10px 16px;border-radius:var(--ap-r-m);font-size:15px;z-index:90;max-width:calc(100vw - 32px)}

@media (max-width:900px){.at3-corps{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){
  /* Un seul « Filtres ▾ » : celui de la page ; celui de la coque est masqué. */
  body:has(section.at3) .n1-puce-filtres{display:none!important}
  /* Sans la puce, la rangée des onglets finirait juste au bord : on garde un onglet coupé (il défile de côté). */
  body:has(section.at3) .n1-onglets{max-width:calc(100% - 40px)}
  .at3{gap:10px}
  .at3-filtres{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 14px;border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-m);background:hsl(var(--ap-carte));font:inherit;font-size:15px;font-weight:600;color:hsl(var(--ap-encre))}
  .at3-choix{display:none}
  .at3-ouvert .at3-choix{display:flex;flex-direction:column;align-items:stretch}
  .at3-seg{display:flex}.at3-seg button{flex:1;min-height:44px;font-size:15px}
  .at3-k{min-height:44px;font-size:15px}
  .at3-autre{margin-left:0;min-height:44px;font-size:15px;justify-content:center}
  .at3-l{grid-template-columns:56px minmax(0,1fr) auto 18px;column-gap:10px;min-height:64px;padding:6px 8px 6px 10px}
  .at3-img{width:56px;height:40px}
  .at3-tx b{font-size:16px}
  .at3-pl,.at3-dt{font-size:15px}
  .at3-ld .ot-mot,.at3 .ot-mot{font-size:15px;padding:2px 10px}
  .at3-img,.at3-photo{font-size:15px}
  .at3-id{grid-template-columns:88px minmax(0,1fr);gap:10px}
  .at3-photo{width:88px;height:60px}
  .at3-id h1{font-size:18px}
  .at3-mot{grid-column:1 / -1;justify-self:start}
  .at3-gestes .at3-b{flex:1 1 40%}
  .at3-lien{margin-left:0}
  .at3-qui,.at3-tps{font-size:15px}
  .at3-case{width:32px;height:32px}
  .at3-def,.at3-chrono,.at3-mini{min-width:44px;min-height:44px}
  .at3-r{padding:2px 10px}
  .at3-bloc h2{padding:8px 10px}
}

/* Atelier-4 (02/11) : le check-in (tour de la voiture), le mot qui bloque « Terminé », le contrôle de fin
   (préfixe at4-). Le fil de la coque s'efface au-dessus de la fiche de travail (elle a « ‹ Mon travail »). */
.c1-fil.c1-masque{display:none!important}
.at4-tour{padding-bottom:10px}
.at4-tour h2 .ot-mot{margin-left:4px}
.at4-rub{border-top:1px solid hsl(var(--ap-trait));padding-top:2px}
.at4-rub h3{display:flex;align-items:center;gap:8px;margin:0;padding:8px 14px 4px;font-size:15px;font-weight:700}
.at4-toutok{margin-left:8px}
.at4-pt{flex-wrap:wrap}
.at4-pt[data-etat="ok"] .at3-lib{color:hsl(var(--ap-doux))}
.at4-pt[data-etat="defaut"]{box-shadow:inset 3px 0 0 hsl(var(--ap-rouge))}
.at4-seg button[data-etat-point="defaut"].on{color:hsl(var(--ap-rouge))}
.at4-seg button[data-etat-point="ok"].on{color:hsl(var(--ap-vert))}
.at4-note{flex:1 1 100%;margin:0 0 6px}
.at4-ajout{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px 14px}
.at4-ajout .at3-champ{flex:1 1 180px;min-width:0}
.at4-photo{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.at4-photo.on{border-color:hsl(var(--ap-vert));color:hsl(var(--ap-vert))}
.at4-valider{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;padding:10px 14px 0;border-top:1px solid hsl(var(--ap-trait))}
.at4-bloque{align-self:center}
.at4-fin{margin:0;font-size:15px}
@media (max-width:767px){
  .at4-rub h3{padding:8px 10px 4px}
  .at4-ajout{padding:6px 10px}
  .at4-seg{display:flex;width:100%}
  .at4-seg button{flex:1;min-height:44px;font-size:15px}
  .at4-ajout .at3-champ{flex:1 1 100%}
  .at4-ajout .at3-mini{flex:1 1 40%}
  .at4-valider .at3-b{flex:1 1 100%}
}
/* Essai grande distance et batterie (SOH) — 02/11 */
.at4-essai{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:8px;max-width:100%}
.at4-essai .at3-champ{width:100%;min-width:0;box-sizing:border-box}
.at4-essai [data-saisie="essai-le"],.at4-essai [data-saisie="essai-remarque"],.at4-essai-b{grid-column:1/-1}
.at4-essai-b{display:flex;gap:8px}
.at4-essai-b .at3-b{flex:1 1 0;min-width:0}
.at3-r[data-soh] .at4-km{width:88px;flex:none}
/* RÉCEPTION — le tour du mécanicien (02/11, maquette validée par JB) */
.rc{display:flex;flex-direction:column;gap:10px}
.rc-etapes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.rc-etape{min-height:48px;border:1px solid hsl(var(--ap-trait));background:hsl(var(--ap-carte));border-radius:var(--ap-r-s);font:inherit;font-size:15px;color:hsl(var(--ap-encre));line-height:1.2}
.rc-etape small{display:block;font-size:15px;color:hsl(var(--ap-encre)/.6)}
.rc-etape.on{border-color:hsl(var(--ap-action));background:hsl(var(--ap-action-doux));color:hsl(var(--ap-action));font-weight:600}
.rc-etape.on small{color:hsl(var(--ap-action))}
.rc-schema{width:200px;max-width:60%;align-self:center;height:auto}
.rc-caisse{fill:hsl(var(--ap-carte));stroke:hsl(var(--ap-encre));stroke-width:1.5}
.rc-zone{cursor:pointer}
.rc-zone>*{fill:hsl(var(--ap-gris-doux));stroke:hsl(var(--ap-encre));stroke-width:1.2}
.rc-zone[data-ton="vert"]>*{fill:hsl(152 45% 80%)}
.rc-zone[data-ton="orange"]>*{fill:hsl(35 95% 75%)}
.rc-zone[data-ton="rouge"]>*{fill:hsl(0 80% 78%)}
.rc-zone.ici>*{stroke:hsl(var(--ap-action));stroke-width:3}
.rc-carte{border:1px solid hsl(var(--ap-trait));border-radius:12px;padding:12px;background:hsl(var(--ap-carte))}
.rc-tete{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rc-tete h2{font-size:20px;font-weight:650;margin:0}
.rc-rang{font-size:15px;color:hsl(var(--ap-encre)/.6)}
.rc-choix-l{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.rc-choix-l.trois{grid-template-columns:1fr 1fr 1fr}
.rc-precision{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.rc-choix{min-height:52px;border-radius:10px;border:1.5px solid hsl(var(--ap-trait));background:hsl(var(--ap-carte));font:inherit;font-size:15px;font-weight:600;padding:0 4px;white-space:nowrap;color:hsl(var(--ap-encre))}
.rc-choix[data-choix="bon"].on{background:hsl(var(--ap-vert));border-color:hsl(var(--ap-vert));color:#fff}
.rc-choix[data-choix="pas-bon"].on{background:hsl(var(--ap-rouge));border-color:hsl(var(--ap-rouge));color:#fff}
.rc-choix[data-choix="a-commander"].on{background:hsl(28 85% 42%);border-color:hsl(28 85% 42%);color:#fff}
.rc-choix[data-precision].on{background:hsl(var(--ap-rouge-doux));border-color:hsl(var(--ap-rouge));color:hsl(var(--ap-rouge))}
.rc-absent{margin-top:6px;min-height:44px;background:none;border:0;color:hsl(var(--ap-encre)/.6);font:inherit;font-size:15px;text-decoration:underline}
.rc-pas{display:flex;align-items:center;justify-content:space-between;margin-top:6px}
.rc-lien{min-height:44px;min-width:88px;border:0;background:none;color:hsl(var(--ap-action));font:inherit;font-size:15px;font-weight:600}
.rc-lien:disabled{color:hsl(var(--ap-trait))}
.rc-liste,.rc-bloc ul{list-style:none;padding:0;margin:0}
.rc-liste li,.rc-bloc li{display:flex;align-items:center;justify-content:space-between;min-height:44px;border-bottom:1px solid hsl(var(--ap-gris-doux));font-size:15px}
.rc-liste li{cursor:pointer}
.rc-liste li.ici{font-weight:650}
.rc-bloc h2{font-size:17px;display:flex;justify-content:space-between;align-items:center;margin:10px 0 4px}
.rc-bas{display:flex;gap:8px;position:sticky;bottom:0;background:hsl(var(--ap-carte));padding:10px 0}
.rc-bas .at3-b{flex:1;min-height:52px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.rc-bas .at3-b[aria-disabled="true"]{opacity:.5}
/* CARTES-ATELIER (02/11, maquette validée par JB) — colonnes de la Prépa mécanique de la V1, cartes riches */
.ct-atelier{display:flex;flex-direction:column;gap:8px}
.ct-h1{font-size:18px;font-weight:700;margin:0 8px 0 0}
.ct-haut{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ct-cherche{flex:1;min-width:180px;max-width:320px;min-height:40px;border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-s);padding:0 10px;font:inherit;font-size:15px}
.ct-seg{display:flex;border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-s);overflow:hidden}
.ct-seg button{border:0;background:hsl(var(--ap-carte));padding:0 12px;min-height:40px;font:inherit;font-size:15px;color:hsl(var(--ap-encre))}
.ct-seg button.on{background:hsl(var(--ap-action));color:#fff;font-weight:600}
.ct-filtres{display:flex;gap:6px;flex-wrap:wrap}
.ct-filtre{min-height:40px;border:1px solid hsl(var(--ap-trait));background:hsl(var(--ap-carte));border-radius:999px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:15px;color:hsl(var(--ap-encre))}
.ct-filtre b{font-weight:700}
.ct-filtre[data-ton="rouge"] b{color:hsl(var(--ap-rouge))}.ct-filtre[data-ton="ambre"] b{color:hsl(var(--ap-ambre))}
.ct-filtre.on{border-color:hsl(var(--ap-action));background:hsl(var(--ap-action-doux))}
.ct-onglets{display:none;gap:6px;overflow-x:auto}
.ct-onglets button{flex:none;min-height:44px;border:1px solid hsl(var(--ap-trait));border-radius:999px;background:hsl(var(--ap-carte));padding:0 12px;white-space:nowrap;font:inherit;font-size:15px;color:hsl(var(--ap-encre))}
.ct-onglets button.on{border-color:hsl(var(--ap-action));background:hsl(var(--ap-action-doux));color:hsl(var(--ap-action));font-weight:600}
.ct-tableau{display:flex;gap:12px;overflow-x:auto;align-items:flex-start;padding-bottom:12px}
.ct-col{flex:none;width:272px;border-radius:12px;background:color-mix(in srgb,var(--ct-corps-col) 50%,white)}
.ct-col>header{padding:10px 12px;border-radius:12px 12px 0 0;background:color-mix(in srgb,var(--ct-tete-col) 55%,white);display:flex;align-items:center;gap:6px}
.ct-col>header h2{font-size:15px;font-weight:700;flex:1;margin:0}
.ct-n{font-size:15px;color:hsl(var(--ap-encre)/.7)}
.ct-bandeau{font-size:15px;padding:6px 12px;color:hsl(var(--ap-encre)/.75);background:hsl(0 0% 100%/.5)}
.ct-cartes{display:flex;flex-direction:column;gap:10px;padding:10px}
.ct-vide{color:hsl(var(--ap-encre)/.5);text-align:center;margin:8px 0}
.ct{display:block;background:hsl(var(--ap-carte));border:1px solid hsl(var(--ap-trait));border-left:6px solid var(--ct-tete);border-radius:12px;overflow:hidden;color:inherit;text-decoration:none;box-shadow:0 1px 2px hsl(220 30% 14%/.06)}
.ct:hover{box-shadow:0 3px 10px hsl(220 30% 14%/.12)}
.ct.terne{opacity:.55}
.ct-photo{height:104px;position:relative;background:hsl(var(--ap-gris-doux));overflow:hidden}
.ct-photo .ct-img{width:100%;height:100%;object-fit:cover;display:block}
.ct-urgent{position:absolute;left:8px;top:8px;background:hsl(var(--ap-rouge));color:#fff;font-size:15px;font-weight:700;padding:1px 8px;border-radius:999px}
.ct-etat{position:absolute;right:8px;top:8px}
.ct-km{position:absolute;right:8px;bottom:8px;background:hsl(220 30% 14%/.7);color:#fff;font-size:15px;padding:1px 8px;border-radius:999px}
.ct-corps{padding:10px 10px 8px;display:flex;flex-direction:column;gap:7px}
.ct-titre b{display:block;font-size:15px;line-height:1.2}
.ct-titre small{display:block;font-size:15px;color:hsl(var(--ap-encre)/.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ct-ident{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:15px}
.ct-cle{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:999px;background:hsl(var(--ap-encre));color:#fff;font-size:15px;font-weight:700;padding:0 6px}
.ct-cle.vide{background:hsl(var(--ap-carte));color:hsl(var(--ap-encre)/.55);border:1px dashed hsl(var(--ap-trait));font-weight:500}
.ct-plaque{font-family:ui-monospace,Menlo,monospace;font-size:15px;border:1px solid hsl(var(--ap-trait));border-radius:4px;padding:0 5px}
.ct-mot{font-size:15px}
.ct-mots{display:flex;flex-wrap:wrap;gap:5px}
.ct-livraison{font-size:15px;font-weight:650;padding:4px 8px;border-radius:8px;background:hsl(var(--ap-gris-doux));color:hsl(var(--ap-encre)/.7)}
.ct-livraison[data-ton="rouge-plein"]{background:hsl(var(--ap-rouge));color:#fff}
.ct-livraison[data-ton="rouge"]{background:hsl(var(--ap-rouge-doux));color:hsl(var(--ap-rouge))}
.ct-livraison[data-ton="ambre"]{background:hsl(40 95% 92%);color:hsl(var(--ap-ambre))}
.ct-avance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.ct-avance span{font-size:15px;text-align:center;padding:2px;border-radius:6px;background:hsl(var(--ap-gris-doux));color:hsl(var(--ap-encre)/.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}
.ct-avance small{display:block;font-size:15px;font-weight:500;opacity:.8}
.ct-avance span[data-ton="vert"]{background:hsl(var(--ap-vert-doux,152 45% 95%));color:hsl(var(--ap-vert));font-weight:650}
.ct-avance span[data-ton="ambre"]{background:hsl(40 95% 92%);color:hsl(var(--ap-ambre));font-weight:650}
.ct-avance span[data-ton="rouge"]{background:hsl(var(--ap-rouge-doux));color:hsl(var(--ap-rouge));font-weight:650}
.ct-pied{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;color:hsl(var(--ap-encre)/.6)}
.ct-qui{color:hsl(var(--ap-encre))}
.ct-ici{margin-left:auto}
.ct-ici[data-ton="ambre"]{color:hsl(var(--ap-ambre));font-weight:650}
.ct-actions{display:flex;gap:6px;padding:0 10px 10px}
.ct-b{flex:1;min-height:44px;border-radius:8px;border:1px solid hsl(var(--ap-trait));background:hsl(var(--ap-carte));font:inherit;font-size:15px;font-weight:600;color:hsl(var(--ap-encre));display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.ct-b.bleu{background:hsl(var(--ap-action));border-color:hsl(var(--ap-action));color:#fff}
.ct-pieces{flex:none;width:250px;background:hsl(var(--ap-carte));border:1px solid hsl(var(--ap-trait));border-radius:12px}
.ct-pieces header{padding:10px 12px;border-bottom:1px solid hsl(var(--ap-trait))}
.ct-pieces h2{font-size:15px;font-weight:700;margin:0}
.ct-pieces ul{list-style:none;padding:0;margin:0}
.ct-pieces li{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid hsl(var(--ap-gris-doux));font-size:15px}
.ct-pieces li small{display:block;color:hsl(var(--ap-encre)/.6);font-size:15px}
.ct-feu{width:10px;height:10px;border-radius:999px;flex:none;background:hsl(var(--ap-vert))}
.ct-feu[data-ton="rouge"]{background:hsl(var(--ap-rouge))}.ct-feu[data-ton="orange"],.ct-feu[data-ton="ambre"]{background:hsl(var(--ap-ambre))}
@media (max-width:767px){
  .ct-cherche{max-width:none;flex-basis:100%}
  .ct-filtres{flex-wrap:nowrap;overflow-x:auto;width:100%}
  .ct-filtre{flex:none}
  .ct-onglets{display:flex}
  .ct-tableau{display:block}
  .ct-col,.ct-pieces{width:auto;display:none}
  .ct-col.vue,.ct-pieces.vue{display:block}
  .ct-col>header{display:none}
  .ct-photo{height:120px}
}
/* CARTES-ATELIER : l'ancienne liste de « Mon travail » reste dans la page (repli sans tableau) mais cachée. */
.at3[hidden]{display:none!important}
/* Visuel 2026 (JB, 02/11 14 h 5x : « un site moderne de 2026, pas des années 2000 ») — réception */
.rc-progres{display:flex;align-items:center;gap:10px}
.rc-barre{flex:1;height:10px;border-radius:999px;background:hsl(var(--ap-gris-doux));overflow:hidden}
.rc-barre i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,hsl(var(--ap-action)),hsl(152 55% 40%));transition:width .25s ease}
.rc-compte{font-size:15px;font-weight:650;color:hsl(var(--ap-encre)/.7)}
.rc-etape{border-radius:14px;transition:background .15s,border-color .15s,transform .1s}
.rc-etape:active{transform:scale(.97)}
.rc-schema{width:240px;max-width:70%;filter:drop-shadow(0 6px 14px hsl(220 30% 14%/.18))}
.rc-caisse{fill:hsl(0 0% 100%);stroke:hsl(220 20% 70%);stroke-width:2}
.rc-zone>*{fill:hsl(220 18% 90%);stroke:hsl(0 0% 100%);stroke-width:2;transition:fill .15s}
.rc-zone[data-ton="vert"]>*{fill:hsl(152 55% 42%)}
.rc-zone[data-ton="orange"]>*{fill:hsl(28 90% 52%)}
.rc-zone[data-ton="rouge"]>*{fill:hsl(0 72% 52%)}
.rc-zone.ici>*{stroke:hsl(var(--ap-action));stroke-width:3.5}
.rc-carte{border:0;border-radius:18px;padding:16px;box-shadow:0 8px 24px hsl(220 30% 14%/.10),0 1px 3px hsl(220 30% 14%/.08);animation:rc-entre .16s ease-out}
@keyframes rc-entre{from{opacity:.35;transform:translateX(14px)}to{opacity:1;transform:none}}
.rc-tete h2{font-size:26px;font-weight:750;letter-spacing:-.01em}
.rc-choix{min-height:64px;border-radius:14px;border-width:2px;font-size:17px;font-weight:700;transition:transform .08s,background .15s,box-shadow .15s}
.rc-choix:active{transform:scale(.96)}
.rc-choix[data-choix="bon"]{background:hsl(152 45% 93%);border-color:hsl(152 45% 72%);color:hsl(152 55% 26%)}
.rc-choix[data-choix="pas-bon"]{background:hsl(0 80% 96%);border-color:hsl(0 70% 82%);color:hsl(0 68% 42%)}
.rc-choix[data-choix="a-commander"]{background:hsl(35 95% 93%);border-color:hsl(32 85% 75%);color:hsl(28 85% 36%)}
.rc-choix.on{box-shadow:0 4px 12px hsl(220 30% 14%/.18)}
.rc-choix[data-choix="bon"].on{background:hsl(152 55% 36%);border-color:hsl(152 55% 36%);color:#fff}
.rc-choix[data-choix="pas-bon"].on{background:hsl(0 68% 48%);border-color:hsl(0 68% 48%);color:#fff}
.rc-choix[data-choix="a-commander"].on{background:hsl(28 88% 48%);border-color:hsl(28 88% 48%);color:#fff}
.rc-choix[data-precision]{background:hsl(0 80% 97%);border-color:hsl(0 70% 85%);color:hsl(0 68% 42%)}
.rc-choix[data-precision].on{background:hsl(0 68% 48%);border-color:hsl(0 68% 48%);color:#fff}
.rc-liste li{padding:0 4px;border-radius:10px;transition:background .12s}
.rc-liste li:hover{background:hsl(var(--ap-gris-doux))}
.rc-liste li.ici{background:hsl(var(--ap-action-doux))}
.rc-bas .at3-b{border-radius:14px;font-size:17px;font-weight:700}
/* Visuel 2026 — cartes de l'atelier */
.ct{border-radius:16px;box-shadow:0 2px 6px hsl(220 30% 14%/.08),0 8px 20px hsl(220 30% 14%/.06);transition:transform .12s,box-shadow .12s}
.ct:hover{transform:translateY(-2px);box-shadow:0 6px 18px hsl(220 30% 14%/.14)}
.ct:active{transform:scale(.99)}
.ct-col{border-radius:16px}
.ct-col>header{border-radius:16px 16px 0 0}
.ct-col>header h2{font-size:16px;letter-spacing:-.01em}
.ct-titre b{font-size:16px;font-weight:750}
.ct-avance span{border-radius:8px;padding:3px 2px}
.ct-b{border-radius:10px;font-weight:700;transition:transform .08s}
.ct-b:active{transform:scale(.97)}
.ct-b.bleu{box-shadow:0 3px 10px hsl(var(--ap-action)/.3)}
.ct-filtre{transition:background .12s,border-color .12s}
.ct-filtre.on{box-shadow:0 2px 8px hsl(var(--ap-action)/.2)}
/* Lisibilité des en-têtes de colonne (le titre héritait du blanc des titres du site) ; réception au téléphone. */
.ct-col>header h2,.ct-pieces h2{color:hsl(var(--ap-encre))}
@media (max-width:767px){.rc-schema{width:170px}}
@media (max-width:767px){.rc-choix-l.trois .rc-choix{font-size:15px;padding:0 2px}}
@media (max-width:767px){.rc-choix-l.trois .rc-choix{white-space:normal;line-height:1.1}}