/* ==========================================================================
   MiMuovo · pagina Pratiche e contestazioni
   Le due fatture con la stessa riga, la mail che parte da Gmail o Outlook,
   la risposta letta; nel bento il collegamento con la casella.
   ========================================================================== */
.step :where(.scene) p{font-size:inherit;line-height:inherit;color:inherit;max-width:none}
.scene .rows{grid-template-columns:minmax(0,1fr)}

/* ---------- le due fatture ---------- */
.pr-inv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
.pr-doc{display:grid;gap:3px;padding:10px 12px;border-radius:12px;border:1px solid #EEF1EA;background:#FCFDFB;min-width:0}
.pr-doc small{font-size:10.5px;font-weight:700;color:#8B948E}
.pr-doc b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-doc > span{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px}
.pr-doc .plate{font-size:11px;padding:4px 6px}
.pr-doc em{font-style:normal;font-size:12px;font-weight:700}
.pr-doc.hit{border-color:#F3D98A;background:#FFFBEF}
/* la riga uguale si accende quando l'analista la trova */
.scene[data-step="1"] .pr-doc.hit{animation:prHit 1.6s ease .3s both}
@keyframes prHit{0%{box-shadow:0 0 0 0 rgba(226,164,0,0)}40%{box-shadow:0 0 0 4px rgba(226,164,0,.22)}100%{box-shadow:0 0 0 0 rgba(226,164,0,0)}}

/* ---------- la mail: già impostata, il testo si scrive al passo 2 ---------- */
.pr-body{position:relative}
.scene .pr-writing{position:absolute;left:0;right:0;top:10px;display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:10px;background:#F4FAEE;color:#2F6B12;font-size:12.5px;font-weight:600;overflow:hidden}
.pr-writing svg{width:15px;height:15px;flex-shrink:0;animation:spin 2.4s linear infinite}
/* una luce che scorre: il testo sta arrivando */
.pr-writing::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(123,246,22,.16),transparent);transform:translateX(-100%);animation:prScan 1.8s cubic-bezier(.77,0,.175,1) infinite}
@keyframes prScan{70%,100%{transform:translateX(100%)}}
.pr-mail .mh{grid-template-columns:60px minmax(0,1fr) auto;align-items:center}
.pr-via{display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:10.5px;font-weight:700;color:#4c5550;background:#fff;border:1px solid #EEF1EA;border-radius:999px;padding:3px 8px}
.pr-via img{width:12px;height:12px}
.scene .acts .b.pr-send{display:inline-flex;align-items:center;gap:7px}
.scene .acts .b.pr-send img{width:14px;height:14px;background:#fff;border-radius:4px;padding:1px;flex-shrink:0}

/* ---------- la risposta letta ---------- */
.pr-reply{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:12px;background:#F4FAEE;border:1px solid #DDEFC9;font-size:12px;line-height:1.35}
.pr-reply img{flex-shrink:0}
.pr-reply span{min-width:0;color:#2f3632}
.pr-reply b{display:block;font-size:12.5px;color:#121712}
.pr-reply em{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:10.5px;font-weight:700;color:#2F6B12;white-space:nowrap}
.pr-reply em svg{width:12px;height:12px}

/* ---------- il riassunto della risposta ---------- */
.pr-sum{padding:12px 14px;border-radius:12px;background:#F4FAEE;border:1px solid #DDEFC9;margin-bottom:10px}
.pr-sum small{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#2F6B12}
.pr-sum small svg{width:12px;height:12px}
.pr-sum p{margin-top:5px;font-size:12.5px;color:#20261f}

/* ---------- bento: la casella collegata ---------- */
.pr-link{display:flex;align-items:center;gap:8px}
.pr-lg{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--border)}
.pr-lg b{font-size:13.5px}
.pr-link i{position:relative;flex:1;min-width:30px;height:8px;margin:0 4px;background:repeating-linear-gradient(90deg,#9CCB6E 0 6px,transparent 6px 11px) center/100% 2px no-repeat;overflow:hidden}
.pr-link em{position:absolute;inset:0;animation:prFlow 2.4s var(--ease-io) infinite}
.pr-link em::after{content:"";position:absolute;right:0;top:0;width:8px;height:8px;border-radius:50%;background:var(--green)}
@keyframes prFlow{0%{transform:translateX(-100%);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateX(0);opacity:0}}
.pr-mm{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#fff;border:1px solid #CFE6B4;flex-shrink:0}
.pr-mm img{width:24px;height:24px}

@media (max-width: 600px){
  .scene .pr-mail.big p{min-height:7.2em}
  .pr-doc b{white-space:normal;line-height:1.3}
  .pr-doc{padding:8px 9px}
  .pr-doc em{font-size:11px}
  .pr-reply em{display:none}
  .pr-lg b{display:none}
}
@media (prefers-reduced-motion: reduce){.pr-link em{animation:none;opacity:0}.scene[data-step="1"] .pr-doc.hit{animation:none}.pr-writing svg,.pr-writing::after{animation:none}}

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