/* AIDEV-NOTE: pagina Pedane (change pianificazione-pedane, design D5): riepilogo per tipo pedana e dettaglio per OP.
   Tutto sotto .pedane; colori delle linee come Scaletta e Calendario. */

.pedane {
    --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: 12px;
}

.pedane .barra { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 6px 4px 8px 4px; }
.pedane .filtro-linee { display: flex; gap: 2px; }
.pedane .chip-linea.mud-chip-filled { background: var(--colore-linea); color: #fff; }
.pedane .chip-linea.mud-chip-outlined { border-color: var(--colore-linea); color: var(--colore-linea); }
.pedane .filtro-tipo { font-size: 12px; padding: 2px 4px; border: 1px solid #b0bec5; border-radius: 3px; background: #fff; }
.pedane .fonti { display: flex; gap: 12px; color: #555; margin-left: auto; }
.pedane .fonti .avviso { color: #c62828; font-weight: 600; }

.pedane table { border-collapse: collapse; margin: 0 4px 12px 4px; }
.pedane th, .pedane td { padding: 3px 10px; border-bottom: 1px solid #e0e0e0; vertical-align: top; }
.pedane th { background: #eceff1; font-weight: 600; text-align: left; white-space: nowrap; }
.pedane .num { text-align: right; white-space: nowrap; }
.pedane td.vuoto { color: #9e9e9e; font-style: italic; }

/* Riepilogo */
.pedane .riepilogo td { white-space: nowrap; font-size: 13px; }
.pedane .riepilogo tr.totale td { font-weight: 700; border-top: 2px solid #90a4ae; }
.pedane .riepilogo tr.senza-tipo td:first-child { color: #e65100; }

.pedane .avviso-evidenze { margin: 0 4px 8px 4px; padding: 4px 8px; background: #fff3e0; color: #e65100; border-left: 4px solid #ef6c00; display: inline-block; }

/* Dettaglio */
.pedane .dettaglio td.linea { border-left: 4px solid var(--colore-linea); font-weight: 600; white-space: nowrap; }
.pedane .dettaglio td.op { font-weight: 600; white-space: nowrap; }
.pedane .dettaglio td.testo { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pedane .dettaglio .sotto { font-weight: 400; font-size: 10px; color: #757575; }
.pedane .dettaglio td.evidenza { background: #fff3e0; color: #e65100; font-weight: 600; }
.pedane .dettaglio td.nxp { min-width: 70px; }
.pedane .dettaglio .nxp-input { width: 56px; text-align: right; font-size: 12px; padding: 1px 3px; border: 1px solid #cfd8dc; border-radius: 3px; }
.pedane .dettaglio .nxp-input.imposto { color: #1565c0; font-weight: 600; border-color: #1565c0; }
.pedane .dettaglio td.note { max-width: 380px; color: #37474f; }
.pedane .dettaglio td.note .etichetta { color: #78909c; font-size: 10px; text-transform: uppercase; }