/* AIDEV-NOTE: Dashboard pedane (change pianificazione-dashboard-pedane, design D3): riepilogo come la tabella della mail di
   Raffaele, leggibile da qualche metro su un monitor Full HD anche con il menu aperto. Caratteri in clamp() sulla larghezza
   della finestra; tutto sotto .dashboard-pedane. */

.dashboard-pedane {
    --blu: #1f4e79;
    --grigio: #eceff1;
    --linea: #90a4ae;
    --rosso: #c62828;
    --rosso-chiaro: #ffebee;
    --arancio: #e65100;
    --arancio-chiaro: #fff3e0;
    color: var(--blu);
    font-size: clamp(16px, 1.6vw, 32px);
    padding: 0.4em 0.6em;
}

.dashboard-pedane .testata { display: flex; align-items: baseline; justify-content: space-between; gap: 1em; flex-wrap: wrap; margin-bottom: 0.4em; }
.dashboard-pedane .titolo { font-size: 1.4em; font-weight: 700; }
.dashboard-pedane .adesso { font-size: 1.1em; font-weight: 600; text-transform: capitalize; }

.dashboard-pedane .avviso-dati {
    margin: 0 0 0.5em 0;
    padding: 0.4em 0.7em;
    background: var(--rosso-chiaro);
    color: var(--rosso);
    border-left: 0.35em solid var(--rosso);
    font-size: 1.15em;
    font-weight: 700;
}

.dashboard-pedane table.riepilogo { width: 100%; border-collapse: collapse; }
.dashboard-pedane .riepilogo th,
.dashboard-pedane .riepilogo td { padding: 0.35em 0.6em; border-bottom: 1px solid var(--linea); white-space: nowrap; }
.dashboard-pedane .riepilogo th { background: var(--grigio); font-weight: 600; text-align: left; }
.dashboard-pedane .riepilogo .num { text-align: right; font-variant-numeric: tabular-nums; }
.dashboard-pedane .riepilogo td.totale-riga { font-weight: 700; }
.dashboard-pedane .riepilogo tr.senza-tipo td:first-child { color: var(--arancio); }
.dashboard-pedane .riepilogo tfoot td { font-weight: 700; border-top: 2px solid var(--blu); border-bottom: none; }
.dashboard-pedane .riepilogo td.vuoto { color: #78909c; font-style: italic; text-align: center; padding: 1.5em; }

.dashboard-pedane .legenda { margin-top: 0.7em; font-size: 0.75em; color: #455a64; }
.dashboard-pedane .evidenze {
    display: inline-block;
    margin-top: 0.5em;
    padding: 0.2em 0.5em;
    font-size: 0.75em;
    background: var(--arancio-chiaro);
    color: var(--arancio);
    border-left: 0.3em solid var(--arancio);
}

.dashboard-pedane .piede { display: flex; gap: 1.2em; margin-top: 0.8em; font-size: 0.6em; color: #607d8b; }
.dashboard-pedane .piede .automatico { font-style: italic; }