/* ============================================
   Virtual CFO - barra delle sezioni

   Di questo foglio resta solo la barra dei tab: tutto il resto (carte KPI,
   opportunita', slider, goal seeking, progressi dei piani) vestiva il vecchio
   modulo CFO, che e' stato sostituito. Le classi non avevano piu' nessun
   consumatore in nessuna pagina.

   Gli stili delle sette schermate nuove stanno in app.css, nel blocco
   "Virtual CFO", e usano i token di questa installazione.

   La barra invece resta qui e resta questa: e' la grafica del backup, la
   stessa della tesoreria.
   ============================================ */

/* ---- Tab Navigation (matching treasury style) ---- */
.cfo-tabs {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--md-sys-color-outline-variant);
    margin-bottom: 24px;
}

.cfo-tab {
    padding: 10px 20px;
    border: none;
    background: none;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--md-sys-color-on-surface-variant);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color 0.15s, border-color 0.15s;
}

.cfo-tab:hover {
    color: var(--md-sys-color-on-surface);
}

.cfo-tab.active {
    color: var(--md-sys-color-primary);
    border-bottom-color: var(--md-sys-color-primary);
    font-weight: 600;
}

/* L'icona davanti all'etichetta. */
.cfo-tab > i {
    margin-right: 6px;
    font-size: 0.95rem;
}