/* riepiloghi-giorno (16/10/2026): Riepilogo operatori del giorno + Riepilogo clienti del giorno (filtri per scheda) */

/* ---------- Riepilogo operatori del giorno ---------- */
.rg-op .rg-testa{display:grid; grid-template-columns:200px 1fr; gap:16px; align-items:start; margin-bottom:10px}
.rg-op .rg-data{margin:0}
.rg-legenda{border:1px solid var(--line); border-radius:var(--radius-s); background:var(--surface-2); padding:8px 12px; font-size:.84em; color:var(--ink-2)}
.rg-legenda p{margin:0 0 6px}
.rg-legenda ul{list-style:none; margin:0; padding:0; display:grid; gap:4px}
.rg-legenda li{display:flex; gap:8px; align-items:baseline; flex-wrap:wrap}
.rg-legenda .rg-st{min-width:126px}

.rg-st{display:inline-flex; align-items:center; gap:5px; font-weight:700; font-size:.82em; padding:2px 9px 2px 7px; border-radius:11px; border:1px solid; white-space:nowrap; line-height:1.5}
.rg-st svg{width:14px; height:14px; flex:none}
.rg-st-ok{color:var(--s-free); border-color:var(--s-free); background:color-mix(in srgb, var(--s-free) 10%, transparent)}
.rg-st-ko{color:var(--s-busy); border-color:var(--s-busy); background:color-mix(in srgb, var(--s-busy) 9%, transparent)}
.rg-st-vec{color:var(--ink-2); border-color:var(--s-off); background:var(--surface-2); border-style:dashed}
.rg-st-nd{color:var(--ink-2); border-color:var(--line-2); background:var(--surface-2); font-weight:600; white-space:normal}

.rg-riass{display:flex; gap:8px; flex-wrap:wrap; margin:4px 0 10px}

.rg-tab{table-layout:fixed; width:100%}
.rg-tab col.c-op{width:15%} .rg-tab col.c-gio{width:13%} .rg-tab col.c-n{width:7.5%} .rg-tab col.c-st{width:5%} .rg-tab col.c-conf{width:25%} .rg-tab col.c-az{width:12%}
.rg-tab th,.rg-tab td{vertical-align:middle}
.rg-tab td{padding-top:7px; padding-bottom:7px}
.tbl.rep .rg-num{text-align:right}
.rg-tab th.rg-num svg{width:14px; height:14px; vertical-align:-2px}
.rg-min{display:block; font-variant-numeric:tabular-nums; white-space:nowrap}
.rg-ch{display:block; font-size:.76em; color:var(--muted); white-space:nowrap}
.rg-tot .rg-min{font-weight:700}
.rg-zero{color:var(--muted)}
.rg-conf{line-height:1.35}
.rg-delta{font-size:.84em; white-space:nowrap; color:var(--s-busy)}
.rg-spieg{display:block; font-size:.76em; color:var(--ink-2); margin-top:3px; white-space:normal}
.rg-chiusa{display:inline-flex; align-items:center; gap:4px}
.rg-chiusa svg{width:12px; height:12px}
.rg-tab tfoot td{font-weight:700; border-top:2px solid var(--line)}
.rg-tab td.liveact,.rg-tab2 td.liveact{text-align:right}

.rg-altre{display:grid; grid-template-columns:repeat(auto-fit, minmax(320px, 1fr)); gap:14px 22px; margin-top:16px}
.rg-h3{font-size:.9em; font-weight:700; color:var(--ink-2); margin:0 0 4px}
.rg-tab2{width:100%}
.rg-tab2 td{padding-top:4px; padding-bottom:4px}
.rg-nota{font-size:.8em; margin-top:10px}

@media (max-width:900px){
  .rg-op .rg-testa{grid-template-columns:1fr}
  .rg-tab{table-layout:auto}
}

/* ---------- Riepilogo clienti del giorno: ogni scheda mostra solo i suoi filtri ---------- */
.gc-schede .gc-filtri{margin:0 0 10px; padding:10px 12px; border:1px solid var(--line); border-top:0; border-radius:0 0 var(--radius-s) var(--radius-s); background:var(--surface)}
.gc-schede .gc-tabs{margin-bottom:0}
.gc-schede .gc-riga{grid-template-columns:150px 150px max-content auto; justify-content:start}
.gc-solo1,.gc-solo2{display:none}
#gc-s1:checked ~ .gc-filtri .gc-solo1,#gc-s2:checked ~ .gc-filtri .gc-solo2{display:block}
.gc-solo1 select{min-width:220px}
.gc-filtro-att{font-weight:600; color:var(--accent-2)}
@media (max-width:900px){.gc-schede .gc-riga{grid-template-columns:repeat(2,minmax(0,1fr))} .gc-schede .gc-metodi{grid-column:1 / -1}}

/* finestra più larga: la tabella ha 9 colonne e il confronto ha bisogno di spazio */
.modal.lg:has(.rg-op){max-width:min(1240px, 96vw)}