/*-------------- TABELLE SPECIALI ("IMPOSSIBLE TABLE") ------------ */

.impossible-table {
    border-collapse: separate;
    border-spacing: 0;
}

.impossible-head th {
    background-color: transparent !important;
}

.impossible-body {
    display: none !important;
}

.impossible-body.show {
    /* show: Bootstrap Native (Toggle logic) */
    display: table-row !important;
}

.impossible-table tr,
.impossible-table tr th {
    border-width: 0;
}

.impossible-header {
    padding: 20px;
}

.impossible-item~.impossible-item::before {
    content: "";
    display: block;
    height: 16px;
}

.impossible-header td {
    border-style: solid;
    border-width: 1px 0;
}

.impossible-header td:first-child {
    border-width: 1px 0 1px 1px;
    border-radius: 6px 0 0 6px;
}

.impossible-header td:last-child {
    border-width: 1px 1px 1px 0;
    border-radius: 0 6px 6px 0;
}

.impossible-item:has(.impossible-body.show) .impossible-header .toggler-closed {
    display: none;
}

.impossible-item:has(.impossible-body:not(.show)) .impossible-header .toggler-open {
    display: none;
}

.impossible-body td {
    padding: 0 3px !important;
}

.impossible-body td>div {
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-radius: 0 0 6px 6px;
}

.impossible-body td .row {
    /* row: Bootstrap Native */
    padding: 24px;
}

.impossible-item-footer {
    padding: 12px 20px;
    display: flex;
    justify-content: flex-end;
    gap: 16px;
}

.impossible-item-footer:has(input[data-formset-delete-checkbox]:checked):not(:has(.formset-row)) .formset-delete-message {
    display: inline-block !important;
}

.impossible-body .box-grigio {
    padding: 16px 20px 12px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}