:root {
    --bs-primary: #824E4E;
    --bs-primary-active: #824E4E;
    --bs-component-hover-color: #ef2a2a;
}

/* CorsiGrid responsive styles */
.cg-checkbox {
    width: 1.25rem; /* larger square */
    height: 1.25rem;
    border-radius: 0.35rem; /* rounded corners */
    vertical-align: middle;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    display: inline-block;
    border: 1px solid rgba(0,0,0,.1);
    background-clip: content-box;
    padding: 0.125rem;
    cursor: default;
}

.cg-checkbox:checked {
    background-color: var(--bs-primary, #0d6efd);
    border-color: var(--bs-primary, #0d6efd);
    box-shadow: none;
}

.cg-checkbox:focus {
    box-shadow: 0 0 0 .15rem rgba(13,110,253,0.25);
}

/* Responsive table: mobile layout */
@media (max-width: 768px) {
    .corsi-row {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #dee2e6;
        margin-bottom: 0.5rem;
        background: #fff;
    }
    .corsi-info {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 0.25rem 0.5rem;
        font-weight: 500;
        background: #f8f9fa;
    }
    .corsi-checkboxes {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        padding: 0.25rem 0.5rem;
    }
    .corsi-row td, .corsi-row th {
        display: none;
    }
    .corsi-info > div,
    .corsi-checkboxes > div {
        display: block;
        min-width: 0;
    }
}
@media (min-width: 769px) {
    .corsi-row {
        display: table-row;
    }
    .corsi-info,
    .corsi-checkboxes {
        display: contents;
    }
}