/* ==========================================================================
   MiMuovo · pagina Centro Operativo
   La riga dell'analista che lavora, la segnalazione nuova che entra in cima,
   la bozza pronta; il team di analisti su due righe; l'anatomia con le icone.
   ========================================================================== */
/* le copie ferme delle scene stanno dentro .step: il testo della scena non
   prende la misura dei paragrafi del passo (.step p in mm.css) */
.step :where(.scene) p{font-size:inherit;line-height:inherit;color:inherit;max-width:none}
.scene .rows{grid-template-columns:minmax(0,1fr)}

/* ---------- l'analista che lavora ---------- */
.co-agent{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:#F4FAEE;border:1px solid #DDEFC9}
.co-av{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#fff;border:1px solid #DDEFC9;flex-shrink:0}
.co-av img{width:16px;height:16px}
.co-say{position:relative;flex:1;min-width:0;font-size:12.5px;font-weight:600;line-height:1.35;color:#20261f}
.co-say span{display:block}
.co-live{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:var(--green-deep);white-space:nowrap}
.co-live i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(82,153,0,.16);animation:coPulse 1.8s ease-in-out infinite}
@keyframes coPulse{50%{box-shadow:0 0 0 5px rgba(82,153,0,.06)}}
.co-crumb{margin:14px 0 8px}

/* ---------- la lista: la segnalazione nuova entra in cima ---------- */
.co-list{position:relative;min-height:332px;align-content:start}
.co-new{position:relative;display:grid;grid-template-columns:minmax(0,1fr)}
.co-draft{display:flex;align-items:center;gap:8px;margin:6px 0 0 38px;padding:8px 11px;border-radius:10px;background:#121712;color:#E9F3E1;font-size:11.5px;line-height:1.3}
.co-draft svg{width:14px;height:14px;color:#9FF25A;flex-shrink:0}
.co-draft span{min-width:0}
.co-draft b{font-weight:700;color:#fff}
.co-draft em{margin-left:auto;font-style:normal;font-weight:700;color:#9FF25A;white-space:nowrap;padding-left:8px}

/* la bozza parte dalla casella dell'azienda */
.scene .acts .b.co-send{display:inline-flex;align-items:center;gap:7px}
.scene .acts .b.co-send img{width:14px;height:14px;background:#fff;border-radius:4px;padding:1px;flex-shrink:0}
.scene .detail .mail + .acts{margin-top:10px}

/* il totale recuperato resta su una riga */
.scene .co-res b{white-space:nowrap}
.scene .co-res b span{display:inline}

@media (max-width: 600px){
  .co-live{display:none}
  .co-say{min-height:2.7em;display:flex;align-items:center}

  .co-draft{margin-left:0}
  .co-draft em{display:none}
}
@media (prefers-reduced-motion: reduce){.co-live i{animation:none}}

/* ---------- gli analisti: titolo su tutta la riga, poi quattro per riga ---------- */
@media (min-width: 1040px){
  .agents-sec .ag-intro{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:56px;align-items:end;padding:0 0 26px}
  .agents-sec .ag-intro .eyebrow{grid-column:1/-1}
  .agents-sec .ag-intro h2{max-width:16ch}
  .agents-sec .ag-intro p{margin-top:0;max-width:46ch}
}

/* su telefono gli analisti stanno in schede compatte: icona e nome in riga,
   la frase dell'agente sotto, tutta la sezione in meno di metà dello scroll */
@media (max-width: 639px){
  .agents-sec .agents{gap:8px}
  .agents-sec .ag{display:grid;grid-template-columns:34px minmax(0,1fr) auto;column-gap:12px;row-gap:2px;align-items:center;padding:14px 14px 12px}
  .agents-sec .ag-top{display:contents}
  .agents-sec .ag-ic{grid-column:1;grid-row:1 / span 2;width:34px;height:34px;border-radius:10px;align-self:start}
  .agents-sec .ag-ic svg{width:16px;height:16px}
  .agents-sec .ag-live{grid-column:3;grid-row:1}
  .agents-sec .ag h3{grid-column:2;grid-row:1;font-size:16px}
  .agents-sec .ag p{grid-column:2 / -1;grid-row:2;font-size:13px}
  .agents-sec .ag-now{grid-column:1 / -1;grid-row:3;margin-top:8px}
}

/* ---------- anatomia: un'icona per parte, niente numeri ---------- */
.anat-notes li .an-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;padding:0;background:var(--green-soft);color:var(--green-deep)}
.anat-notes li .an-ic svg{width:15px;height:15px}
.anat-card .ac-ic,.anat-card .ac-amt{background:#FDF4DC;color:#8A6400}

/* su telefono la colonna dei passi non si allarga oltre lo schermo */
@media (max-width: 979px){.steps{grid-template-columns:minmax(0,1fr)}}