/* Anche qui c'era un `.active` generico (#bbd4fc, testo nero): non ha MAI fatto effetto, perche'
   MenuBase.css veniva caricato dopo e vinceva a parita' di specificita' e di !important. Tolto
   invece di spostarlo: la selezione ora e' una sola regola, in htmldefault.css. */

.active-tab-btn {
    background-color: azure !important;
    color: black !important
}

.btn-custom {
    background-color: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    color: inherit;
    padding: 0.5rem 1rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    /* Quando cliccato */
    .btn-custom:active {
        background-color: rgba(0, 0, 0, 0.1);
        border: none;
        box-shadow: none;
    }

    /* Quando in focus (es: da tastiera) */
    .btn-custom:focus {
        outline: none;
        box-shadow: none;
        border: none;
    }

    /* Quando disabilitato */
    .btn-custom:disabled {
        opacity: 0.5;
        cursor: not-allowed;
        border: none;
        box-shadow: none;
    }