/* AIDEV-NOTE: pagina Impostazioni (change pianificazione-impostazioni, design D7): schede con parametri raggruppati, tabella dei
   parametri di linea con modifica in riga, fattori manuali, storico. Tutto sotto .impostazioni; colori delle linee come Scaletta. */

.impostazioni {
    --linea-01: #1565c0;
    --linea-02: #616161;
    --linea-03: #2e7d32;
    --linea-04: #00838f;
    --linea-06: #ef6c00;
    --linea-07: #6d4c41;
    --linea-08: #6a1b9a;
    --linea-09: #ad1457;
    font-size: 13px;
    max-width: 100%;
}

.impostazioni .mud-tabs-panels { padding: 8px; }
.impostazioni .barra { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 6px 4px; }
.impostazioni .nota { color: #607d8b; font-size: 12px; padding: 4px 2px; }
.impostazioni .ricalcolo { display: inline-flex; align-items: center; gap: 6px; color: #1565c0; font-weight: 600; }
.impostazioni .errore { color: #c62828; font-size: 12px; }
.impostazioni .modificato { color: #78909c; font-size: 11px; }
.impostazioni .predefinito { color: #78909c; font-size: 12px; white-space: nowrap; }
.impostazioni .torna { color: #e65100; font-size: 12px; font-style: italic; }

.impostazioni input[type=number],
.impostazioni select { font-size: 13px; padding: 2px 4px; border: 1px solid #b0bec5; border-radius: 3px; background: #fff; }
.impostazioni input[type=number] { width: 80px; text-align: right; }
.impostazioni input.con-errore { border-color: #c62828; background: #ffebee; }

.impostazioni fieldset.gruppo { border: 1px solid #cfd8dc; border-radius: 4px; margin: 0 0 12px 0; padding: 6px 10px 8px 10px; }
.impostazioni fieldset.gruppo legend { color: #455a64; font-weight: 600; padding: 0 4px; font-size: 13px; width: auto; margin: 0; }
.impostazioni .campo { display: grid; grid-template-columns: minmax(170px, 220px) auto minmax(120px, 1fr) auto; align-items: center;
    gap: 4px 12px; padding: 3px 0; border-bottom: 1px dashed #eceff1; }
.impostazioni .campo:last-of-type { border-bottom: none; }
.impostazioni .campo label { cursor: help; }
.impostazioni .campo .valore { display: inline-flex; align-items: center; gap: 4px; }
.impostazioni .campo .unita { color: #607d8b; }
.impostazioni .campo .errore { grid-column: 1 / -1; }
.impostazioni .campo.cambiato label { font-weight: 700; color: #1565c0; }
.impostazioni .pulsanti { display: flex; gap: 8px; padding: 6px 0; }

.impostazioni .scorri { overflow-x: auto; }
.impostazioni table { border-collapse: collapse; }
.impostazioni th, .impostazioni td { padding: 3px 6px; border-bottom: 1px solid #e0e0e0; vertical-align: middle; }
.impostazioni th { background: #eceff1; font-weight: 600; text-align: left; white-space: nowrap; }
.impostazioni .centro { text-align: center; }
.impostazioni .num { text-align: right; white-space: nowrap; }
.impostazioni td.linea { border-left: 4px solid var(--colore-linea, #90a4ae); font-weight: 700; white-space: nowrap; }
.impostazioni table.linee input[type=number] { width: 66px; }
.impostazioni table.linee tr.cambiata td { background: #f3f8fd; }
.impostazioni table.linee tr.dettaglio-riga td { border-bottom: 2px solid #e0e0e0; padding-top: 0; }
.impostazioni table.linee td.azioni { white-space: nowrap; }
.impostazioni table.fattori td.manuale { font-weight: 700; color: #6a1b9a; }

.impostazioni .storico { margin-top: 16px; padding: 0 4px; }
.impostazioni .storico .titolo { color: #78909c; text-transform: uppercase; font-size: 11px; letter-spacing: .04em; margin-bottom: 4px; }

@media (max-width: 700px) {
    .impostazioni .campo { grid-template-columns: 1fr auto; }
}

.impostazioni td .calcolata { font-size: 0.72rem; color: #607d8b; white-space: nowrap; margin-top: 2px; }
