/* Accueils composés par rôle : mise en route, situation de l’assuré, états vides. */
.setup-steps{list-style:none;margin:0;padding:0 22px 18px}
.setup-steps li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}
.setup-steps li:first-child{border-top:0}
.setup-index{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:600;color:var(--green);border:1px solid #cfdac7;background:#fff}
.setup-steps li.done .setup-index{background:var(--green);border-color:var(--green)}
.setup-steps li.done .setup-index .icon{stroke:#fff;width:14px;height:14px;fill:none;stroke-width:2}
.setup-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.setup-text b{font-size:12px;color:var(--ink);font-weight:600}
.setup-text small{font-size:11px;color:var(--muted);line-height:1.45}
.setup-steps li.done .setup-text b{color:var(--muted);font-weight:500}
.setup-state{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--green)}
.setup-steps .btn{margin:0}
.welcome-facts{margin:22px 0 4px;align-self:stretch;width:100%;max-width:900px}
.welcome-facts .detailgrid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.welcome .buttons{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
.welcome .buttons .btn{margin:0}
.empty-note{font-size:12px;color:var(--muted);line-height:1.6;margin:0}
@media (max-width:640px){
  .setup-steps{padding:0 14px 14px}
  .setup-steps li{grid-template-columns:30px minmax(0,1fr)}
  .setup-steps li>.btn,.setup-steps li>.setup-state{grid-column:2;justify-self:start}
}
.queue-empty{display:flex;align-items:center;gap:12px;padding:22px 2px;font-size:12px;color:var(--muted);line-height:1.5}
.queue-empty .icon{flex:none;width:18px;height:18px;stroke:var(--green);fill:none;stroke-width:1.8}
.welcome-facts .detailitem{padding:10px 0}
/* Choix de la période de la courbe : boutons groupés, liste en écran étroit. */
.range-switch{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border:1px solid var(--line);border-radius:7px;background:#fff}
.range-switch button{font-size:10.5px;padding:6px 9px;border-radius:5px;color:var(--muted);white-space:nowrap}
.range-switch button:hover{color:var(--ink);background:var(--soft)}
.range-switch button[aria-pressed="true"]{background:#d3e3bc;color:#193b32;font-weight:600}
.range-select{display:none}
@media (max-width:1100px){
  .range-switch{display:none}
  .range-select{display:flex;align-items:center;font-size:11px;padding-top:8px;padding-bottom:8px;max-width:140px}
}
