/* presenze (16/10/2026): finestra «Operatori del mese» con due schede + giorni da compensare con ROL */

/* finestra larga per tutte e due le schede */
.modal.lg:has(.om-mese){max-width:min(1560px, 97vw)}

/* testata: schede a sinistra, mese a destra */
.om-testa{display:flex; align-items:flex-end; justify-content:space-between; gap:14px; flex-wrap:wrap; border-bottom:1px solid var(--line); margin:0 0 12px}
.om-schede{display:flex; gap:4px}
.om-scheda{display:inline-flex; align-items:center; gap:7px; margin:0 0 -1px; padding:9px 16px; font:inherit; font-size:.95em; font-weight:600; color:var(--ink-2);
  background:transparent; border:1px solid transparent; border-bottom:0; border-radius:var(--radius-s) var(--radius-s) 0 0; cursor:pointer}
.om-scheda:hover{color:var(--accent-2); background:var(--surface-2)}
.om-scheda.on{background:var(--surface); color:var(--accent-2); border-color:var(--line); box-shadow:inset 0 3px 0 var(--accent)}
.om-scheda:focus-visible{outline:2px solid var(--focus); outline-offset:-2px}
.om-scheda svg{flex:none}
.om-mese-sel{display:inline-flex; align-items:center; gap:8px; margin:0 0 8px; font-weight:600; color:var(--ink-2)}
.om-mese-sel select{padding:5px 8px; border:1px solid var(--line); border-radius:7px; font:inherit}
.om-nota{font-size:.82em; margin:6px 0 8px}
.om-azioni{margin-bottom:8px}
.om-azioni .btn-sm{display:inline-flex; align-items:center; gap:6px}
.om-avviso{font-size:.8em; margin:0}

/* contatore dei giorni ROL accanto al nome */
.pres-nrol{display:inline-flex; align-items:center; gap:3px; margin-left:4px; font-size:.7em; font-weight:700; padding:0 6px; border-radius:10px;
  color:#174a85; background:#d6e8ff; border:1px solid #9cc4f2; vertical-align:middle}
.pres-nrol.vuoto{display:none}
.pres-gruppo-nota{margin-left:8px; font-size:.86em; font-weight:600; letter-spacing:0; text-transform:none; color:#174a85}

/* casella con le ore: è un bottone (clic = metti/togli ROL) */
.pres-grid td.pres-c{padding:0; position:relative}
.pres-h{display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; min-height:28px; padding:1px 2px; margin:0;
  font:inherit; color:inherit; background:transparent; border:0; cursor:pointer; line-height:1.05}
.pres-h:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}
.pres-h:focus-visible{outline:2px solid var(--focus); outline-offset:-2px}
.pres-h:disabled{opacity:.5; cursor:progress}
.pres-n{font-variant-numeric:tabular-nums}
.pres-w{display:block; font-size:.62em; font-weight:700; letter-spacing:.03em; line-height:1}
.pres-w:empty{display:none}
.pres-grid td.pres-c.col-dom:not(.rol-auto):not(.rol-mano){background:color-mix(in srgb, var(--s-busy) 6%, transparent)}

/* stati ROL: colore + forma + parola */
.pres-grid td.rol-auto,.pres-grid td.rol-mano,.pres-grid td.pres-rol{background:#cfe4ff; color:#123f73}
.pres-grid td.rol-auto::after,.pres-leg i.rol-auto::after{content:""; position:absolute; top:0; right:0; border-style:solid; border-width:0 7px 7px 0;
  border-color:transparent #2f6fbf transparent transparent; pointer-events:none}
.pres-grid td.rol-tolto{background:transparent}
.pres-grid td.rol-tolto .pres-h{outline:1px dashed #8aa6c8; outline-offset:-3px}
.pres-grid td.rol-tolto .pres-w{font-weight:600; color:var(--muted); text-decoration:line-through}

/* legenda */
.pres-leg-tit{font-weight:700; color:var(--ink)}
.pres-leg i.pres-c{position:relative; flex-direction:column; height:auto; min-height:26px; padding:1px 5px; line-height:1}
.pres-leg i.pres-c b{font-weight:700}
.pres-leg i.rol-auto,.pres-leg i.rol-mano,.pres-leg i.pres-rol{background:#cfe4ff; color:#123f73; border-color:#9cc4f2}
.pres-leg i.rol-tolto{outline:1px dashed #8aa6c8; outline-offset:-3px}
.pres-leg i.rol-tolto .pres-w{font-weight:600; color:var(--muted); text-decoration:line-through}
.pres-leg i .pres-w{display:block}