/* Approvazione mensile: stati, scheda Approvazioni e dettaglio della pratica.
   Usa le variabili della palette definite in cima a style.css. */

.approvazione-mese,
.pratica {
  margin-block: 1.5rem;
  padding: 1rem;
  border: 1px solid var(--oro, #C9A95E);
  border-radius: 6px;
}

.stato-pratica {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem .75rem;
  margin-bottom: .75rem;
}

.bollino {
  display: inline-block;
  padding: .15rem .6rem;
  border-radius: 999px;
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-weight: 600;
  font-size: .85rem;
  letter-spacing: .02em;
  white-space: nowrap;
  border: 1px solid currentColor;
}
.bollino.stato-in-approvazione { color: #8A6A22; background: color-mix(in srgb, var(--oro, #C9A95E) 18%, transparent); }
.bollino.stato-approvata { color: #1E7A3C; background: color-mix(in srgb, #1E7A3C 10%, transparent); }
.bollino.stato-respinta { color: var(--marca, #DC0C19); background: color-mix(in srgb, var(--marca, #DC0C19) 10%, transparent); }
.bollino.stato-ritirata { color: inherit; opacity: .7; }

@media (prefers-color-scheme: dark) {
  .bollino.stato-approvata { color: #5FC98A; }
}

.nota-pratica {
  margin: .5rem 0;
  padding: .5rem .75rem;
  border-left: 3px solid var(--oro, #C9A95E);
  background: color-mix(in srgb, var(--oro, #C9A95E) 12%, transparent);
  white-space: pre-line;
}

.storia { margin-top: 1rem; }
.storia ol { margin: .5rem 0 0; padding-left: 1.25rem; }
.storia li { margin-bottom: .35rem; }

.pratica .intestazione {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.pratica .intestazione h2 { margin: 0; }
.pratica details { margin-top: 1rem; }
.percorso-cella { min-width: 14rem; }

.documenti { margin-top: 1.25rem; }
.documenti .pulsanti { display: flex; flex-wrap: wrap; gap: .5rem 1rem; }
.ricevute-pratica {
  columns: 2 16rem;
  margin: .5rem 0 0;
  padding-left: 1.1rem;
  word-break: break-all;
}

.decisione {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--oro, #C9A95E);
}
.decisione textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: .35rem 0 .75rem;
  font: inherit;
  padding: .5rem;
  resize: vertical;
}

.elenco-pratiche tr.scelto td { background: color-mix(in srgb, var(--oro, #C9A95E) 18%, transparent); }
.elenco-pratiche td:first-child .link { text-align: left; }

@media (max-width: 600px) {
  .approvazione-mese, .pratica { padding: .75rem; }
  .pratica .intestazione { align-items: flex-start; }
}
@media (prefers-color-scheme: dark) {
  .bollino.stato-in-approvazione { color: var(--oro, #C9A95E); }
}

/* Totali per dipendente ed esportazione */
.riepilogo-persone { margin-bottom: 1.5rem; }
.riepilogo-persone .intestazione { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .5rem 1rem; }
.riepilogo-dipendenti td.in-attesa { color: #8A6A22; font-weight: 600; }
.btn.disattivo { opacity: .5; cursor: not-allowed; }
@media (prefers-color-scheme: dark) {
  .riepilogo-dipendenti td.in-attesa { color: var(--oro, #C9A95E); }
}