/* MondoFeed — Report giocate (mod-report.js) e portale clienti (portal.html).
   Solo misure del design system: caratteri 12/13/14/16/20, controlli 32 (40 al tocco). */
.rp{max-width:1440px}
.rp-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}
.rp-title{min-width:0;flex:1 1 320px}
.rp-ctl{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-2)}
.rp-lb{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-12);font-weight:var(--fw-sb);color:var(--n-600);min-width:0}
.rp-lb>select,.rp-lb>input{min-width:0;width:100%}
.rp-ctl .rp-lb{min-width:220px}
.rp-dates{display:inline-flex;gap:var(--sp-2)}
.rp-dates input{width:150px}
.rp-tabs{display:flex!important}
.rp-empty{padding:var(--sp-5);text-align:center;color:var(--n-500);font-size:var(--fs-13)}
.rp-err{margin:var(--sp-3) 0}
.rp-sp{flex:1 1 auto}
.rp-nopad{padding:0!important}
.rp-pos{color:var(--c-success)!important}
.rp-neg{color:var(--c-danger)!important}
.r{text-align:right}

/* KPI */
.rp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3);margin-bottom:var(--sp-4)}
.rp-kpis.rp-k3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rp-k{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:4px;min-width:0}
.rp-k>span{font-size:var(--fs-12);font-weight:var(--fw-sb);text-transform:uppercase;letter-spacing:.04em;color:var(--n-500)}
.rp-k>b{font-size:var(--fs-20);font-weight:var(--fw-b);line-height:1.2;font-variant-numeric:tabular-nums;color:var(--c-text)}
.rp-d{font-size:var(--fs-12);color:var(--n-500)}

.rp-g2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--sp-4)}
.rp-g2>.card{margin-bottom:var(--sp-4)}
.rp-ai .card-b p{margin:0 0 var(--sp-2);font-size:var(--fs-14);line-height:1.6}
.rp-ai .card-h .btn{margin-left:auto}

/* grafici */
.rp-chart{position:relative;min-height:180px}
.rp-chart svg{display:block;width:100%;height:auto}
.rp-ax{stroke:var(--n-300);stroke-width:1}
.rp-gr{stroke:var(--n-100);stroke-width:1;stroke-dasharray:3 3}
.rp-tk{font-size:12px;fill:var(--n-500);font-family:var(--mf-font)}
.rp-up{fill:var(--c-success)}
.rp-dn{fill:var(--c-danger-500)}
.rp-hit{cursor:pointer}
.rp-hit:hover rect+rect{opacity:.8}
.rp-tip{position:absolute;top:0;width:160px;background:var(--c-navy-900);color:#fff;border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-12);line-height:1.5;pointer-events:none;box-shadow:var(--sh-2);z-index:2}
.rp-tip .rp-pos{color:#7FE0C4!important}.rp-tip .rp-neg{color:#FFB3B8!important}
.rp-bars{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-2)}
.rp-bar{display:grid;grid-template-columns:110px minmax(0,1fr) 64px;align-items:center;gap:var(--sp-2);font-size:var(--fs-13)}
.rp-bl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-bt{position:relative;height:12px;background:var(--n-100);border-radius:6px}
.rp-bt i{position:absolute;left:0;top:0;bottom:0;border-radius:6px}
.rp-bt i.pos{background:var(--c-success,#2E9D5B)}.rp-bt i.neg{background:var(--c-danger-500)}
.rp-bt em{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--n-700)}
.rp-bv{text-align:right;font-variant-numeric:tabular-nums;font-weight:var(--fw-sb)}
.rp-spark{vertical-align:middle}

/* tabelle */
.rp-tw{overflow-x:auto;max-width:100%}
.rp-t{width:100%}
.rp-t td{vertical-align:top}
.rp-t .mono{font-family:var(--mf-mono);font-size:var(--fs-13)}
.rp-click{cursor:pointer}
.rp-chev{color:var(--n-400);font-size:var(--fs-16)}
.rp-name{min-width:180px}
.rp-sub{display:block}
.rp-legs{min-width:260px}
.rp-leg{display:flex;flex-direction:column;gap:1px;padding:2px 0;font-size:var(--fs-13)}
.rp-leg+.rp-leg{border-top:1px dashed var(--n-200);margin-top:2px;padding-top:4px}
.rp-leg .muted{font-size:var(--fs-12)}
.rp-tk-t tr:not(.rp-open) .rp-leg .muted{display:none}
.rp-why{font-size:var(--fs-12);color:var(--n-600);margin-top:2px;max-width:240px;white-space:normal}
.rp-pg{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--c-line)}
.rp-back{margin-bottom:var(--sp-3)}
.rp-flag-w td:first-child{box-shadow:inset 3px 0 0 var(--c-danger)}
.rp-flag-l td:first-child{box-shadow:inset 3px 0 0 var(--c-success)}
.rp-adv{margin:var(--sp-2) 0 0;padding-left:18px;font-size:var(--fs-12);color:var(--n-700);line-height:1.5;white-space:normal;max-width:520px}
.rp-acts{display:flex;flex-wrap:wrap;gap:var(--sp-1);justify-content:flex-end}

/* filtri */
.rp-filters .card-b{padding:var(--sp-3) var(--sp-4)!important}
.rp-fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-2) var(--sp-3);align-items:end}
.rp-fgrid .rp-q{grid-column:span 2}
.rp-rng{display:flex;gap:4px}
.rp-rng input{width:50%;min-width:0}
.rp-fact{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}
.rp-fact:empty{display:none}
.rp-fact{margin-top:var(--sp-2)}
.rp-accf{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.rp-newpass{border-color:var(--c-teal)!important}
.rp-newpass .card-b{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}
.rp-pw{font-size:var(--fs-16);background:var(--n-50);padding:2px var(--sp-2);border-radius:var(--r-sm);user-select:all}
.rp-dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--sp-2) var(--sp-3);margin:0;font-size:var(--fs-13)}
.rp-dl dt{color:var(--n-600)}.rp-dl dd{margin:0;font-weight:var(--fw-m)}
.rp-help p{font-size:var(--fs-14);line-height:1.6;margin:0 0 var(--sp-3)}

/* bottone d'azione primario = arancione (verde solo per stato positivo / dati) */
#p-rep .btn.btn-t,.rp .btn.btn-t{background:#F57C00!important;border-color:#F57C00!important;color:#fff!important}
#p-rep .btn.btn-t:hover,.rp .btn.btn-t:hover{background:#e06f00!important;border-color:#e06f00!important}
#p-rep .btn.btn-t:focus-visible,.rp .btn.btn-t:focus-visible{outline:2px solid #F57C00;outline-offset:2px}

@media (max-width:1100px){
  .rp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rp-g2{grid-template-columns:minmax(0,1fr)}
}

/* telefono: le tabelle diventano schede */
@media (max-width:760px){
  .rp-top{align-items:stretch}
  .rp-ctl{flex-direction:column;align-items:stretch;width:100%}
  .rp-ctl .rp-lb{min-width:0}
  .rp-dates input{width:auto;flex:1 1 0;min-width:0}
  .rp-kpis,.rp-kpis.rp-k3{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}
  .rp-k{padding:var(--sp-2) var(--sp-3)}
  .rp-k>b{font-size:var(--fs-16)}
  .rp-fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rp-fgrid .rp-q{grid-column:1/-1}
  .rp-bar{grid-template-columns:80px minmax(0,1fr) 56px}
  #p-rep table.rp-t,#p-rep table.rp-t tbody,#p-rep table.rp-t tr,#p-rep table.rp-t td{display:block;width:100%}
  #p-rep table.rp-t thead{display:none}
  #p-rep table.rp-t tr{border-bottom:1px solid var(--c-line);padding:var(--sp-2) var(--sp-3);background:var(--c-surface)!important}
  #p-rep table.rp-t td{display:flex;justify-content:space-between;gap:var(--sp-3);padding:3px 0!important;border:0!important;white-space:normal!important;text-align:right;box-shadow:none!important}
  #p-rep table.rp-t td::before{content:attr(data-l);color:var(--n-500);font-size:var(--fs-12);font-weight:var(--fw-sb);text-align:left;flex:0 0 auto}
  #p-rep table.rp-t td.rp-name,#p-rep table.rp-t td.rp-legs{display:block;text-align:left;min-width:0}
  #p-rep table.rp-t td.rp-name::before,#p-rep table.rp-t td.rp-legs::before,#p-rep table.rp-t td.rp-chev::before{content:none}
  #p-rep table.rp-t td.rp-name{font-size:var(--fs-14)}
  #p-rep table.rp-t td.rp-chev{display:none}
  #p-rep table.rp-t td.rp-acts{justify-content:flex-start}
  #p-rep table.rp-t td.rp-acts::before{content:none}
  #p-rep .rp-flag-w{box-shadow:inset 3px 0 0 var(--c-danger)}
  #p-rep .rp-flag-l{box-shadow:inset 3px 0 0 var(--c-success)}
  #p-rep .rp-tw{overflow:visible}
  .rp-legs{min-width:0}
  .rp-dl{grid-template-columns:minmax(0,1fr)}
  .rp-dl dd{margin-bottom:var(--sp-2)}
  .rp-pg{justify-content:space-between}
}

/* squadre: una riga compatta per squadra, dettaglio a richiesta */
#p-rep .rp-note{flex:1 1 260px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#p-rep .rp-tm{font-size:13px}
#p-rep .rp-tm-r{display:grid;grid-template-columns:minmax(180px,1.6fr) 132px repeat(4,minmax(92px,.8fr)) 128px 18px;gap:10px;align-items:center;padding:6px 14px;min-height:44px}
#p-rep .rp-tm-h{min-height:32px;position:sticky;top:0;z-index:1;background:#F7F9FB;border-bottom:1px solid #E3E8EE;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--n-500)}
#p-rep .rp-tm-i{border-bottom:1px solid #E3E8EE}
#p-rep .rp-tm-i:last-child{border-bottom:0}
#p-rep .rp-tm-i>.rp-tm-r{cursor:pointer}
#p-rep .rp-tm-i>.rp-tm-r:hover{background:#F7F9FB}
#p-rep .rp-tm-i.open>.rp-tm-r{background:#F2F6FA}
#p-rep .rp-tm-i.rp-flag-w>.rp-tm-r{box-shadow:inset 3px 0 0 #C62828}
#p-rep .rp-tm-i.rp-flag-l>.rp-tm-r{box-shadow:inset 3px 0 0 #2E9D5B}
#p-rep .rp-tm-n{display:flex;flex-direction:column;min-width:0}
#p-rep .rp-tm-n b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#p-rep .rp-tm-n small{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#p-rep .rp-tm-v{display:flex;flex-direction:column;align-items:flex-end;min-width:0;font-variant-numeric:tabular-nums}
#p-rep .rp-tm-v b,#p-rep .rp-tm-s b{font-weight:600;white-space:nowrap}
#p-rep .rp-tm-v small,#p-rep .rp-tm-s small{font-size:11.5px;color:var(--n-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#p-rep .rp-tm-sp{display:flex;align-items:center;gap:6px;min-width:0}
#p-rep .rp-tm-sp small{white-space:nowrap;font-size:11.5px}
#p-rep .rp-tm-ch{color:var(--n-400);font-size:16px;transition:transform .15s}
#p-rep .rp-tm-i.open .rp-tm-ch{transform:rotate(90deg)}
#p-rep .rp-chip{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:11px;font-size:11.5px;font-weight:600;white-space:nowrap;background:#EEF1F5;color:#4A5D73;border:1px solid #E3E8EE}
#p-rep .rp-chip.w{background:#FCEDED;color:#C62828;border-color:#F3CFCF}
#p-rep .rp-chip.l{background:#EAF6EF;color:#2E9D5B;border-color:#CBE7D6}
#p-rep .rp-tm-d{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8px 20px;padding:8px 14px 12px 17px;background:#FAFBFC;border-top:1px dashed #E3E8EE}
#p-rep .rp-tm-d .rp-adv{margin:0;max-width:none}
#p-rep .rp-adv0{margin:0;font-size:12px}
#p-rep .rp-tm-x{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
#p-rep .rp-tm-s{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #E3E8EE;border-radius:8px;padding:6px 10px}
#p-rep .rp-tm-s>span{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--n-500)}
#p-rep .rp-tm-a{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
#p-rep .rp-tm-a .btn{min-height:32px}
#p-rep .rp-pg2{align-items:center;flex-wrap:wrap}
#p-rep .rp-ps{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--n-600)}
#p-rep .rp-ps select{width:auto}
#p-rep .rp-skel .rp-k b,#p-rep .rp-skel .rp-k span{background:#EEF1F5;border-radius:4px;color:transparent}
/* schede uniformi */
#p-rep .rp-tabs{gap:2px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
#p-rep .rp-tabs .stab{flex:none;min-height:36px;padding:0 14px;white-space:nowrap}
@media (max-width:1100px){
  #p-rep .rp-tm-r{grid-template-columns:minmax(150px,1.5fr) 120px repeat(4,minmax(80px,.8fr)) 18px}
  #p-rep .rp-tm-sp{display:none}
  #p-rep .rp-tm-h>span:nth-child(7){display:none}
}
@media (max-width:760px){
  #p-rep .rp-tm-h{display:none}
  #p-rep .rp-tm-r{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;padding:10px 12px;position:relative}
  #p-rep .rp-tm-n{grid-column:1/-1;padding-right:20px}
  #p-rep .rp-tm-ch{position:absolute;right:12px;top:10px}
  #p-rep .rp-tm-c{grid-column:1/-1}
  #p-rep .rp-tm-v small{white-space:normal}
  #p-rep .rp-tm-v{align-items:flex-start}
  #p-rep .rp-tm-v::before{content:attr(data-l);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--n-500)}
  #p-rep .rp-tm-sp{display:flex;grid-column:1/-1}
  #p-rep .rp-tm-d{grid-template-columns:minmax(0,1fr);padding:8px 12px 12px}
  #p-rep .rp-tm-a .btn{min-height:36px;flex:1 1 auto}
  #p-rep .rp-note{display:none}
  #p-rep .rp-pg2 .btn{min-height:36px;min-width:44px}
}

/* ===== stile approvato: accento primario ARANCIO (#F57C00).
   Il verde resta SOLO per lo stato positivo (utile a favore, badge b-ok,
   trend/chip "migliora"). I pulsanti primari (Salva accesso, Apri il conto)
   e il periodo/ordinamento attivo passano all'arancio del brand. ===== */
#p-rep .btn-t{background:#F57C00!important;border-color:#F57C00!important;color:#fff!important}
#p-rep .btn-t:hover{background:#E06A00!important;border-color:#E06A00!important}
#p-rep .seg button.on-ctrl{color:#C2410C!important}
#p-rep .rp-newpass{border-color:#F57C00!important}