.card.filters .card-body {
    background: var(--subtle2);
}

/* --- Desktop (≥ lg): toggle mostra/nascondi --- */
@media (min-width: 992px) {
    /* Quando la checkbox è spuntata → sidebar a 0, contenuto 100% */
    #toggleSidebar:checked ~ .row .col-sidebar {
        flex: 0 0 0 !important;
        max-width: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
    }

    #toggleSidebar:checked ~ .row .col-content {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    /* Alternanza pulsanti */
    .btn-show {
        display: none;
    }

    #toggleSidebar:checked ~ .row .toolbar .btn-show {
        display: inline-flex;
        align-items: center;
    }

    #toggleSidebar:checked ~ .row .toolbar .btn-hide {
        display: none;
    }

    #toggleSidebar:not(:checked) ~ .row .toolbar .btn-hide {
        display: inline-flex;
        align-items: center;
    }

    #toggleSidebar:not(:checked) ~ .row .toolbar .btn-show {
        display: none;
    }
}

/* Nascondo la checkbox (sempre) */
#toggleSidebar {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    clip-path: inset(50%);
}