/*
 * OptionsPlay Shared Data Table Components
 * Source: Design System Spec Section 4.6
 * Replaces duplicated grid/table styles across trading widgets
 */

/* ===== DATA GRID ===== */
.op-data-grid ::deep .rz-datatable-thead th {
    background: var(--op-neutral-50) !important;
    color: var(--op-neutral-700) !important;
    font-size: var(--op-text-sm) !important;
    font-weight: var(--op-font-semibold) !important;
    padding: var(--op-space-3) var(--op-space-4) !important;
    border-bottom: 2px solid var(--op-neutral-200) !important;
}

.op-data-grid ::deep .rz-datatable-tbody td {
    padding: var(--op-space-3) var(--op-space-4) !important;
    border-bottom: 1px solid var(--op-neutral-100) !important;
    font-size: var(--op-text-base) !important;
    color: var(--op-neutral-900) !important;
}

.op-data-grid ::deep .rz-datatable-tbody tr:hover {
    background: var(--op-neutral-50) !important;
}

.op-data-grid ::deep .rz-datatable-tbody tr {
    cursor: pointer;
}

.op-data-grid ::deep .rz-grid-table {
    border-collapse: separate;
    border-spacing: 0;
}