/* Ensure DataTables controls stay outside scroll container */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    margin: 0.5rem 0;
}

/* Custom table scrolling styles */
.table-scroll-container {
    overflow-x: auto;
    overflow-y: visible;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    margin-bottom: 1rem;
}

    .table-scroll-container::-webkit-scrollbar {
        height: 8px;
    }

    .table-scroll-container::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }

    .table-scroll-container::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 4px;
    }

        .table-scroll-container::-webkit-scrollbar-thumb:hover {
            background: #a8a8a8;
        }

/* Fix table styling within scroll container */
.table-custom {
    margin-bottom: 0 !important;
    border-collapse: separate;
    border-spacing: 0;
}

    .table-custom th {
        white-space: nowrap;
    }

    .table-custom th,
    .table-custom td {
        border-right: 1px solid #dee2e6;
    }

        .table-custom th:last-child,
        .table-custom td:last-child {
            border-right: none;
        }

    .table-custom .top {
        align-items: center;
        display: flex;
        gap: 20px;
        margin-bottom: 12px;
    }

        .table-custom .top .dataTables_length label {
            align-items: center;
            display: flex;
            gap: 4px;
        }

        .table-custom .top .dataTables_filter {
            margin-left: auto;
        }

            .table-custom .top .dataTables_filter label {
                align-items: center;
                display: flex;
                gap: 4px;
            }

    .table-custom .bottom {
        align-items: center;
        display: flex;
        gap: 20px;
    }

        .table-custom .bottom .dataTables_paginate {
            margin-left: auto;
        }

            .table-custom .bottom .dataTables_paginate a {
                cursor: pointer;
                margin: 2px;
                padding: 5px 8px;
            }

            .table-custom .bottom .dataTables_paginate .current {
                text-decoration: underline;
            }

    .table-custom .details-row {
        background-color: #f4f9ff;
        padding: 15px;
        margin: -12px -16px;
        border-left: 4px solid #206ce7;
    }

    .table-custom .details-content h6 {
        margin-bottom: 8px;
    }

    .table-custom .details-content p {
        margin-bottom: 10px;
    }

    .table-custom .committee-link {
        color: #002768;
        text-decoration: none;
    }

        .table-custom .committee-link:hover {
            text-decoration: underline;
        }