/* ==========================================================================
   Film della pagina Fatture e costi: stile delle sue schermate (classi fxfc-).
   Il comune (player, finestra, sidebar, attori, pezzi riusabili) è in
   assets/mm/film.css, che va caricato prima di questo file. Tutto sotto .film,
   si animano solo transform e opacity. Sul telefono (.is-narrow) i pannelli
   inquadrati si stringono a circa 350 px, così la camera li legge a grandezza naturale.
   ========================================================================== */

/* pezzi comuni del film */
.film .fxfc-st{position:relative;display:inline-flex;height:24px;align-items:center}
.film .fxfc-st .pill{white-space:nowrap;transition:opacity .25s ease,transform .45s var(--fe-out)}
.film .fxfc-st .a{color:#8B948E;background:#F1F3EF}
.film .fxfc-st .b{position:absolute;left:0;top:0;opacity:0;transform:scale(.85)}
.film .fxfc-st .b svg{width:12px;height:12px}
.film .fxfc-st.ok .a{opacity:0;transform:scale(.9)}
.film .fxfc-st.ok .b{opacity:1;transform:none}
.film .fxfc-tot{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:10px;border-top:1px solid #EEF1EA}
.film .fxfc-tot>span{font-size:12.5px;font-weight:700}
.film .fxfc-tot b{font-size:17px;font-weight:800;letter-spacing:-.02em}
.film .fxfc-tc header .pill.mono,.film .fxfc-vc header .pill.mono{font-weight:800;font-size:10.5px}

/* ---------- 1 · arrivo ---------- */
.film .fxfc-cnt{position:absolute;right:26px;top:40px;display:flex;align-items:baseline;gap:8px;font-size:11.5px;font-weight:600;color:#8B948E}
.film .fxfc-cnt b{font-size:20px;font-weight:800;letter-spacing:-.02em;color:#121212}
.film .fxfc-srcs{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.film .fxfc-srcs .lb{font-size:11px;font-weight:700;color:#8B948E;margin-right:2px}
.film .fxfc-src{position:relative;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 9px;border:1px solid #E5E9E1;border-radius:999px;background:#fff;font-size:11.5px;font-weight:700;color:#4c5550}
.film .fxfc-src img{width:16px;height:16px;object-fit:contain}
.film .fxfc-src svg{width:15px;height:15px;color:#5a6172}
.film .fxfc-src::after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 0 1.5px #8CC063,0 0 0 5px #EAF6DF;opacity:0;transition:opacity .4s ease}
.film .fxfc-src.on::after{opacity:1}
.film .fxfc-inb{padding:4px 16px 8px}
.film .fxfc-ir{display:grid;grid-template-columns:1fr 150px 112px 132px;align-items:center;gap:12px;height:50px;border-top:1px solid #F1F3EE}
.film .fxfc-ir[data-h]{height:30px;border-top:0;font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#8B948E}
.film .fxfc-ir .r{text-align:right}
.film .fxfc-ir>.mono{font-size:12.5px;font-weight:700}
.film .fxfc-doc{display:flex;align-items:center;gap:11px;min-width:0}
.film .fxfc-lg{width:32px;height:32px;border-radius:9px;background:#F5F7F3;border:1px solid #EDF0EA;display:grid;place-items:center;flex-shrink:0;color:#5b655f}
.film .fxfc-lg img{width:19px;height:19px;object-fit:contain}
.film .fxfc-lg svg{width:15px;height:15px}
.film .fxfc-doc .tx{min-width:0}
.film .fxfc-doc .tx b{display:block;font-size:12.5px;font-weight:700;white-space:nowrap}
.film .fxfc-doc .tx small{display:block;font-size:11px;color:#7E8882;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.film .fxfc-or{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#4c5550}
.film .fxfc-or svg{width:13px;height:13px;color:#8B948E}
.film .fxfc-or em{font-style:normal;font:800 8.5px/1 var(--mono);letter-spacing:.03em;color:#5b655f;background:#EEF1EA;border-radius:4px;padding:3px 4px 2px}
.film .fxfc-or em.pdf{color:#fff;background:#D64533}

/* ---------- 2 · lettura ---------- */
.film .fxfc-rd{display:grid;grid-template-columns:380px 1fr;gap:18px;align-items:start}
.film .fxfc-rd .fm-dv{height:476px}
.film .fxfc-rd .fm-dv-a4{height:100%;padding:14px 14px}
.film .fxfc-est{position:relative;overflow:hidden;padding-bottom:6px}
.film .fxfc-est .hd{margin-bottom:9px;padding-bottom:8px;border-bottom:1.5px solid #121712}
.film .fxfc-est .hd b{display:block;font-size:11.5px;font-weight:800;letter-spacing:.01em}
.film .fxfc-est .hd span{display:block;margin-top:2px;font-size:9.5px;color:#6B7480}
.film .fxfc-et{position:relative;display:grid;grid-template-columns:18px 60px 1fr 30px 48px 36px 40px;gap:3px;align-items:center;height:25px;padding:0 3px;border-top:1px solid #F1F3EE;font:500 9px/1 var(--mono);color:#2a2f2b;font-variant-numeric:tabular-nums}
.film .fxfc-et[data-h]{height:20px;border-top:0;font:800 7.5px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:#8B948E}
.film .fxfc-et>span{white-space:nowrap;overflow:hidden}
.film .fxfc-et .r{text-align:right}
.film .fxfc-et::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:5px;background:#F1F9E9;box-shadow:inset 0 0 0 1px #BFE0A0;opacity:0;transition:opacity .4s ease}
.film .fxfc-et.hl::after{opacity:1}
.film .fxfc-et.hl>span{font-weight:700}
.film .fxfc-est{z-index:0}
.film .fxfc-scan{position:absolute;left:-14px;right:-14px;top:0;height:44px;margin-top:-44px;pointer-events:none;background:linear-gradient(180deg,rgba(140,192,99,0),rgba(140,192,99,.16));border-bottom:2px solid rgba(46,122,51,.55);opacity:0;transform:translateY(40px);transition:transform 1.7s cubic-bezier(.45,.05,.55,.95),opacity .3s ease}
.film .fxfc-scan.in{opacity:1;transform:translateY(var(--y,300px))}
.film .fxfc-scan.done{opacity:0}
.film .fxfc-rows{padding:14px 16px 14px}
.film .fxfc-rows header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.film .fxfc-rows header>b{font-size:13.5px;font-weight:800}
.film .fxfc-n{font-size:11.5px;font-weight:600;color:#8B948E}
.film .fxfc-n b{font-size:15px;font-weight:800;color:#121212}
.film .fxfc-rows .fm-tr>span:first-child{font-family:var(--mono);color:#8B948E}
.film .fxfc-rows .fm-tr .mono{font-size:11.5px;color:#4c5550}
.film .fxfc-rows .fm-tr.fi{transition:opacity .35s ease,transform .5s var(--fe-out)}
.film .fxfc-pop{position:absolute;right:16px;top:240px;z-index:2;display:flex;align-items:center;gap:10px;width:262px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #DDEFCB;
  box-shadow:0 18px 40px -18px rgba(18,24,20,.38);opacity:0;transform:translateY(-6px) scale(.97);transform-origin:70% 0;transition:opacity .25s ease,transform .45s var(--fe-out)}
.film .fxfc-pop.in{opacity:1;transform:none}
.film .fxfc-pop .ic{width:30px;height:30px;border-radius:9px;background:#EEF6E6;color:#3B6E00;display:grid;place-items:center;flex-shrink:0}
.film .fxfc-pop .ic svg{width:15px;height:15px}
.film .fxfc-pop b{display:block;font-size:12px;font-weight:700}
.film .fxfc-pop small{display:block;font-size:10.5px;color:#7E8882}
.film .fxfc-sum{display:flex;align-items:center;gap:18px;margin-top:12px;padding-top:12px;border-top:1px solid #EEF1EA}
.film .fxfc-sum small{display:block;font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#8B948E}
.film .fxfc-sum b{display:block;margin-top:3px;font-size:15px;font-weight:800;letter-spacing:-.01em}
.film .fxfc-sum .pill{margin-left:auto}
.film .fxfc-sum .pill svg{width:12px;height:12px}

/* ---------- 3 · viaggio ---------- */
.film .fxfc-vg{display:grid;grid-template-columns:440px 1fr;gap:18px;align-items:start}
.film .fxfc-vl{display:flex;flex-direction:column;gap:14px}
.film .fxfc-tp{padding:14px 16px 8px}
.film .fxfc-tp header,.film .fxfc-tc header,.film .fxfc-vc header{display:flex;align-items:center;gap:11px;margin-bottom:8px}
.film .fxfc-tp .lg img{width:22px;height:22px}
.film .fxfc-tp .who small{display:flex;align-items:center;gap:6px;margin-top:2px}
.film .fxfc-tx{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;height:54px;padding:0 8px;margin:0 -8px;border-top:1px solid #F1F3EE;border-radius:10px}
.film .fxfc-tx::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#F1F9E9;box-shadow:inset 0 0 0 1px #BFE0A0;opacity:0;transition:opacity .4s ease}
.film .fxfc-tx.hl::after{opacity:1}
.film .fxfc-tp{z-index:0}
.film .fxfc-tx .rt{min-width:0}
.film .fxfc-tx .rt b{display:block;font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.film .fxfc-tx .rt small{display:block;margin-top:3px;font-size:10.5px;color:#7E8882}
.film .fxfc-tx .rr{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.film .fxfc-tx .am{font-size:12.5px;font-weight:800}
.film .fxfc-tx.other .rt b,.film .fxfc-tx.other .am{color:#8B948E}
.film .fxfc-trip{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:999px;font:700 10px/1 var(--mono);background:#F1F3EF;color:#6B7480;opacity:0;transform:scale(.88);transform-origin:100% 50%;transition:opacity .25s ease,transform .45s var(--fe-out)}
.film .fxfc-trip.on{background:#EAF6DF;color:#2F6B12}
.film .fxfc-trip svg{width:11px;height:11px}
.film .fxfc-trip.in{opacity:1;transform:none}
/* la giornata del mezzo dal GPS: i viaggi come fasce, i transiti come tacche dentro */
.film .fxfc-gps{margin-top:6px;padding-top:12px;border-top:1px solid #EEF1EA}
.film .fxfc-gps .hd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}
.film .fxfc-gps .hd b{font-size:11.5px;font-weight:800}
.film .fxfc-gps .hd small{font-size:10.5px;color:#8B948E}
.film .fxfc-tl{position:relative;height:32px}
.film .fxfc-bd{position:absolute;top:0;height:32px}
.film .fxfc-bd::before,.film .fxfc-bd::after{content:"";position:absolute;inset:0;border-radius:8px}
.film .fxfc-bd::before{background:#F3F5F1;box-shadow:inset 0 0 0 1px #E3E8DF}
.film .fxfc-bd::after{background:#EAF6DF;box-shadow:inset 0 0 0 1px #A9D383;opacity:0;transition:opacity .4s ease}
.film .fxfc-bd.on::after{opacity:1}
.film .fxfc-bd>b{position:relative;z-index:1;display:block;padding:6px 7px 0;font:800 9.5px/1 var(--mono);color:#3d4452;white-space:nowrap}
.film .fxfc-tk{position:absolute;bottom:6px;height:6px;border-radius:3px;background:#CDD5C6}
.film .fxfc-tk::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--act);opacity:0;transition:opacity .35s ease}
.film .fxfc-tk.o::after{background:#7E8882}
.film .fxfc-tk.in::after{opacity:1}
.film .fxfc-ax{position:relative;height:12px;margin-top:6px}
.film .fxfc-ax span{position:absolute;top:0;font:600 9px/1 var(--mono);color:#9aa1ad}
.film .fxfc-ax span+span{transform:translateX(-50%)}
.film .fxfc-tc{padding:14px 16px 14px}
.film .fxfc-tc .who b{font-size:14.5px;font-weight:800}
.film .fxfc-by{display:flex;align-items:center;gap:8px;margin:2px 0 12px;font-size:12px;font-weight:600;color:#4c5550}
.film .fxfc-tc h6{margin-bottom:2px}
.film .fxfc-cl{position:relative;display:flex;align-items:center;gap:10px;height:50px;border-top:1px solid #F1F3EE}
.film .fxfc-cl:first-of-type{border-top:0}
.film .fxfc-cl .ic{width:28px;height:28px;border-radius:8px;background:#F1F4EE;color:#5b655f;display:grid;place-items:center;flex-shrink:0}
.film .fxfc-cl .ic svg{width:14px;height:14px}
.film .fxfc-cl .tx{flex:1;min-width:0}
.film .fxfc-cl .tx b{display:block;font-size:12.5px;font-weight:700}
.film .fxfc-cl .tx small{display:block;font-size:10.5px;color:#7E8882;white-space:nowrap}
.film .fxfc-cl>b{font-size:12.5px;font-weight:800}
.film .fxfc-w{position:relative;display:grid;justify-items:end}
.film .fxfc-w em,.film .fxfc-w b{grid-area:1/1;transition:opacity .3s ease,transform .45s var(--fe-out)}
.film .fxfc-w em{font-style:normal;font-size:10.5px;font-weight:600;color:#A8862A;background:#FDF6E3;border-radius:999px;padding:4px 8px;white-space:nowrap}
.film .fxfc-w b{font-size:12.5px;font-weight:800;opacity:0;transform:translateY(4px)}
.film .fxfc-cl.ok .fxfc-w em{opacity:0;transform:translateY(-4px)}
.film .fxfc-cl.ok .fxfc-w b{opacity:1;transform:none}
.film .fxfc-cl::after{content:"";position:absolute;inset:3px -8px;z-index:-1;border-radius:10px;background:#F1F9E9;box-shadow:inset 0 0 0 1px #BFE0A0;opacity:0;transition:opacity .4s ease .1s}
.film .fxfc-cl.ok::after{opacity:1}
.film .fxfc-tc{z-index:0}
.film .fxfc-tok{position:absolute;left:0;top:0;z-index:8;pointer-events:none;padding:6px 10px;border-radius:999px;background:var(--act);color:#fff;font-size:12px;font-weight:800;white-space:nowrap;
  box-shadow:0 14px 30px -12px rgba(18,24,20,.45);opacity:0;transition:transform .9s var(--fe-io),opacity .2s ease}
.film .fxfc-tok.in{opacity:1}
.film .fxfc-tok.done{opacity:0;transition:opacity .25s ease}

/* ---------- 4 · indiretti ---------- */
.film .fxfc-in{display:grid;grid-template-columns:476px 1fr;gap:18px;align-items:start}
.film .fxfc-ic{padding:6px 16px 14px}
.film .fxfc-jr{display:grid;grid-template-columns:1fr 100px 92px;align-items:center;gap:10px;height:48px;border-top:1px solid #F1F3EE}
.film .fxfc-jr[data-h]{height:30px;border-top:0;font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#8B948E}
.film .fxfc-jr .r{text-align:right}
.film .fxfc-jr .tx{display:flex;align-items:center;gap:10px;min-width:0}
.film .fxfc-jr .ic{width:28px;height:28px;border-radius:8px;background:#F1F4EE;color:#5b655f;display:grid;place-items:center;flex-shrink:0}
.film .fxfc-jr .ic svg{width:14px;height:14px}
.film .fxfc-jr .tx b{display:block;font-size:12.5px;font-weight:700;white-space:nowrap}
.film .fxfc-jr .tx small{display:block;font-size:10.5px;color:#7E8882;white-space:nowrap}
.film .fxfc-jr>.mono{font-size:12px;color:#4c5550}
.film .fxfc-jr>b.mono{font-size:12.5px;font-weight:800;color:#2F6B12}
.film .fxfc-bars{margin-top:10px;padding:10px 12px 10px;border-radius:12px;background:#F8FAF6;border:1px solid #EEF1EA}
.film .fxfc-bars .hd{display:flex;align-items:center;justify-content:space-between;gap:10px;height:24px;margin-bottom:8px}
.film .fxfc-bars .hd small{font-size:11px;font-weight:600;color:#5b655f}
.film .fxfc-bl{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#2F6B12;opacity:0;transform:translateX(6px);transition:opacity .3s ease,transform .45s var(--fe-out)}
.film .fxfc-bl.in{opacity:1;transform:none}
.film .fxfc-bars .bb{display:flex;align-items:flex-end;gap:2px;height:44px}
.film .fxfc-bars .bb i{position:relative;flex:1;height:100%;border-radius:2px 2px 1px 1px;background:#CCD8C2;transform:scaleY(.06);transform-origin:50% 100%;transition:transform .55s var(--fe-out) calc(var(--i) * 11ms)}
.film .fxfc-bars.grow .bb i{transform:scaleY(var(--h))}
.film .fxfc-bars .bb i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--act);opacity:0;transition:opacity .3s ease}
.film .fxfc-bars .bb i.on::after{opacity:1}
.film .fxfc-isum{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.film .fxfc-isum>span:first-child{font-size:12px;font-weight:600;color:#4c5550}
.film .fxfc-isum>span:first-child b{margin-left:6px;font-size:15px;font-weight:800;color:#121212}
.film .fxfc-isum .pill svg{width:12px;height:12px}
.film .fxfc-vc{padding:14px 16px 14px}
.film .fxfc-vc .who b{font-size:13.5px;font-weight:800}
.film .fxfc-vr{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;height:44px;padding:0 8px;margin:0 -8px;border-top:1px solid #F1F3EE;border-radius:10px}
.film .fxfc-vr .tx b{display:block;font-size:12.5px;font-weight:700}
.film .fxfc-vr .tx small{display:block;font-size:10.5px;color:#7E8882}
.film .fxfc-vr>b{font-size:12.5px;font-weight:800}
.film .fxfc-vr.fm-ring::after{z-index:-1;inset:0;background:#F1F9E9;box-shadow:inset 0 0 0 1px #BFE0A0}
.film .fxfc-vr.hl::after{opacity:1}
.film .fxfc-vc{z-index:0}
.film .fxfc-cost{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:10px 13px;border-radius:12px;background:#EAF6DF;border:1px solid #CBE6B0}
.film .fxfc-cost small{display:block;font-size:10.5px;font-weight:600;color:#5b7a48}
.film .fxfc-cost span b{display:block;font-size:12.5px;font-weight:800;color:#1F5A0E}
.film .fxfc-cost>b{font-size:20px;font-weight:800;letter-spacing:-.02em;color:#2F6B12}

/* ---------- 5 · doppioni ---------- */
.film .fxfc-dp{display:grid;grid-template-columns:284px 284px 1fr;gap:14px;align-items:start}
.film .fxfc-dd{position:relative}
.film .fxfc-dd .fm-dv{height:446px}
.film .fxfc-dd .fm-dv-a4{height:100%;padding:16px 16px}
.film .fxfc-dd .fm-dp-t{margin-top:12px}
.film .fxfc-dd .fm-dp-kv{grid-template-columns:1.15fr .9fr 1fr;gap:6px 14px}
.film .fxfc-m{position:relative}
.film .fxfc-m::after{content:"";position:absolute;inset:-3px -5px;border-radius:6px;background:rgba(253,236,190,.45);box-shadow:0 0 0 1.5px #E3A21A;opacity:0;transition:opacity .35s ease;pointer-events:none}
.film .fxfc-m.hl::after{opacity:1}
.film .fm-dp-tot.fxfc-m::after{inset:2px -5px -4px}
.film .fxfc-stamp{position:absolute;left:50%;top:236px;z-index:2;display:flex;align-items:center;gap:8px;margin-left:-82px;width:164px;justify-content:center;padding:8px 0;border:2.5px solid #D64533;border-radius:10px;background:rgba(255,255,255,.9);color:#C43A2A;font-size:17px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  opacity:0;transform:rotate(-9deg) scale(1.3);transition:opacity .2s ease,transform .45s var(--fe-out)}
.film .fxfc-stamp svg{width:18px;height:18px}
.film .fxfc-stamp.in{opacity:1;transform:rotate(-9deg)}
.film .fxfc-why{padding:14px 16px 16px}
/* la pill nel titolo: possibile doppione, poi doppione in attesa della nota di credito */
.film .fxfc-dpl{display:inline-grid;justify-items:start}
.film .fxfc-dpl>.pill{grid-area:1/1;white-space:nowrap;transition:opacity .25s ease,transform .45s var(--fe-out)}
.film .fxfc-dpl .b{opacity:0;transform:scale(.9);transform-origin:0 50%}
.film .fxfc-dpl .b svg{width:12px;height:12px}
.film .fxfc-dpl.ok .a{opacity:0;transform:scale(.9)}
.film .fxfc-dpl.ok .b{opacity:1;transform:none}
.film .fxfc-why header{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.film .fxfc-why header b{font-size:13.5px;font-weight:800}
.film .fxfc-why header .ic{width:30px;height:30px;border-radius:9px;background:#FDF4DC;color:#8A6400;display:grid;place-items:center;flex-shrink:0}
.film .fxfc-why header .ic svg{width:15px;height:15px}
.film .fxfc-wy{display:flex;align-items:center;gap:9px;height:34px;font-size:12px;font-weight:600;color:#3d4452;opacity:.28;transition:opacity .35s ease}
.film .fxfc-wy.in{opacity:1}
.film .fxfc-wy svg{width:18px;height:18px;padding:3px;border-radius:50%;background:#FDF4DC;color:#8A6400;flex-shrink:0}
.film .fxfc-wy.info svg{background:#F1F3EF;color:#6B7480}
.film .fxfc-why p{margin:8px 0 2px;font-size:11.5px;line-height:1.45;color:#7E8882}

/* ---------- 6 · approvazione ---------- */
.film .fxfc-ap{display:grid;grid-template-columns:498px 1fr;gap:18px;align-items:start}
.film .fxfc-apc{padding:14px 16px 16px}
.film .fxfc-tabs{display:flex;gap:6px;margin-bottom:8px}
.film .fxfc-tabs span{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700;color:#7E8882}
.film .fxfc-tabs span.on{background:#EFF6E7;color:#121212}
.film .fxfc-tabs b{font-size:11.5px}
.film .fxfc-ca{display:flex;align-items:center;gap:10px;height:48px;border-top:1px solid #F1F3EE}
.film .fxfc-ca .ic{width:28px;height:28px;border-radius:8px;background:#F1F4EE;color:#5b655f;display:grid;place-items:center;flex-shrink:0}
.film .fxfc-ca .ic svg{width:14px;height:14px}
.film .fxfc-ca .tx{flex:1;min-width:0}
.film .fxfc-ca .tx b{display:block;font-size:12.5px;font-weight:700}
.film .fxfc-ca .tx small{display:block;font-size:10.5px;color:#7E8882;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.film .fxfc-ca>b{font-size:12.5px;font-weight:800}
.film .fxfc-ca .ok{width:20px;height:20px;border-radius:50%;background:var(--act);color:#fff;display:grid;place-items:center;flex-shrink:0;opacity:0;transform:scale(.5);transition:opacity .2s ease,transform .45s var(--fe-out)}
.film .fxfc-ca .ok svg{width:12px;height:12px}
.film .fxfc-apc.done .fxfc-ca .ok{opacity:1;transform:none}
.film .fxfc-apc.done .fxfc-ca:nth-of-type(2) .ok{transition-delay:.06s}
.film .fxfc-apc.done .fxfc-ca:nth-of-type(3) .ok{transition-delay:.12s}
.film .fxfc-apc.done .fxfc-ca:nth-of-type(4) .ok{transition-delay:.18s}
.film .fxfc-apc.done .fxfc-ca:nth-of-type(5) .ok{transition-delay:.24s}
.film .fxfc-apc.done .fxfc-ca:nth-of-type(6) .ok{transition-delay:.3s}
.film .fxfc-mg{padding:14px 16px 12px;border-color:#DDEFCB;box-shadow:0 22px 50px -26px rgba(18,24,20,.4)}
.film .fxfc-mg header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.film .fxfc-mg header>span:first-child{font-size:11.5px;color:#8B948E;font-weight:600}
.film .fxfc-mg header b{display:block;font:800 13.5px/1.3 var(--mono);color:#121212}
.film .fxfc-mg header .pill svg{width:12px;height:12px}
.film .fxfc-mg .ln{display:flex;justify-content:space-between;align-items:center;height:28px;font-size:12px;color:#5b655f}
.film .fxfc-mg .ln b{font-weight:700;color:#121212}
.film .fxfc-mg .tot{display:flex;align-items:center;gap:10px;margin-top:6px;padding-top:10px;border-top:1px solid #EEF1EA}
.film .fxfc-mg .tot>span{flex:1;font-size:12.5px;font-weight:700}
.film .fxfc-mg .tot b{font-size:24px;font-weight:800;letter-spacing:-.02em;color:#2F6B12}
.film .fxfc-mg .tot em{font-style:normal;font-size:10.5px;font-weight:700;color:#2F6B12;background:#EAF6DF;border-radius:999px;padding:3px 8px}
.film .fxfc-fl{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:12px;padding:9px 11px;border-radius:11px;background:#F6FBF0;border:1px solid #DDEFCB;font-size:11.5px;font-weight:600;color:#5b655f;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .5s var(--fe-out)}
.film .fxfc-fl.in{opacity:1;transform:none}
.film .fxfc-fl .v{white-space:nowrap}
.film .fxfc-fl .v b{color:#121212;font-weight:800}
.film .fxfc-fl .v.ok b{color:#2F6B12}
.film .fxfc-dc{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:11px;font-weight:600;color:#8B948E}
.film .fxfc-dc svg{width:13px;height:13px}

/* ---------- telefono: i pannelli inquadrati si stringono, la camera li legge uno alla volta ---------- */
.film .film-player.is-narrow .fxfc-cnt{position:static;margin:-6px 0 12px}
.film .film-player.is-narrow .fxfc-srcs{flex-wrap:wrap;row-gap:8px;width:352px}
.film .film-player.is-narrow .fxfc-inb{width:352px}
.film .film-player.is-narrow .fxfc-ir{grid-template-columns:1fr 112px;gap:8px}
.film .film-player.is-narrow .fxfc-ir>:nth-child(2),.film .film-player.is-narrow .fxfc-ir>:nth-child(3){display:none}
.film .film-player.is-narrow .fxfc-ir .fxfc-st{justify-self:end}
.film .film-player.is-narrow .fxfc-ir .fxfc-st .b{left:auto;right:0}
.film .film-player.is-narrow .fxfc-rd{grid-template-columns:340px 352px}
.film .film-player.is-narrow .fxfc-et{grid-template-columns:18px 60px 1fr 48px 36px 40px}
.film .film-player.is-narrow .fxfc-et>:nth-child(4){display:none}
.film .film-player.is-narrow .fxfc-rows .fm-tbl.cols .fm-tr{grid-template-columns:28px 1fr 58px 84px}
.film .film-player.is-narrow .fxfc-rows .fm-tr>span:nth-child(2){display:none}
.film .film-player.is-narrow .fxfc-pop{right:12px;width:250px}
.film .film-player.is-narrow .fxfc-sum{flex-wrap:wrap;row-gap:10px}
.film .film-player.is-narrow .fxfc-vg{grid-template-columns:352px 352px}
.film .film-player.is-narrow .fxfc-tx{gap:8px}
.film .film-player.is-narrow .fxfc-tc header{margin-bottom:4px}
.film .film-player.is-narrow .fxfc-by{margin-bottom:6px}
.film .film-player.is-narrow .fxfc-cl{height:46px}
.film .film-player.is-narrow .fxfc-in{grid-template-columns:352px 352px}
.film .film-player.is-narrow .fxfc-jr{grid-template-columns:1fr 82px 74px;gap:8px}
.film .film-player.is-narrow .fxfc-jr .ic{display:none}
.film .film-player.is-narrow .fxfc-bars .bb{gap:1px}
.film .film-player.is-narrow .fxfc-bars .hd{flex-wrap:wrap;height:auto;row-gap:6px}
.film .film-player.is-narrow .fxfc-bl{white-space:nowrap}
.film .film-player.is-narrow .fxfc-isum{flex-wrap:wrap;row-gap:8px}
.film .film-player.is-narrow .fxfc-ap{grid-template-columns:352px 340px}
.film .film-player.is-narrow .fxfc-ca .tx small{white-space:normal}