/* AIDEV-NOTE: pagina Piano carichi silos (change pianificazione-piano-carichi-pagina, design D4): colonne dei giorni con i carichi e i
   minuti del vuotasacchi, tabella dei materiali con la giacenza proiettata. Tutto sotto .piano-carichi. */

.piano-carichi { font-size: 12px; }

.piano-carichi .barra { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 6px 4px 4px 4px; }
.piano-carichi .fonti { display: flex; gap: 14px; color: #555; padding: 0 4px 6px 4px; flex-wrap: wrap; }
.piano-carichi .fonti .avviso { color: #c62828; font-weight: 600; }
.piano-carichi .fonti .parametri { color: #78909c; }

.piano-carichi .avvisi { margin: 0 4px 8px 4px; display: flex; flex-direction: column; gap: 2px; }
.piano-carichi .avvisi .avviso { padding: 3px 8px; border-left: 4px solid #ef6c00; background: #fff3e0; color: #8d3a00; }
.piano-carichi .avvisi .avviso.sottozero,
.piano-carichi .avvisi .avviso.vuotasacchisaturo,
.piano-carichi .avvisi .avviso.pallet { border-left-color: #c62828; background: #ffebee; color: #b71c1c; }
.piano-carichi .avvisi .avviso.senzasilo,
.piano-carichi .avvisi .avviso.caricatioggidisponibili { border-left-color: #90a4ae; background: #eceff1; color: #455a64; }

.piano-carichi .giorni { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px; margin: 0 4px 12px 4px; }
.piano-carichi .giorno { border: 1px solid #cfd8dc; border-radius: 4px; padding: 6px; background: #fff; min-height: 90px; }
.piano-carichi .giorno.oggi { border-color: #1565c0; box-shadow: inset 0 3px 0 #1565c0; }
.piano-carichi .giorno.chiuso { background: #f5f5f5; color: #9e9e9e; }
.piano-carichi .giorno .intestazione { font-weight: 700; margin-bottom: 4px; text-transform: capitalize; }
.piano-carichi .vuotasacchi { display: flex; align-items: center; gap: 6px; color: #546e7a; margin-bottom: 6px; white-space: nowrap; }
.piano-carichi .barra-minuti { flex: 1; height: 6px; background: #eceff1; border-radius: 3px; overflow: hidden; }
.piano-carichi .barra-minuti .pieno { height: 100%; background: #42a5f5; }
.piano-carichi .vuotasacchi.oltre { color: #c62828; font-weight: 700; }
.piano-carichi .vuotasacchi.oltre .pieno { background: #e53935; }
.piano-carichi .carico { border-radius: 4px; padding: 4px 6px; margin-bottom: 4px; }
.piano-carichi .carico.confermato { border: 2px solid #2e7d32; background: #f1f8e9; }
.piano-carichi .carico.proposto { border: 2px dashed #1565c0; background: #f3f8fd; }
.piano-carichi .carico .silos { color: #607d8b; font-size: 11px; }
.piano-carichi .carico .riga2 { color: #37474f; }
.piano-carichi .carico .azioni { display: flex; gap: 2px; margin-top: 2px; }
.piano-carichi .carico .azioni .mud-button-root { min-width: 0; padding: 0 6px; font-size: 11px; }
.piano-carichi .giorno .nessuno { color: #9e9e9e; font-style: italic; }
.piano-carichi .giorno .gia-caricati { color: #546e7a; font-style: italic; margin-bottom: 4px; }

.piano-carichi table { border-collapse: collapse; margin: 0 4px 8px 4px; }
.piano-carichi th, .piano-carichi td { padding: 3px 8px; border-bottom: 1px solid #e0e0e0; vertical-align: top; }
.piano-carichi th { background: #eceff1; font-weight: 600; text-align: left; white-space: nowrap; position: sticky; top: 0; z-index: 1; }
.piano-carichi .num { text-align: right; white-space: nowrap; }
.piano-carichi .oggi { background: #f3f8fd; }
.piano-carichi th.oggi { background: #dbe9f6; }
.piano-carichi td.materiale, .piano-carichi td.silos { white-space: nowrap; }
.piano-carichi td.silos { color: #607d8b; }
.piano-carichi tr.sotto-zero td.materiale { border-left: 4px solid #c62828; }
.piano-carichi tr.sotto-scorta td.materiale { border-left: 4px solid #ef6c00; }
.piano-carichi .cella-scorta { background: #ffe0b2; color: #8d3a00; font-weight: 600; }
.piano-carichi .cella-zero { background: #ffcdd2; color: #b71c1c; font-weight: 700; }
.piano-carichi .piu { color: #2e7d32; font-weight: 700; margin-right: 4px; }
.piano-carichi .piu.proposto { color: #1565c0; font-style: italic; }
.piano-carichi td.arrivi { white-space: nowrap; cursor: help; }
.piano-carichi td.arrivi .ritardo { color: #c62828; }
.piano-carichi td.arrivi .altri { color: #78909c; }

.piano-carichi .legenda { display: flex; gap: 12px; margin: 0 4px 12px 4px; color: #607d8b; }
.piano-carichi .legenda > span { padding: 1px 6px; border-radius: 3px; }

.piano-carichi.dialogo { display: flex; flex-direction: column; gap: 10px; }
.piano-carichi.dialogo label { display: flex; align-items: center; gap: 8px; color: #455a64; }
.piano-carichi.dialogo label > select,
.piano-carichi.dialogo label > input { font-size: 13px; padding: 3px 6px; border: 1px solid #b0bec5; border-radius: 3px; min-width: 160px; }
.piano-carichi.dialogo input[type=number] { width: 110px; min-width: 0; text-align: right; }
.piano-carichi.dialogo .nota { color: #90a4ae; }
.piano-carichi.dialogo .stima { color: #37474f; font-weight: 600; }