/* ==========================================================================
   Film della pagina Riconciliazione viaggi: stile delle sue schermate (classi fxrv-).
   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 352 px, così la camera li legge a grandezza naturale.
   ========================================================================== */

/* stato a due facce: a = prima, b = dopo (.ok) */
.film .fxrv-st{position:relative;display:inline-grid;justify-items:end;flex-shrink:0}
.film .fxrv-st>.pill{grid-area:1/1;white-space:nowrap;transition:opacity .25s ease,transform .45s var(--fe-out)}
.film .fxrv-st .b{opacity:0;transform:scale(.88);transform-origin:100% 50%}
.film .fxrv-st .b svg{width:12px;height:12px}
.film .fxrv-st.ok .a{opacity:0;transform:scale(.9)}
.film .fxrv-st.ok .b{opacity:1;transform:none}
.film .fm-head .fxrv-st{justify-items:start}
.film .fm-head .fxrv-st .b{transform-origin:0 50%}

/* ---------- 1 · la prefattura in Excel e come paga il committente ---------- */
.film .fxrv-pa{display:grid;grid-template-columns:452px 1fr;gap:18px;align-items:start}
.film .fxrv-pa .fm-dv{height:466px}
.film .fxrv-pa .fm-dv-bar .x{background:#1D7044}
.film .fxrv-pa .fm-dv-pg{padding:10px}
.film .fxrv-pa .fm-dv-a4{height:100%;padding:0;border-radius:2px;overflow:hidden}
.film .fxrv-sh{position:relative;height:100%;overflow:hidden;background:#fff;font:500 9.5px/1 var(--mono);color:#2a2f2b;font-variant-numeric:tabular-nums}
.film .fxrv-xr{display:grid;grid-template-columns:22px 40px 1fr 58px 58px 38px 56px;height:21px;border-bottom:1px solid #E7EBE4}
.film .fxrv-xr>span{display:flex;align-items:center;min-width:0;padding:0 5px;border-right:1px solid #EEF1EB;white-space:nowrap;overflow:hidden}
.film .fxrv-xr>span.r{justify-content:flex-end}
.film .fxrv-xr>span:first-child{justify-content:center;padding:0;background:#F3F5F1;color:#8B948E;font-size:8.5px}
.film .fxrv-cl{height:17px;background:#F3F5F1}
.film .fxrv-cl>span{justify-content:center;font:600 8.5px/1 var(--font);color:#8B948E}
.film .fxrv-xh>span{font:700 9px/1 var(--font);color:#121712;background:#E2EFDA}
.film .fxrv-xh>span:first-child{background:#F3F5F1}
.film .fxrv-tabs{position:absolute;left:0;right:0;bottom:0;height:24px;display:flex;padding-left:22px;background:#F3F5F1;border-top:1px solid #DDE1DA;font:600 9.5px/1 var(--font);color:#6B7480}
.film .fxrv-tabs span{display:flex;align-items:center;padding:0 12px}
.film .fxrv-tabs .on{background:#fff;color:#1D7044;box-shadow:inset 0 -2px 0 #1D7044}
.film .fxrv-scan{position:absolute;left:0;right:0;top:0;height:40px;margin-top:-40px;pointer-events:none;background:linear-gradient(180deg,rgba(29,112,68,0),rgba(29,112,68,.13));border-bottom:2px solid rgba(29,112,68,.5);
  opacity:0;transform:translateY(56px);transition:transform 1.8s cubic-bezier(.45,.05,.55,.95),opacity .3s ease}
.film .fxrv-scan.in{opacity:1;transform:translateY(var(--y,380px))}
.film .fxrv-scan.done{opacity:0}

.film .fxrv-pc{padding:14px 16px 12px}
.film .fxrv-pc header{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.film .fxrv-pc .who{flex:1;min-width:0}
.film .fxrv-pc .who b{font-size:13.5px;font-weight:800}
.film .fxrv-pk{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.film .fxrv-pc h6{margin-bottom:4px}
.film .fxrv-pc h6 span{margin-left:auto;padding:3px 8px;border-radius:999px;background:#EEF6E6;color:#3B6E00;font-size:10px;font-weight:700;letter-spacing:0;text-transform:none}
.film .fxrv-tf{display:flex;align-items:center;gap:10px;height:40px;border-top:1px solid #F1F3EE}
.film .fxrv-pc h6+.fxrv-tf{border-top:0}
.film .fxrv-tf .ic{width:28px;height:28px;border-radius:8px;background:#EEF6E6;color:#3B6E00;display:grid;place-items:center;flex-shrink:0}
.film .fxrv-tf .ic svg{width:14px;height:14px}
.film .fxrv-tf .tx{flex:1;min-width:0}
.film .fxrv-tf .tx b{display:block;font-size:12.5px;font-weight:700}
.film .fxrv-tf .tx small{display:block;font-size:10.5px;color:#7E8882;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.film .fxrv-tf>b{font-size:12.5px;font-weight:800;white-space:nowrap}
.film .fxrv-tf.fi{transform:translateY(6px)}
.film .fxrv-tf.fi.in{transform:none}

/* ---------- 2, 3, 4, 6 · il confronto ---------- */
/* KPI e tabella stanno sotto i 456 px: con lo zoom della camera (1,21) restano in vista
   anche il titolo e il chip in alto a destra */
.film .fxrv-kp{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:8px}
.film .fxrv-kp .fm-kpi{position:relative}
.film .fxrv-k4{background:#F4FAEE;border-color:#DDEFCB}
.film .fxrv-k4 b{color:#2F6B12}
.film .fxrv-k4::after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 0 1.5px #8CC063,0 0 0 5px #EEF7E4;opacity:0;transition:opacity .4s ease;pointer-events:none}
.film .fxrv-k4.ok::after{opacity:1}
.film .fm-kpi .fxrv-lb{display:grid}
.film .fxrv-lb span{grid-area:1/1;transition:opacity .25s ease,transform .45s var(--fe-out)}
.film .fxrv-lb .b{opacity:0;transform:translateY(4px)}
.film .fxrv-k4.ok .fxrv-lb .a{opacity:0;transform:translateY(-4px)}
.film .fxrv-k4.ok .fxrv-lb .b{opacity:1;transform:none}

.film .fxrv-tw{--rh:38px;padding:10px 16px 6px;isolation:isolate}
.film .fxrv-tw header{display:flex;align-items:center;justify-content:space-between;gap:12px;height:30px;margin-bottom:4px}
.film .fxrv-tt{display:inline-grid;font-size:13.5px;font-weight:800}
.film .fxrv-tt>span{grid-area:1/1;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:opacity .25s ease,transform .45s var(--fe-out)}
.film .fxrv-tt em{font-style:normal;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;background:#FCEBE8;color:#A8321F}
.film .fxrv-tt .c{color:#2F6B12}
.film .fxrv-tt .c svg{width:15px;height:15px}
.film .fxrv-tt .b,.film .fxrv-tt .c{opacity:0;transform:translateY(4px)}
.film .fxrv-tt.b .a{opacity:0;transform:translateY(-4px)}
.film .fxrv-tt.b .b{opacity:1;transform:none}
.film .fxrv-tt.c .b{opacity:0;transform:translateY(-4px)}
.film .fxrv-tt.c .c{opacity:1;transform:none}
.film .fxrv-srcs{display:flex;align-items:center;gap:6px}
.film .fxrv-srcs small{font-size:11px;font-weight:600;color:#8B948E;margin-right:2px}
.film .fxrv-src{position:relative;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px 0 8px;border:1px solid #E5E9E1;border-radius:999px;background:#fff;font-size:11px;font-weight:700;color:#4c5550;opacity:.5;transition:opacity .3s ease}
.film .fxrv-src svg{width:13px;height:13px;color:#3B6E00}
.film .fxrv-src img{width:14px;height:14px;object-fit:contain}
.film .fxrv-src::after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 0 1.5px #A9D383,0 0 0 4px #EEF7E4;opacity:0;transition:opacity .4s ease}
.film .fxrv-src.in{opacity:1}
.film .fxrv-src.in::after{opacity:1}
.film .fxrv-tw.lit .fxrv-src::after{opacity:0}

/* righe: viaggio, tariffa, prefattura, rilevato, differenza */
.film .fxrv-r{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 104px 92px 150px 112px;align-items:center;gap:12px;height:var(--rh);margin:0 -8px;padding:0 8px;border-top:1px solid #F1F3EE;border-radius:10px}
.film .fxrv-r>span{min-width:0}
.film .fxrv-hd{height:22px;border-top:0;font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#8B948E}
.film .fxrv-hd>span:nth-child(n+3){text-align:right}
.film .fxrv-tb{position:relative}
.film .fxrv-r i.t-bad,.film .fxrv-r i.t-ok,.film .fxrv-pat i.t-ok{position:absolute;inset:2px 0;z-index:-1;border-radius:9px;opacity:0;transition:opacity .45s ease}
.film .fxrv-r i.t-bad{background:#FDF6F4;box-shadow:inset 0 0 0 1px #F6DDD6}
.film .fxrv-r i.t-ok,.film .fxrv-pat i.t-ok{background:#F1F9E9;box-shadow:inset 0 0 0 1px #CFE6B4}
.film .fxrv-r::after{content:"";position:absolute;inset:2px 0;border-radius:9px;box-shadow:0 0 0 1.5px #8CC063,0 0 0 5px #EEF7E4;opacity:0;transition:opacity .4s ease;pointer-events:none}
.film .fxrv-r.hl::after{opacity:1}
/* entrata del viaggio mancante: le righe sotto scendono di una riga */
.film .fxrv-r.u{transition:transform .7s var(--fe-io)}
.film .fxrv-tb:not(.ins) .fxrv-r.u{transform:translateY(calc(-1 * var(--rh)))}
.film .fxrv-r.miss{opacity:0;transform:translateX(-16px);transition:opacity .35s ease .2s,transform .7s var(--fe-out) .2s}
.film .fxrv-r.miss.in{opacity:1;transform:none}
/* le differenze che non stanno in tabella: occupano l'ultima riga finché il viaggio
   mancante non entra, poi lasciano il posto alla riga che scende */
.film .fxrv-more{position:absolute;left:-8px;right:-8px;bottom:0;height:var(--rh);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 8px;border-top:1px solid #F1F3EE;
  font-size:11.5px;font-weight:600;color:#6B7480;opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .45s var(--fe-out)}
.film .fxrv-more>span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.film .fxrv-more svg{width:13px;height:13px;color:#8B948E}
.film .fxrv-more .l{color:#2F6B12;font-weight:700}
.film .fxrv-more .l svg{color:currentColor}
.film .fxrv-more.in{opacity:1;transform:none}
.film .fxrv-tb.ins .fxrv-more{opacity:0;transform:none;transition-duration:.2s}

.film .fxrv-v{display:flex;align-items:center;gap:9px}
.film .fxrv-v .plate{font-size:10.5px;padding:4px 6px;flex-shrink:0}
.film .fxrv-v .tx{min-width:0}
.film .fxrv-v .tx b{display:block;font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.film .fxrv-v .tx small{display:block;margin-top:2px;font:600 10.5px/1.2 var(--mono);color:#8B948E;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.film .fxrv-v .nw{display:none;font-family:var(--font)}
.film .fxrv-un{display:inline-flex;align-items:center;justify-self:start;gap:5px;padding:4px 9px 4px 7px;border-radius:999px;background:#F1F3EF;font-size:11px;font-weight:700;color:#2f3632;white-space:nowrap}
.film .fxrv-un svg{width:13px;height:13px;color:#3B6E00}
.film .fxrv-a{display:grid;justify-items:end;font-size:12px;color:#4c5550;white-space:nowrap}
.film .fxrv-a>span{grid-area:1/1;transition:opacity .3s ease,transform .45s var(--fe-out)}
.film .fxrv-a .n{color:#2F6B12;font-weight:700;opacity:0;transform:translateY(4px)}
.film .fxrv-a em{font:italic 600 12px/1 var(--font);color:#A8321F}
.film .fxrv-r.fix .fxrv-a .o{opacity:0;transform:translateY(-4px)}
.film .fxrv-r.fix .fxrv-a .n{opacity:1;transform:none}
.film .fxrv-g{display:grid;justify-items:end;align-items:center}
.film .fxrv-g>*{grid-area:1/1;transition:opacity .3s ease,transform .45s var(--fe-out)}
.film .fxrv-g .sk{position:relative;display:block;width:64px;height:10px;border-radius:5px;background:#EEF1EA;overflow:hidden}
.film .fxrv-g .sk::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform:translateX(-100%);animation:fxrvShim 1.1s ease-in-out infinite}
@keyframes fxrvShim{to{transform:translateX(100%)}}
.film .fxrv-g .v{display:grid;justify-items:end;opacity:0;transform:translateY(4px)}
.film .fxrv-g .v b{font-size:12.5px;font-weight:800;color:#121712;white-space:nowrap}
.film .fxrv-g .v small{display:flex;align-items:center;gap:4px;margin-top:2px;font-size:10px;font-weight:600;color:#8B948E;white-space:nowrap}
.film .fxrv-g .v small svg{width:11px;height:11px}
.film .fxrv-e{display:grid;justify-items:end;align-items:center}
.film .fxrv-e>.pill{grid-area:1/1;transition:opacity .25s ease,transform .45s var(--fe-out)}
.film .fxrv-e .e0{font-weight:600;color:#8B948E}
.film .fxrv-e .e1,.film .fxrv-e .e2{font-size:11px;opacity:0;transform:scale(.88);transform-origin:100% 50%}
.film .fxrv-e .e2 svg{width:11px;height:11px}
/* trovata: il valore rilevato e la differenza in euro */
.film .fxrv-r.got .sk,.film .fxrv-r.miss .sk{opacity:0}
.film .fxrv-r.got .v,.film .fxrv-r.miss .v{opacity:1;transform:none}
.film .fxrv-r.got .e0,.film .fxrv-r.miss .e0{opacity:0;transform:scale(.9)}
.film .fxrv-r.got .e1,.film .fxrv-r.miss .e1{opacity:1;transform:none}
.film .fxrv-r.got i.t-bad,.film .fxrv-r.miss i.t-bad{opacity:1}
/* corretta nella nuova prefattura */
.film .fxrv-r.fix .e1{opacity:0;transform:scale(.9)}
.film .fxrv-r.fix .e2{opacity:1;transform:none}
.film .fxrv-r.fix i.t-bad{opacity:0}
.film .fxrv-r.fix i.t-ok{opacity:1}

/* lo stesso errore su più viaggi: il listino vecchio */
.film .fxrv-pat{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;height:56px;margin-top:10px;padding:0 16px 0 12px;border:1px solid #F3D6CF;border-radius:13px;background:#FFFBFA}
.film .fxrv-pat i.t-ok{inset:-1px;border-radius:inherit;box-shadow:inset 0 0 0 1px #CFE6B4}
.film .fxrv-pat .ic{position:relative;width:32px;height:32px;flex-shrink:0}
.film .fxrv-pat .ic>i{position:absolute;inset:0;border-radius:9px;display:grid;place-items:center;transition:opacity .3s ease}
.film .fxrv-pat .ic .i1{background:#FCEBE8;color:#A8321F}
.film .fxrv-pat .ic .i2{background:#EAF6DF;color:#2F6B12;opacity:0}
.film .fxrv-pat .ic svg{width:15px;height:15px}
.film .fxrv-pat.fix .ic .i1{opacity:0}
.film .fxrv-pat.fix .ic .i2{opacity:1}
.film .fxrv-pat .tx{flex:1;min-width:0}
.film .fxrv-pat .tx>b{display:block;font-size:12.5px;font-weight:800;text-wrap:balance}
.film .fxrv-pat .tx small{display:block;margin-top:2px;font-size:11px;color:#5b655f}
.film .fxrv-pat .tx small b{color:#121712}
.film .fxrv-pat s{color:#A8321F;text-decoration-thickness:1.5px}
.film .fxrv-pat .e1{opacity:1;transform:none}
.film .fxrv-pat.fix .e1{opacity:0;transform:scale(.9)}
.film .fxrv-pat.fix .e2{opacity:1;transform:none}
.film .fxrv-pat.fix i.t-ok{opacity:1}

/* il pannello delle prove di un viaggio, da destra */
.film .fxrv-dr{position:absolute;right:0;top:64px;bottom:0;z-index:4;width:372px;padding:16px 18px;background:#fff;border-left:1px solid #E6E9E3;border-top:1px solid #E6E9E3;border-top-left-radius:16px;
  box-shadow:-24px 0 60px -32px rgba(18,24,20,.4);transform:translateX(410px);transition:transform .6s var(--fe-drawer)}
.film .fxrv-dr.in{transform:none}
.film .fxrv-dr header{position:relative;margin-bottom:12px;padding-right:30px}
.film .fxrv-dh{display:flex;align-items:center;gap:9px}
.film .fxrv-dh b{font-size:15px;font-weight:800;letter-spacing:-.01em}
.film .fxrv-dr header small{display:block;margin-top:6px;font-size:11px;color:#7E8882}
.film .fxrv-dr header .x{position:absolute;right:0;top:0;width:26px;height:26px;border-radius:8px;background:#F3F5F1;color:#5b655f;display:grid;place-items:center}
.film .fxrv-dr header .x svg{width:14px;height:14px}
.film .fxrv-dr h6{margin-bottom:8px}
.film .fxrv-map{position:relative;width:336px;height:112px;margin-bottom:8px}
.film .fxrv-map svg{display:block;width:100%;height:100%}
.film .fxrv-map text.c{font:700 9px/1 var(--font);fill:#3d4452}
.film .fxrv-map text.r{font:italic 600 8.5px/1 var(--font);fill:#7F95A8}
.film .fxrv-pin{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:#121712;color:#fff;box-shadow:0 0 0 2px #fff,0 6px 12px -4px rgba(18,24,20,.5);display:grid;place-items:center;font:800 10px/1 var(--mono);
  opacity:0;transform:scale(.5) translateY(-6px);transition:opacity .2s ease,transform .45s var(--fe-out)}
.film .fxrv-pin.in{opacity:1;transform:none}
.film .fxrv-pr{position:relative;display:flex;align-items:center;gap:10px;height:40px;border-top:1px solid #F1F3EE}
.film .fxrv-pr .ic{width:28px;height:28px;border-radius:8px;background:#EEF6E6;color:#3B6E00;display:grid;place-items:center;flex-shrink:0}
.film .fxrv-pr .ic svg{width:14px;height:14px}
.film .fxrv-pr .ic img{width:15px;height:15px;object-fit:contain}
.film .fxrv-pr .tx{flex:1;min-width:0}
.film .fxrv-pr .tx b{display:block;font-size:12px;font-weight:700}
.film .fxrv-pr .tx small{display:block;font-size:10.5px;color:#7E8882;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.film .fxrv-pr .n{font-size:16px;font-weight:800;color:#2F6B12;min-width:14px;text-align:right}
.film .fxrv-pr.bad .ic{background:#FCEBE8;color:#A8321F}
.film .fxrv-pr.bad .n{color:#A8321F;margin-right:28px}
.film .fxrv-pr .ok{width:18px;height:18px;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 .fxrv-pr .ok svg{width:11px;height:11px}
.film .fxrv-pr.in .ok{opacity:1;transform:none}
.film .fxrv-vd{display:flex;align-items:center;justify-content:space-between;gap:10px;height:40px;margin-top:8px;padding:0 12px;border-radius:11px;background:#FDF6F4;border:1px solid #F3D6CF}
.film .fxrv-vd span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#20261f}
.film .fxrv-vd svg{width:15px;height:15px;color:#A8321F}
.film .fxrv-vd b{font-size:14px;font-weight:800;color:#A8321F}
.film .fxrv-acts{display:flex;align-items:center;gap:8px;margin-top:10px}
.film .fxrv-acts .fm-btn{width:196px;height:38px;margin-top:0;font-size:12.5px}
.film .fxrv-sec{display:inline-flex;align-items:center;height:38px;padding:0 14px;border:1px solid #E3E6E1;border-radius:10px;font-size:12.5px;font-weight:600;color:#4c5550;white-space:nowrap;transition:opacity .25s ease}
/* fatta la scelta, l'alternativa si spegne */
.film .fm-btn.done+.fxrv-sec{opacity:0}

/* ---------- 5, 6 · la mail per le discrepanze e la pratica ---------- */
.film .fxrv-mg{display:grid;grid-template-columns:1fr 300px;gap:18px;align-items:start}
.film .fxrv-mc{padding:4px 18px 16px}
.film .fxrv-mh{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:32px;border-bottom:1px solid #F1F3EE;font-size:12px}
.film .fxrv-mh span{color:#8B948E;font-weight:600}
.film .fxrv-mh b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.film .fxrv-mh em{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 6px;border-radius:999px;background:#EEF4FB;font-style:normal;font-size:11px;font-weight:700;color:#0F5EA8;white-space:nowrap}
.film .fxrv-mh em img{width:14px;height:14px}
.film .fxrv-body{padding-top:12px;font-size:12.5px;line-height:1.55;color:#303540}
.film .fxrv-body>*+*{margin-top:8px}
.film .fxrv-body ul{list-style:none;margin-left:0;padding:0;display:grid;gap:4px}
.film .fxrv-body li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 10px;border-radius:8px;background:#F8FAF6;font-size:12px;line-height:1.4}
.film .fxrv-body li b,.film .fxrv-body p b{font-weight:800;color:#121712;white-space:nowrap}
.film .fxrv-ats{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.film .fxrv-at{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 11px 0 7px;border:1px solid #E3E6E1;border-radius:9px;background:#fff;min-width:0}
.film .fxrv-at .x{flex-shrink:0;width:22px;height:26px;border-radius:4px;display:grid;place-items:center;font:800 7.5px/1 var(--mono);color:#fff;background:#D64533}
.film .fxrv-at .x.xls{background:#1D7044}
.film .fxrv-at b{display:block;font-size:11px;font-weight:700;white-space:nowrap}
.film .fxrv-at small{display:block;font-size:9.5px;color:#80868b}
.film .fxrv-send{display:flex;align-items:center;gap:10px;margin-top:14px}
.film .fxrv-send .fm-btn{height:40px;margin-top:0;padding:0 18px}
.film .fxrv-send .fm-btn svg{width:15px;height:15px}

.film .fxrv-pt{padding:14px 16px 14px}
.film .fxrv-pt h6{margin-bottom:6px}
.film .fxrv-ps{display:flex;align-items:flex-start;gap:10px;min-height:46px;padding-top:8px;border-top:1px solid #F1F3EE}
.film .fxrv-pt h6+.fxrv-ps{border-top:0}
.film .fxrv-ps .dot{position:relative;width:20px;height:20px;margin-top:1px;border-radius:50%;border:1.5px solid #D5DBD0;display:grid;place-items:center;flex-shrink:0;color:#fff}
.film .fxrv-ps .dot::before{content:"";position:absolute;inset:-1.5px;border-radius:50%;background:var(--act);opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .4s var(--fe-out)}
.film .fxrv-ps .dot svg{position:relative;width:11px;height:11px;opacity:0;transition:opacity .2s ease .1s}
.film .fxrv-ps.ok .dot::before{opacity:1;transform:none}
.film .fxrv-ps.ok .dot svg{opacity:1}
.film .fxrv-ps .tx{display:grid;min-width:0}
.film .fxrv-ps .tx b{font-size:12px;font-weight:700}
.film .fxrv-ps .tx small{grid-area:2/1;font-size:10.5px;color:#7E8882;transition:opacity .25s ease}
.film .fxrv-ps .tx small.b{opacity:0;color:#2F6B12;font-weight:600}
.film .fxrv-ps.ok .tx small.b{opacity:1}
.film .fxrv-ps.ok .tx small.a:not(:last-child){opacity:0}
.film .fxrv-col{display:grid;gap:12px;align-content:start}
.film .fxrv-rp{display:flex;gap:10px;padding:12px 14px;border-color:#DDEFCB;background:#F8FCF4;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .6s var(--fe-out)}
.film .fxrv-rp.in{opacity:1;transform:none}
.film .fxrv-rp .av{width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid #DDEFCB;color:#3B6E00;display:grid;place-items:center;font:800 10px/1 var(--mono);flex-shrink:0}
.film .fxrv-rp .tx{display:grid;gap:4px;min-width:0}
.film .fxrv-rp .tx>b{font-size:12px}
.film .fxrv-rp .tx>small{margin-top:-3px;font-size:10.5px;color:#7E8882}
.film .fxrv-rp .tx>span:not(.fxrv-at){font-size:11.5px;line-height:1.4;color:#2f3632}
.film .fxrv-rp .fxrv-at{justify-self:start;margin-top:2px}

/* ---------- telefono: i pannelli inquadrati si stringono a 352 px ---------- */
.film .film-player.is-narrow .fxrv-pa{grid-template-columns:352px 352px}
.film .film-player.is-narrow .fxrv-xr{grid-template-columns:22px 40px 1fr 58px 34px 52px}
.film .film-player.is-narrow .fxrv-xr>span:nth-child(4){display:none}
.film .film-player.is-narrow .fxrv-pc .who small{white-space:normal}
.film .film-player.is-narrow .fxrv-tf{height:36px}
.film .film-player.is-narrow .fxrv-kp{width:352px;grid-template-columns:1fr 1fr;gap:8px}
.film .film-player.is-narrow .fxrv-tw{--rh:46px;width:352px}
.film .film-player.is-narrow .fxrv-tw header{flex-wrap:wrap;height:auto;row-gap:8px;margin-bottom:8px}
.film .film-player.is-narrow .fxrv-srcs{flex-wrap:wrap;row-gap:6px}
.film .film-player.is-narrow .fxrv-r{grid-template-columns:minmax(0,1fr) 98px;gap:8px}
.film .film-player.is-narrow .fxrv-r>.fxrv-un,.film .film-player.is-narrow .fxrv-r>.fxrv-a,.film .film-player.is-narrow .fxrv-r>.fxrv-g,
.film .film-player.is-narrow .fxrv-hd>span:nth-child(2),.film .film-player.is-narrow .fxrv-hd>span:nth-child(3),.film .film-player.is-narrow .fxrv-hd>span:nth-child(4){display:none}
.film .film-player.is-narrow .fxrv-v .dk{display:none}
.film .film-player.is-narrow .fxrv-v .nw{display:inline}
.film .film-player.is-narrow .fxrv-pat{width:352px;height:auto;flex-wrap:wrap;row-gap:8px;padding:12px 14px 12px 12px}
.film .film-player.is-narrow .fxrv-pat .tx{flex-basis:calc(100% - 44px)}
.film .film-player.is-narrow .fxrv-pat .fxrv-e{margin-left:44px}
.film .film-player.is-narrow .fxrv-mg{grid-template-columns:352px 352px}
.film .film-player.is-narrow .fxrv-mh{grid-template-columns:56px minmax(0,1fr);padding:6px 0}
.film .film-player.is-narrow .fxrv-mh em{grid-column:2;justify-self:start}
.film .film-player.is-narrow .fxrv-mh b{white-space:normal}
.film .film-player.is-narrow .fxrv-body li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
.film .film-player.is-narrow .fxrv-send{flex-wrap:wrap}
.film .film-player.is-narrow .fxrv-col{width:352px}

@media (prefers-reduced-motion: reduce){
  .film .fxrv-g .sk::after{animation:none}
}