/* ---- Personale, sotto-task 3b: i saldi di ferie, ROL ed ex festivita' ----
   Il residuo alla data del prospetto in grande, le ore approvate dopo e quanto resterebbe sotto.
   Un saldo negativo e' rosso anche come testo (il segno meno resta). File a parte: personale.css
   e' gia' lungo e lo tocca anche la sotto-task delle anomalie. */

.hr-saldi-data {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 600;
  color: var(--navy);
}

.hr-saldo-ore {
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
}

.hr-saldo-ore.is-negativo {
  color: var(--danger);
}

/* La barra di scorrimento delle tabelle dei saldi e degli orari (richiesta dell'utente del 26/10):
   in tutta l'app le barre sono nascoste (application.css), ma sul telefono queste tabelle scorrono
   di lato e la barra dice che c'e' dell'altro. Compare solo se la tabella non ci sta. Stessi colori della griglia
   delle presenze. scrollbar-width torna ad auto: con un valore standard Chrome ignorerebbe gli stili
   ::-webkit-scrollbar, che sono quelli che la disegnano anche dove le barre sono a scomparsa:
   provato nell'emulazione del telefono di Chrome, non su un telefono vero (Safari su iPhone
   potrebbe ignorarli). Firefox, che non li conosce, usa i colori standard. */
.hr-saldi-scroll,
.hr-orari-scroll {
  scrollbar-width: auto;
}

.hr-saldi-scroll::-webkit-scrollbar,
.hr-orari-scroll::-webkit-scrollbar {
  display: block;
  height: 10px;
}

.hr-saldi-scroll::-webkit-scrollbar-track,
.hr-orari-scroll::-webkit-scrollbar-track {
  background: #eef1f4;
  border-radius: 5px;
}

.hr-saldi-scroll::-webkit-scrollbar-thumb,
.hr-orari-scroll::-webkit-scrollbar-thumb {
  background: #9aa3ae;
  border-radius: 5px;
}

@supports not selector(::-webkit-scrollbar) {
  .hr-saldi-scroll,
  .hr-orari-scroll {
    scrollbar-width: thin;
    scrollbar-color: #9aa3ae #eef1f4;
  }
}

.hr-tabella-saldi td {
  min-width: 9rem;
}

.hr-tabella-saldi td:first-child {
  min-width: 12rem;
}

.hr-saldi-persona {
  margin: 4px 0 16px;
}

.hr-saldi-titolo {
  margin: 0 0 4px;
  font-size: 15px;
}

.hr-saldo-richiesta {
  margin-top: 8px;
}

.hr-prospetti li {
  margin: 0 0 10px;
}

.hr-stato-prospetto {
  margin-left: 6px;
  background: var(--border-soft);
  color: var(--gray-text);
}

.hr-stato-prospetto.is-letto {
  background: var(--azure-soft);
  color: var(--navy);
}

.hr-stato-prospetto.is-errore {
  background: var(--corallo-soft);
  color: var(--danger);
}

.hr-bottone-piccolo {
  min-height: 0;
  padding: 0.35rem 0.9rem;
  font-size: 0.85rem;
}

.hr-link-piccolo {
  font-size: 13px;
}

/* Il nome di un file senza spazi non deve allargare la card sul telefono. */
.hr-prospetti strong {
  overflow-wrap: anywhere;
}

.hr-saldo-richiesta p {
  margin: 0;
}

.hr-saldo-richiesta p + p {
  margin-top: 4px;
}