/* (06/11/2026) Chronologie de l'administration d'un automatisme (autom_chrono.js), d'après la maquette validée du cycle
   Benelyon. Couleurs par variables de thème, clair et sombre ; ambre pour un écart ; violet pour l'IA seulement. */
.ach{container-type:inline-size;--ach-ec:#92580a;--ach-ec-f:#fdf3e1}
html.theme-dark .ach{--ach-ec:#f0c26e;--ach-ec-f:#3a3320}
.ach-bar{display:flex;align-items:center;gap:8px;margin:2px 0 10px;min-height:34px}
.ach-seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--card);flex:0 0 auto}
.ach-f{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--mut);font:inherit;font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer}
.ach-f .n{display:inline-block;min-width:22px;padding:0 5px;height:18px;line-height:18px;border-radius:5px;background:var(--card2);color:var(--mut);font-size:11px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;box-sizing:border-box}
.ach-f:hover{color:var(--ink);background:var(--card2)}
.ach-f.on{background:var(--card2);color:var(--ink)}
.ach-f.on .n{background:var(--card);color:var(--ink)}
.ach-f.ko .n{color:var(--ach-ec);background:var(--ach-ec-f)}
.ach-rech{flex:1;min-width:0;height:34px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:0 10px;color:var(--mut);box-sizing:border-box}
.ach-rech svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;flex:0 0 auto}
.ach-rech input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--txt);font:inherit;font-size:12.5px;padding:0;height:30px;width:auto;box-shadow:none}
.ach-mois{flex:0 0 auto;width:auto;min-width:150px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit;font-size:12.5px;font-weight:600;padding:0 8px;margin:0}
.ach-err{margin:0 0 10px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--mut);font-size:12.5px}
.ach-cols{display:grid;grid-template-columns:330px minmax(0,1fr);gap:12px;align-items:start}
.ach-card{border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden;min-width:0}
.ach-vide{padding:16px 14px;font-size:12.5px;color:var(--mut)}
.ach-note{padding:9px 12px;font-size:11.5px;line-height:16px;color:var(--mut);border-top:1px solid var(--line)}
.ach-ob{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;width:100%;min-height:50px;padding:6px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;box-sizing:border-box}
.ach-ob:last-of-type{border-bottom:0}
.ach-ob:hover{background:var(--card2)}
.ach-ob.on{background:var(--sel)}
.ach-ob.on::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--ink)}
.ach-ob .g{min-width:0;display:block}
.ach-ob .t1{display:block;font-size:12.5px;line-height:17px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.ach-ob .t2{display:block;font-size:11.5px;line-height:15px;color:var(--mut);overflow-wrap:anywhere}
.ach-ob .k{color:var(--ach-ec);font-weight:600}
.ach-ob .m{font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.ach-th{padding:11px 14px 9px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:baseline}
.ach-th .a{font-size:13.5px;font-weight:800;color:var(--ink);overflow-wrap:anywhere}
.ach-th .b{font-size:12px;color:var(--mut);white-space:nowrap;font-variant-numeric:tabular-nums}
.ach-th .c{grid-column:1 / -1;font-size:11.5px;line-height:15px;color:var(--mut);margin-top:3px;overflow-wrap:anywhere}
.ach-ev{display:grid;grid-template-columns:76px 22px minmax(0,1fr) 150px 14px;align-items:center;column-gap:8px;min-height:37px;padding:6px 14px;border-bottom:1px solid var(--line);box-sizing:border-box}
.ach-ev:last-child{border-bottom:0}
.ach-ev.pl{cursor:pointer}
.ach-ev.pl:hover{background:var(--card2)}
.ach-ev.pl:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.ach-ev .h{font-size:11.5px;font-weight:600;color:var(--mut);white-space:nowrap;font-variant-numeric:tabular-nums}
.ach-ev .ic{width:22px;height:22px;border-radius:7px;background:var(--card2);color:var(--mut);display:flex;align-items:center;justify-content:center}
.ach-ev .ic svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ach-ev .ic.ia{background:var(--ia-soft,rgba(91,75,214,.10));color:var(--ia-ink,#4c3dc4)}
.ach-ev .ic.ec{background:var(--ach-ec-f);color:var(--ach-ec)}
.ach-ev .tx{font-size:12px;line-height:17px;color:var(--txt);min-width:0;overflow-wrap:anywhere}
.ach-ev .tx b{font-weight:700;color:var(--ink)}
.ach-ev.ko .tx b{color:var(--ach-ec)}
.ach-ev .qui{font-size:11.5px;font-weight:600;color:var(--mut);text-align:right;line-height:15px;overflow-wrap:anywhere}
.ach-ev .qui.ia{color:var(--ia-ink,#4c3dc4);font-weight:700}
.ach-chev{width:12px;height:12px;fill:none;stroke:var(--mut);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .12s}
.ach-ev.ouvert .ach-chev{transform:rotate(90deg)}
.ach-det{padding:8px 14px 10px 120px;border-bottom:1px solid var(--line);background:var(--card3,var(--card2));display:grid;gap:5px}
.ach-det>div{display:grid;grid-template-columns:62px minmax(0,1fr);column-gap:8px}
.ach-det span{font-size:11.5px;line-height:16px;font-weight:600;color:var(--mut)}
.ach-det p{margin:0;font-size:12px;line-height:16px;color:var(--txt);overflow-wrap:anywhere}
.ach-pied{padding:8px 14px;border-top:1px solid var(--line)}
.ach-lien{border:0;background:transparent;padding:0;font:inherit;font-size:12px;font-weight:600;color:var(--e1-blue,#1f5fbf);cursor:pointer}
.ach-lien:hover{text-decoration:underline}
.ach-tk{font-weight:600;color:var(--e1-blue,#1f5fbf);text-decoration:none}
.ach-tk:hover{text-decoration:underline}
html.theme-dark .ach-tk,html.theme-dark .ach-lien{color:#7fb8ec}
@container (max-width:1000px){
  .ach-bar{flex-wrap:wrap}
  .ach-rech{flex:1 1 220px}
  .ach-seg{max-width:100%;overflow-x:auto}
}
@container (max-width:820px){
  .ach-cols{grid-template-columns:minmax(0,1fr)}
  .ach-objs{max-height:300px;overflow-y:auto;overscroll-behavior:contain}
  .ach-ev{grid-template-columns:22px minmax(0,1fr) 14px;row-gap:2px;column-gap:8px}
  .ach-ev .ic{grid-row:1 / span 3}
  .ach-ev .h{grid-column:2;order:-1}
  .ach-ev .tx{grid-column:2}
  .ach-ev .qui{grid-column:2;text-align:left}
  .ach-ev>svg,.ach-ev>span:last-child:empty{grid-column:3;grid-row:1 / span 3}
  .ach-det{padding-left:44px}
}