/* table.css — pattern: structured tabular data.
   Evidential rows carry data-state attribute that ties row tint to the
   data-state token system.  See FSE_UI.md → Table and Color-as-Meaning. */

.biq-table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--biq-color-border);
    border-radius: var(--biq-radius-md);
    background: var(--biq-color-surface-raised);
}

.biq-table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--biq-fs-sm);
}

.biq-table thead {
    background: var(--biq-color-surface-sunk);
}

.biq-table th {
    text-align: left;
    font-weight: var(--biq-fw-semibold);
    color: var(--biq-color-text-secondary);
    padding: var(--biq-space-3) var(--biq-space-4);
    border-bottom: 1px solid var(--biq-color-border);
    white-space: nowrap;
    font-size: var(--biq-fs-xs);
    text-transform: uppercase;
    letter-spacing: var(--biq-tracking-wide);
}

.biq-table td {
    padding: var(--biq-space-3) var(--biq-space-4);
    border-bottom: 1px solid var(--biq-color-rule);
    color: var(--biq-color-text-primary);
    vertical-align: top;
}

.biq-table tbody tr:last-child td { border-bottom: 0; }

.biq-table tbody tr:hover {
    background: var(--biq-color-surface-sunk);
}

.biq-table__cell--mono {
    font-family: var(--biq-font-mono);
    font-size: var(--biq-fs-xs);
    color: var(--biq-color-text-secondary);
}

.biq-table__cell--num {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* Evidential row state — left-edge tint */
.biq-table tbody tr[data-state] td:first-child {
    border-left: 3px solid transparent;
    padding-left: calc(var(--biq-space-4) - 3px);
}

.biq-table tbody tr[data-state="field-captured"] td:first-child { border-left-color: var(--biq-state-field-captured); }
.biq-table tbody tr[data-state="validated"]      td:first-child { border-left-color: var(--biq-state-validated); }
.biq-table tbody tr[data-state="pending-review"] td:first-child { border-left-color: var(--biq-state-pending-review); }
.biq-table tbody tr[data-state="flagged"]        td:first-child { border-left-color: var(--biq-state-flagged); }
.biq-table tbody tr[data-state="ai-suggested"]   td:first-child { border-left-color: var(--biq-state-ai-suggested); }
.biq-table tbody tr[data-state="locked"]         td:first-child { border-left-color: var(--biq-state-locked); }
.biq-table tbody tr[data-state="superseded"]     td:first-child { border-left-color: var(--biq-state-superseded); }

.biq-table tbody tr[data-state="superseded"] td { color: var(--biq-color-text-muted); text-decoration: line-through; }