/* ==========================================================================
   Film della pagina Pratiche e contestazioni: stile delle sue schermate (classi fxct-).
   Markup in _src/films/pratiche-email.mjs, copione in assets/mm/films/pratiche-email.js.
   Il comune (player, finestra, sidebar, attori, pezzi riusabili) è in
   assets/mm/film.css, caricato prima. Tutto sotto .film; si animano solo transform
   e opacity, le evidenze sono anelli o fondi su ::after che cambiano opacità.
   Sul telefono (.is-narrow) i pannelli inquadrati si stringono a circa 350 px.
   In fondo, fuori dal film, il percorso del bento "Dalla casella che usi già".
   ========================================================================== */

/* testi che cambiano (stato, data, prossimo passo): dissolvenza breve */
.film .fxct-st,.film .fxct-clk b,.film .fxct-nx p{transition:opacity .16s ease,transform .25s var(--fe-out)}
.film .fxct-st.sw,.film .fxct-clk b.sw,.film .fxct-nx p.sw{opacity:0;transform:translateY(3px)}
.film .fxct-clk{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border:1px solid #E5E9E1;border-radius:999px;background:#F6F8F4;font-size:11.5px;color:#5b655f}
.film .fxct-clk svg{width:13px;height:13px}
.film .fxct-clk b{display:inline-block;font-weight:700;color:#121712}

/* notifiche in alto a destra, come quelle del Mac (sul telefono restano dove le mette il comune) */
.film .fxct-tst .fm-toast{left:auto;right:18px}
.film .film-player.is-narrow .fxct-tst .fm-toast{left:218px;right:auto}

/* ---------- 1 · controllo delle fatture ---------- */
.film .fxct-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
.film .fxct-kd b{color:#8A6400}
.film .fxct-err{padding:11px 16px 4px}
.film .fxct-err header{display:flex;align-items:baseline;justify-content:space-between;margin:0 2px 4px}
.film .fxct-err header h6{margin:0}
.film .fxct-err header>span{font-size:10.5px;font-weight:600;color:#9AA29C}
.film .fxct-er{position:relative;z-index:0;display:grid;grid-template-columns:34px minmax(0,1fr) 150px 140px 76px;align-items:center;gap:12px;height:47px;padding:0 6px;border-top:1px solid #F1F3EE;border-radius:10px}
.film .fxct-er[data-h]{height:26px;border-top:0;font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#8B948E}
.film .fxct-er .r{text-align:right}
.film .fxct-er .lg{width:32px;height:32px;border-radius:9px;background:#F5F7F3;border:1px solid #EDF0EA;display:grid;place-items:center;color:#5b655f}
.film .fxct-er .lg img{width:19px;height:19px;object-fit:contain}
.film .fxct-er .lg svg{width:15px;height:15px}
.film .fxct-er .tx{min-width:0}
.film .fxct-er .tx b{display:block;font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.film .fxct-er .tx small{display:block;margin-top:1px;font-size:11px;color:#7E8882;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.film .fxct-er .pr{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#4c5550;white-space:nowrap}
.film .fxct-er .pr svg{width:13px;height:13px;color:#8B948E;flex-shrink:0}
.film .fxct-er .am{text-align:right;font-size:12.5px;font-weight:800}
/* la riga scelta: fondo caldo su ::after; il clic la schiaccia appena */
.film .fxct-er::after{content:"";position:absolute;inset:0 -6px;z-index:-1;border-radius:10px;background:#FFF9EA;box-shadow:inset 0 0 0 1.5px #EBCB76;opacity:0;transition:opacity .4s ease}
.film .fxct-er.hl::after{opacity:1}
.film .fxct-err .fxct-er.in{transition:opacity .45s ease,transform .7s var(--fe-out)}
.film .fxct-err .fxct-er.in.down{transform:scale(.985);transition:transform .16s var(--fe-out)}

/* ---------- 2 · la prova: accordo e fattura affiancati ---------- */
.film .fxct-pv{display:grid;grid-template-columns:304px 304px minmax(0,1fr);gap:16px;align-items:start}
.film .fxct-pv .fm-dv{height:470px}
.film .fxct-pv .fm-dv-a4{height:100%;padding:16px 16px}
.film .fxct-pv .fm-dp-hd{gap:12px}
.film .fxct-pv .fm-dp-kv{gap:6px 10px}
.film .fxct-pv .fm-dv-a4 .fm-tr{height:auto;min-height:26px;padding:5px 6px;align-items:start}
.film .fxct-pv .fm-dv-a4 .fm-tr[data-h]{min-height:20px;align-items:center}
.film .fxct-pv .fm-dv-a4 .fm-tr>span{white-space:normal;line-height:1.3}
/* il prezzo giusto (accordo) in verde, quello sbagliato (fattura) in rosso tenue */
.film .fxct-pv .fm-tr[data-k="pb"]::after{background:#FDF1EF;box-shadow:inset 0 0 0 1px #F0C3B9}
.film .fxct-pv .fm-tr[data-k="pb"].hl>span{color:#A33326}
.film .fxct-pv .fm-tr[data-k="ma"]::after,.film .fxct-pv .fm-tr[data-k="mb"]::after{background:#F6F8F4;box-shadow:inset 0 0 0 1px #DDE3D8}
.film .fxct-vd{padding:14px 16px}
.film .fxct-vd header{display:flex;align-items:center;gap:9px;margin-bottom:6px}
.film .fxct-vd header .ic{width:30px;height:30px;border-radius:9px;background:#FDF4DC;color:#8A6400;display:grid;place-items:center}
.film .fxct-vd header .ic svg{width:15px;height:15px}
.film .fxct-vd header b{font-size:13.5px;font-weight:800}
.film .fxct-vr{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid #F1F3EE;font-size:11.5px;color:#5b655f;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .55s var(--fe-out)}
.film .fxct-vr.in{opacity:1;transform:none}
.film .fxct-vr b{font-size:13px;font-weight:800;color:#121712;white-space:nowrap}
.film .fxct-vr b.bad{color:#A33326}
.film .fxct-vr.ok b{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#2F6B12}
.film .fxct-vr.ok b svg{width:13px;height:13px}
.film .fxct-vt{margin-top:8px;padding:10px 12px;border-radius:11px;background:#F4FAEE;border:1px solid #DDEFC9;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .55s var(--fe-out)}
.film .fxct-vt.in{opacity:1;transform:none}
.film .fxct-vt small{display:block;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#2F6B12}
.film .fxct-vt b{display:block;margin-top:3px;font-size:24px;font-weight:800;letter-spacing:-.02em;color:#2F6B12}
.film .fxct-vt>span{display:block;margin-top:1px;font-size:11px;color:#4c6b3a}
.film .fxct-vd .fm-btn .a svg{width:15px;height:15px}

/* ---------- 3-6 · la pratica ---------- */
/* il percorso: MiMuovo → la tua casella → il fornitore → il rimborso */
.film .fxct-rail{position:relative;display:flex;align-items:center;height:58px;padding:0 18px;margin-bottom:12px;border:1px solid #EAEDE6;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(18,24,20,.04),0 12px 30px -24px rgba(18,24,20,.25)}
.film .fxct-nd{display:flex;align-items:center;gap:10px;flex-shrink:0;opacity:.42;transition:opacity .45s ease}
.film .fxct-nd.on{opacity:1}
.film .fxct-nd .ic{position:relative;width:34px;height:34px;border-radius:50%;background:#F1F3EF;color:#4c5550;display:grid;place-items:center;flex-shrink:0}
.film .fxct-nd .ic>img{width:18px;height:18px;object-fit:contain}
.film .fxct-nd .ic>svg{width:16px;height:16px}
.film .fxct-nd.mm .ic{background:#fff;border:1px solid #CFE6B4}
.film .fxct-nd:not(.mm):not(.rb) .ic{background:#fff;border:1px solid #E3E7DF}
.film .fxct-nd.rb .ic{background:#EAF6DF;color:#2F6B12}
.film .fxct-nd .ok{position:absolute;right:-4px;bottom:-3px;width:16px;height:16px;border-radius:50%;background:var(--act);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 2px #fff;opacity:0;transform:scale(.5);transition:opacity .2s ease,transform .45s var(--fe-out)}
.film .fxct-nd .ok svg{width:10px;height:10px}
.film .fxct-nd.ok .ok{opacity:1;transform:none}
.film .fxct-nd .tx b{display:block;font-size:12px;font-weight:700;line-height:1.25;white-space:nowrap}
.film .fxct-nd .tx small{display:block;font-size:10.5px;color:#8B948E;white-space:nowrap}
.film .fxct-cn{position:relative;font-style:normal;flex:1;height:2px;margin:0 14px;background:repeating-linear-gradient(90deg,#D5DBD0 0 5px,transparent 5px 10px)}
.film .fxct-cn>i{position:absolute;inset:0;background:#8CC063;transform:scaleX(0);transform-origin:0 50%;transition:transform .65s var(--fe-io)}
.film .fxct-cn.in>i{transform:none}
.film .fxct-sol{position:absolute;left:50%;top:50%;display:inline-flex;font-style:normal;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:#FDF4DC;color:#8A6400;font-size:10px;font-weight:700;white-space:nowrap;box-shadow:0 0 0 2px #fff;opacity:0;transform:translate(-50%,-50%) scale(.85);transition:opacity .25s ease,transform .45s var(--fe-out)}
.film .fxct-sol.in{opacity:1;transform:translate(-50%,-50%)}
.film .fxct-sol svg{width:11px;height:11px}
/* la mail (poi la risposta, poi il rimborso) che viaggia sul percorso */
.film .fxct-tk{position:absolute;left:0;top:0;z-index:3;width:28px;height:28px;border-radius:50%;background:var(--act);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 3px #fff,0 8px 16px -6px rgba(46,122,51,.55);opacity:0;transition:transform .65s var(--fe-io),opacity .2s ease}
.film .fxct-tk.in{opacity:1}
.film .fxct-tk>span{grid-area:1/1;display:grid;place-items:center}
.film .fxct-tk svg{width:14px;height:14px}
.film .fxct-tk .r,.film .fxct-tk .e,.film .fxct-tk.is-r .m,.film .fxct-tk.is-e .m{display:none}
.film .fxct-tk.is-r .r,.film .fxct-tk.is-e .e{display:grid}

.film .fxct-pr{display:grid;grid-template-columns:548px minmax(0,1fr);gap:16px;align-items:start}
.film .fxct-lp{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
/* i pannelli di sinistra si danno il cambio: chi esce sparisce in fretta, chi entra arriva dopo */
.film .fxct-pn{grid-area:1/1;min-width:0;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .2s ease,transform .4s var(--fe-out)}
.film .fxct-pn.in{opacity:1;transform:none;transition:opacity .4s ease .15s,transform .7s var(--fe-out) .1s}

/* la mail scritta da MiMuovo */
.film .fxct-dr{padding:10px 18px 13px}
.film .fxct-mh{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:8px;height:27px;border-bottom:1px solid #F1F3EE;font-size:12px}
.film .fxct-mh>span{font-size:11.5px;font-weight:600;color:#8B948E}
.film .fxct-mh>b{font-weight:600;color:#121712;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.film .fxct-mh em{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 #E5E9E1;border-radius:999px;padding:3px 8px}
.film .fxct-mh em img{width:12px;height:12px}
.film .fxct-body{margin-top:10px;font-size:12px;line-height:1.5;color:#2f3632}
.film .fxct-body p+p{margin-top:6px}
.film .fxct-body mark{background:#EEF6E6;color:#121712;font-weight:700;border-radius:3px;padding:0 2px}
.film .fxct-att{display:flex;gap:8px;margin-top:9px}
.film .fxct-file{display:flex;align-items:center;gap:8px;min-width:0;height:40px;padding:0 12px 0 8px;border:1px solid #E3E6E1;border-radius:9px;background:#fff}
.film .fxct-file .x{flex-shrink:0;width:22px;height:26px;border-radius:4px;display:grid;place-items:center;font:800 7px/1 var(--mono);color:#fff;background:#D64533}
.film .fxct-file>span:last-child{min-width:0}
.film .fxct-file b{display:block;font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.film .fxct-file small{display:block;font-size:10px;color:#80868b;white-space:nowrap}
.film .fxct-send{display:flex;align-items:center;gap:10px;margin-top:10px}
.film .fxct-send .fm-btn{margin-top:0;min-width:176px;height:38px;padding:0 18px}
.film .fxct-send .fm-btn img{width:16px;height:16px;padding:1px;border-radius:4px;background:#fff}
.film .fxct-b{display:inline-flex;align-items:center;height:38px;padding:0 14px;border:1px solid #E3E6E1;border-radius:10px;background:#fff;font-size:12.5px;font-weight:600;color:#4c5550}
.film .fxct-by{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#EAF6DF;color:#2F6B12;font-size:10.5px;font-weight:700;white-space:nowrap}
.film .fxct-by svg{width:12px;height:12px}

/* la conversazione, come nella tua casella */
.film .fxct-th{padding:10px 16px 12px}
.film .fxct-th>header{display:flex;align-items:center;gap:9px;height:26px;margin-bottom:2px}
.film .fxct-th>header .lg{width:24px;height:24px;border-radius:6px;background:#F6F8FC;display:grid;place-items:center;flex-shrink:0}
.film .fxct-th>header .lg img{width:15px;height:15px}
.film .fxct-th>header b{flex:1;min-width:0;font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.film .fxct-th>header em{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:10px;font-weight:700;color:#2F6B12;background:#EAF6DF;border-radius:5px;padding:3px 6px}
.film .fxct-th>header em svg{width:11px;height:11px}
.film .fxct-ms{display:flex;gap:10px;margin-top:7px;padding:8px 11px;border:1px solid #EEF1EA;border-radius:11px;background:#FCFDFB}
.film .fxct-ms.fi{transition:opacity .45s ease,transform .7s var(--fe-out)}
.film .fxct-ms:not(.me){background:#F6F8FC;border-color:#E2E8F1}
.film .fxct-ms .av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#E3ECF7;color:#2B5BB0;font-size:10.5px;font-weight:800}
.film .fxct-ms.me .av{background:#EFF6E7;color:#3B6E00}
.film .fxct-ms.auto .av{background:#fff;border:1px solid #CFE6B4}
.film .fxct-ms .av img{width:16px;height:16px}
.film .fxct-ms .tx{flex:1;min-width:0}
.film .fxct-ms .r1{display:flex;align-items:baseline;gap:6px}
.film .fxct-ms .r1 b{font-size:12px;font-weight:700;white-space:nowrap}
.film .fxct-ms .r1 small{font-size:11px;color:#80868b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.film .fxct-ms .r1 em{margin-left:auto;font-style:normal;font-size:10.5px;color:#80868b;white-space:nowrap}
.film .fxct-ms .r2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;font-size:11.5px;line-height:1.42;color:#3c4043}
.film .fxct-ms .r3{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:10.5px;font-weight:600;color:#80868b}
.film .fxct-ms .r3 svg{width:12px;height:12px}
.film .fxct-ms .r3 span{display:inline-flex;align-items:center;gap:4px;margin-left:8px;color:#2F6B12}
.film .fxct-wait{display:flex;align-items:center;gap:12px;height:34px;margin-top:5px;padding:0 4px}
.film .fxct-wait .lb{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:#8A6400}
.film .fxct-wait .lb svg{width:13px;height:13px}
.film .fxct-wait .lb b{font-weight:700}
.film .fxct-wait .dd{display:flex;gap:5px}
.film .fxct-wait .dd i{position:relative;z-index:0;font-style:normal;width:24px;height:24px;border-radius:50%;border:1px solid #E5E9E1;background:#fff;display:grid;place-items:center}
.film .fxct-wait .dd i::after{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:50%;background:#FBEBC0;box-shadow:inset 0 0 0 1px #EBCB76;opacity:0;transform:scale(.6);transition:opacity .25s ease,transform .45s var(--fe-out)}
.film .fxct-wait .dd i.in::after{opacity:1;transform:none}
.film .fxct-wait .dd b{font-size:9.5px;font-weight:700;color:#6b5a2a}
.film .fxct-wait>small{margin-left:auto;font-size:10.5px;color:#9AA29C}
.film .fxct-sum{display:flex;align-items:center;gap:10px;margin-top:7px;padding:8px 12px;border-radius:11px;background:#F4FAEE;border:1px solid #DDEFC9}
.film .fxct-sum .ic{width:26px;height:26px;border-radius:50%;background:#fff;color:#2F6B12;display:grid;place-items:center;flex-shrink:0}
.film .fxct-sum .ic svg{width:14px;height:14px}
.film .fxct-sum small{display:block;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#2F6B12}
.film .fxct-sum b{display:block;margin-top:1px;font-size:12.5px;font-weight:700;line-height:1.35}

/* la nota di credito */
.film .fxct-nc{padding:14px 16px}
.film .fxct-nc>header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.film .fxct-nc>header .lg{width:32px;height:32px;border-radius:9px;background:#F5F7F3;border:1px solid #EDF0EA;display:grid;place-items:center;color:#5b655f;flex-shrink:0}
.film .fxct-nc>header .lg svg{width:15px;height:15px}
.film .fxct-nc>header .who{flex:1;min-width:0}
.film .fxct-nc>header .who b{display:block;font-size:13px;font-weight:700}
.film .fxct-nc>header .who small{display:block;font-size:11px;color:#8B948E}
.film .fxct-nc>header .am{font-size:18px;font-weight:800;letter-spacing:-.02em;color:#2F6B12}
.film .fxct-nc .fm-tr{height:32px}
.film .fxct-nc .fm-tr.tot>span{font-weight:800}
.film .fxct-q{display:flex;align-items:center;gap:9px;height:30px;font-size:12px;font-weight:600;color:#2f3632}
.film .fxct-q:first-of-type{margin-top:6px}
.film .fxct-q .ok{width:18px;height:18px;border-radius:50%;background:var(--act);color:#fff;display:grid;place-items:center;flex-shrink:0}
.film .fxct-q .ok svg{width:11px;height:11px}
.film .fxct-q .plate{font-size:10.5px;padding:3px 5px;margin:0 2px}
.film .fxct-done{display:flex;align-items:center;gap:11px;margin-top:10px;padding:10px 13px;border-radius:12px;background:#EAF6DF;border:1px solid #CBE6B0}
.film .fxct-done .ic{width:30px;height:30px;border-radius:50%;background:#fff;color:#2F6B12;display:grid;place-items:center;flex-shrink:0}
.film .fxct-done .ic svg{width:16px;height:16px}
.film .fxct-done .tx{flex:1;min-width:0}
.film .fxct-done .tx b{display:block;font-size:13px;font-weight:800}
.film .fxct-done .tx small{display:block;font-size:11px;color:#4c6b3a}
.film .fxct-done>b{font-size:20px;font-weight:800;letter-spacing:-.02em;color:#2F6B12;white-space:nowrap}

/* la scheda della pratica */
.film .fxct-pc{padding:14px 16px}
.film .fxct-pc h6{margin-bottom:4px}
.film .fxct-kv{margin:0}
.film .fxct-kv>div{display:flex;align-items:center;justify-content:space-between;gap:10px;height:30px;border-top:1px solid #F1F3EE}
.film .fxct-kv>div:first-child{border-top:0}
.film .fxct-kv dt{font-size:11.5px;font-weight:600;color:#8B948E}
.film .fxct-kv dd{margin:0;font-size:12px;font-weight:700;white-space:nowrap}
.film .fxct-kv .plate{font-size:11px;padding:3px 6px}
.film .fxct-cs{display:inline-flex;align-items:center;gap:6px}
.film .fxct-cs img{width:14px;height:14px}
.film .fxct-nx{margin-top:10px;padding:10px 12px;border-radius:11px;background:#F6F8F4;border:1px solid #EAEDE6}
.film .fxct-nx small{display:flex;align-items:center;gap:6px;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8B948E}
.film .fxct-nx small svg{width:12px;height:12px}
.film .fxct-nx p{margin-top:4px;font-size:12px;line-height:1.45;color:#2f3632}
.film .fxct-rec{margin-top:10px;padding:10px 12px;border-radius:11px;background:#EAF6DF;border:1px solid #CBE6B0}
.film .fxct-rec small{display:flex;align-items:center;gap:6px;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#2F6B12}
.film .fxct-rec small svg{width:12px;height:12px}
.film .fxct-rec b{display:block;margin-top:3px;font-size:22px;font-weight:800;letter-spacing:-.02em;color:#2F6B12}
.film .fxct-rec>span{display:block;margin-top:1px;font-size:10.5px;color:#4c6b3a}

/* ---------- telefono: i pannelli inquadrati si stringono, la camera li legge uno alla volta ---------- */
.film .film-player.is-narrow .fm-scr .fm-head{flex-wrap:wrap;row-gap:6px;width:352px}
.film .film-player.is-narrow .fxct-kpis{width:352px;gap:8px}
.film .film-player.is-narrow .fxct-kpis .fm-kpi{padding:9px 10px}
.film .film-player.is-narrow .fxct-kpis .fm-kpi small{font-size:8.5px;letter-spacing:.06em}
.film .film-player.is-narrow .fxct-kpis .fm-kpi b{font-size:16px}
.film .film-player.is-narrow .fxct-err{width:352px;padding:10px 12px 4px}
.film .film-player.is-narrow .fxct-err header>span{display:none}
.film .film-player.is-narrow .fxct-er{grid-template-columns:30px minmax(0,1fr) 62px;grid-template-areas:"lg tx am" "lg ty am";column-gap:9px;row-gap:5px;height:auto;padding:9px 2px}
.film .film-player.is-narrow .fxct-er[data-h]{display:none}
.film .film-player.is-narrow .fxct-er .lg{grid-area:lg;align-self:start;width:30px;height:30px}
.film .film-player.is-narrow .fxct-er .tx{grid-area:tx}
.film .film-player.is-narrow .fxct-er .tx small{white-space:normal;line-height:1.35}
.film .film-player.is-narrow .fxct-er .ty{grid-area:ty}
.film .film-player.is-narrow .fxct-er .am{grid-area:am;align-self:start;margin-top:2px}
.film .film-player.is-narrow .fxct-er .pr{display:none}
.film .film-player.is-narrow .fxct-er::after{inset:0 -4px}
.film .film-player.is-narrow .fxct-pv{grid-template-columns:352px 340px}
.film .film-player.is-narrow .fxct-vd{grid-column:1;grid-row:2}
.film .film-player.is-narrow .fxct-rail{width:352px;height:auto;align-items:flex-start;padding:10px 8px 8px}
.film .film-player.is-narrow .fxct-nd{flex-direction:column;gap:5px;width:66px;text-align:center}
.film .film-player.is-narrow .fxct-nd .tx b{font-size:10.5px;white-space:normal}
.film .film-player.is-narrow .fxct-nd .tx small{display:none}
.film .film-player.is-narrow .fxct-cn{margin:16px 0 0}
.film .film-player.is-narrow .fxct-sol{display:none}
.film .film-player.is-narrow .fxct-pr{grid-template-columns:352px 320px}
.film .film-player.is-narrow .fxct-dr{padding:10px 14px 14px}
.film .film-player.is-narrow .fxct-mh{grid-template-columns:50px minmax(0,1fr) auto}
.film .film-player.is-narrow .fxct-att{flex-direction:column}
.film .film-player.is-narrow .fxct-send{flex-wrap:wrap;row-gap:10px}
.film .film-player.is-narrow .fxct-by{margin-left:0}
.film .film-player.is-narrow .fxct-th{padding:11px 12px 14px}
.film .film-player.is-narrow .fxct-ms .r1{flex-wrap:wrap}
.film .film-player.is-narrow .fxct-ms .r1 em{margin-left:0}
.film .film-player.is-narrow .fxct-ms .r2{-webkit-line-clamp:5}
.film .film-player.is-narrow .fxct-wait>small{display:none}
.film .film-player.is-narrow .fxct-nc .fm-tr{height:auto;min-height:32px;padding:6px 8px}
.film .film-player.is-narrow .fxct-nc .fm-tr>span{white-space:normal;line-height:1.35}
.film .film-player.is-narrow .fxct-q{height:auto;min-height:30px;padding:4px 0;line-height:1.35}

/* ==========================================================================
   Fuori dal film: il percorso nel bento "Dalla casella che usi già"
   (questo foglio è caricato solo su questa pagina)
   MiMuovo → la tua casella (Gmail o Outlook) → il fornitore → il rimborso
   ========================================================================== */
.fxct-route{display:flex;align-items:flex-start}
.fxct-route .st{display:flex;flex-direction:column;align-items:center;gap:7px;width:112px;flex-shrink:0;text-align:center}
.fxct-route .ic{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid var(--border);color:#4c5550}
.fxct-route .ic svg{width:20px;height:20px}
.fxct-route .ic img{width:22px;height:22px;object-fit:contain}
.fxct-route .ic.two{width:72px}
.fxct-route .ic.two img{width:19px;height:19px}
.fxct-route .mm .ic{border-color:#CFE6B4}
.fxct-route .rb .ic{background:var(--green-soft);border-color:#CFE6B4;color:var(--green-deep)}
.fxct-route b{font-size:13.5px;font-weight:700;line-height:1.2}
.fxct-route small{font-size:12px;color:var(--ink-soft);line-height:1.3}
.fxct-route .ln{position:relative;flex:1;min-width:14px;height:8px;margin-top:20px;background:repeating-linear-gradient(90deg,#9CCB6E 0 6px,transparent 6px 11px) center/100% 2px no-repeat;overflow:hidden}
.fxct-route .ln em{position:absolute;inset:0;transform:translateX(-100%);opacity:0;animation:fxctRun 3.9s var(--ease-io) infinite}
.fxct-route .ln:nth-of-type(2) em{animation-delay:1.3s}
.fxct-route .ln:nth-of-type(3) em{animation-delay:2.6s}
.fxct-route .ln em::after{content:"";position:absolute;right:0;top:0;width:8px;height:8px;border-radius:50%;background:var(--green)}
@keyframes fxctRun{0%{transform:translateX(-100%);opacity:0}5%{opacity:1}29%{opacity:1}33%,100%{transform:translateX(0);opacity:0}}
@media (max-width:600px){
  .fxct-route .st{width:62px;gap:6px}
  .fxct-route .ic{width:40px;height:40px;border-radius:12px}
  .fxct-route .ic.two{width:58px;gap:4px}
  .fxct-route .ic.two img{width:16px;height:16px}
  .fxct-route .ic img{width:19px;height:19px}
  .fxct-route .ic svg{width:17px;height:17px}
  .fxct-route b{font-size:11.5px}
  .fxct-route small{display:none}
  .fxct-route .ln{margin-top:16px}
}
@media (prefers-reduced-motion:reduce){.fxct-route .ln em{animation:none;opacity:0}}

/* fuori dal film: lo stato delle pratiche nella scena dei passi è una pill, non un importo */
.fxct-r .am .pill{font-family:var(--font)}