/* Shared tables layer */

.table-wrap {
    overflow-x: auto;
}

.data-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
}

.data-table th,
.data-table td {
    padding: 14px 12px;
    border-bottom: 1px solid var(--border-color);
    text-align: left;
    vertical-align: middle;
}

.data-table th {
    color: var(--text-secondary);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.data-table td {
    color: var(--text-primary);
}

.data-table tr.row-muted td {
    color: rgba(203, 213, 225, 0.62);
    background: rgba(148, 163, 184, 0.06);
}

.data-table tr.row-muted .stacked-cell strong,
.data-table tr.row-muted .stacked-cell span,
.data-table tr.row-muted .stacked-cell small,
.data-table tr.row-muted a {
    color: rgba(203, 213, 225, 0.62);
}

.stacked-cell {
    display: grid;
    gap: 6px;
}

.stacked-cell.compact {
    gap: 4px;
}

.stacked-cell strong {
    color: var(--text-primary);
    font-size: 14px;
}

.stacked-cell span,
.stacked-cell small,
.stacked-cell a {
    color: var(--text-secondary);
    line-height: 1.5;
}

.stacked-cell a {
    color: var(--primary);
    text-decoration: none;
}

.stacked-cell a:hover {
    text-decoration: underline;
}