/**
 * DropX Theme: Light — Unified table system
 * Independent warm beige / sand / gold design.
 * No !important.
 */

body.theme-light .table-responsive,
body.theme-light .data-table-wrapper,
body.theme-light .table-wrap {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--theme-line);
    border-radius: 16px;
    background: var(--theme-card);
    box-shadow: var(--theme-shadow);
}

body.theme-light table {
    width: 100%;
    min-width: 620px;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--theme-card);
    color: var(--theme-text);
    border: 0;
}

body.theme-light caption {
    padding: 12px 14px;
    text-align: left;
    color: var(--theme-text-strong);
    background: var(--theme-header);
    border-bottom: 1px solid var(--theme-line);
    font: 700 13px/1.25 Rajdhani, system-ui, sans-serif;
    letter-spacing: .04em;
}

body.theme-light thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 11px 13px;
    background: linear-gradient(180deg, var(--theme-surface-2), var(--theme-header-2));
    color: var(--theme-text-strong);
    border-bottom: 1px solid var(--theme-line-strong);
    border-right: 1px solid var(--theme-line-soft);
    font: 800 12px/1.2 Rajdhani, system-ui, sans-serif;
    letter-spacing: .055em;
    text-transform: uppercase;
    white-space: nowrap;
}

body.theme-light thead th:last-child { border-right: 0; }

body.theme-light tbody td,
body.theme-light tfoot td {
    padding: 11px 13px;
    color: var(--theme-text-muted);
    border-bottom: 1px solid var(--theme-line-soft);
    border-right: 1px solid var(--theme-line-soft);
    background: transparent;
    font: 500 13px/1.35 Rajdhani, system-ui, sans-serif;
}

body.theme-light tbody td:last-child,
body.theme-light tfoot td:last-child { border-right: 0; }

body.theme-light tbody tr:last-child td { border-bottom: 0; }

body.theme-light tbody tr {
    transition: background-color .16s ease, box-shadow .16s ease;
}

body.theme-light tbody tr:hover {
    background: rgba(149,102,28,.07);
    box-shadow: inset 3px 0 0 rgba(149,102,28,.22);
}

body.theme-light tbody tr:nth-child(even) {
    background: rgba(255,248,236,.18);
}

body.theme-light tbody tr:nth-child(even):hover {
    background: rgba(149,102,28,.075);
}

body.theme-light tfoot td {
    background: var(--theme-surface-2);
    color: var(--theme-text-strong);
    font-weight: 700;
    border-bottom: 0;
}

body.theme-light table a {
    color: var(--theme-gold);
    text-decoration-color: rgba(149,102,28,.30);
    text-underline-offset: 3px;
}

body.theme-light table a:hover {
    color: var(--theme-gold-hi);
    text-decoration-color: currentColor;
}

body.theme-light table button,
body.theme-light .table-action {
    border: 1px solid var(--theme-line-strong);
    border-radius: 9px;
    background: var(--theme-surface-2);
    color: var(--theme-text-strong);
    box-shadow: inset 0 1px 0 rgba(255,248,236,.42);
}

body.theme-light table button:hover,
body.theme-light .table-action:hover {
    border-color: var(--theme-gold);
    background: var(--theme-gold-soft);
    color: var(--theme-gold);
}

body.theme-light .table-empty,
body.theme-light table .empty-state {
    padding: 24px 14px;
    text-align: center;
    color: var(--theme-text-soft);
}

@media (max-width: 900px) {
    body.theme-light .table-responsive,
    body.theme-light .data-table-wrapper,
    body.theme-light .table-wrap {
        border-radius: 13px;
    }

    body.theme-light table {
        min-width: 560px;
    }

    body.theme-light thead th,
    body.theme-light tbody td,
    body.theme-light tfoot td {
        padding: 10px 11px;
    }
}