/**
 * XSP DataTables - Custom Styles
 * Matches wpDataTables styling
 */

/* Override wpDataTables hidden class */
.xsp-dt-wrapper .wdt-no-display,
.xsp-dt-wrapper.wdt-no-display,
.xsp-dt-container .wdt-no-display,
.wpdt-c .wdt-no-display {
    display: block !important;
}

/* Remove extra wrapper borders - match wpDataTables clean look */
.xsp-dt-wrapper {
    margin: 0;
    width: 100%;
}

.xsp-dt-title {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
}

/* Base Table - match wpDataTable */
table.xsp-datatable {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    clear: both;
    margin: 0 auto;
    width: 100%;
    table-layout: auto;
    margin-bottom: 10px;
    border: none;
    font-size: inherit;
}

/* Header - match wpDataTables light skin header */
table.xsp-datatable thead th,
table.xsp-datatable thead th.wdtheader {
    color: #333333;
    border: 1px solid #cccccc;
    border-bottom-width: 2px;
    font-weight: 700;
    padding: 7px 10px;
    text-align: center;
    background: #ffffff none;
    white-space: nowrap;
}

table.xsp-datatable thead th.expand,
table.xsp-datatable thead th.column-fund-name {
    text-align: left;
}

/* Body cells - match wpDataTable light skin */
table.xsp-datatable tbody td {
    padding: 3px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    border: 1px solid #e0e0e0;
    height: 25px;
}

table.xsp-datatable tbody td.expand,
table.xsp-datatable tbody td.column-fund-name {
    text-align: left;
}

/* Numeric data columns - center aligned like wpDataTables */
table.xsp-datatable tbody td.numdata,
table.xsp-datatable thead th.numdata {
    text-align: center !important;
    font-variant-numeric: tabular-nums;
}

/* Row colors - match wpDataTables light skin */
table.xsp-datatable tbody tr.odd td {
    background-color: #f5f5f5; /* odd rows - light gray */
}

table.xsp-datatable tbody tr.even td {
    background-color: #ffffff; /* even rows - white */
}

/* Hover */
table.xsp-datatable tbody tr:hover td {
    background-color: #e8e8e8;
}


/* Error State */
.xsp-dt-error {
    color: #dc2626;
    padding: 15px;
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 4px;
    margin: 10px 0;
}

/* Hide DataTables controls when disabled */
.xsp-dt-wrapper .dataTables_length,
.xsp-dt-wrapper .dataTables_filter,
.xsp-dt-wrapper .dataTables_info,
.xsp-dt-wrapper .dataTables_paginate {
    display: none;
}

/* Responsive */
@media screen and (max-width: 768px) {
    table.xsp-datatable thead th,
    table.xsp-datatable tbody td {
        padding: 8px 10px;
        font-size: 13px;
    }
}

/* Remove DataTables default borders */
table.xsp-datatable.dataTable.no-footer {
    border-bottom: none;
}

table.xsp-datatable.dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Remove all wrapper borders - DataTables adds various wrappers */
.dataTables_wrapper,
.dataTables_wrapper.no-footer,
div.dataTables_wrapper {
    border: none !important;
    box-shadow: none !important;
}