﻿.erp-table-container { width: 100%; overflow: auto; border: 1px solid var(--erp-border); border-radius: var(--erp-radius-md); background: var(--erp-card); }
.erp-table { width: 100%; border-collapse: collapse; margin: 0; background: transparent; color: var(--erp-text-secondary); }
.erp-table th { background: var(--erp-surface); color: var(--erp-gold-label); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; padding: 12px 16px; border-bottom: 2px solid var(--erp-border); text-align: left; white-space: nowrap; }
.erp-table td { padding: 12px 16px; border-bottom: 1px solid var(--erp-border); color: var(--erp-text-secondary); font-size: 14px; vertical-align: middle; font-variant-numeric: tabular-nums; }
.erp-table td.erp-table__num, .erp-table th.erp-table__num { font-family: var(--erp-font-mono); text-align: right; }
.erp-table tbody tr { transition: background var(--erp-motion-fast), color var(--erp-motion-fast); }
.erp-table tbody tr:hover td { background: var(--erp-surface-hover); color: var(--erp-gold-light); }
.erp-table tbody tr.is-selected td { background: rgba(var(--erp-rgb-gold-primary), 0.08); color: var(--erp-gold-light); }
.erp-table tbody tr.is-disabled td { color: var(--erp-text-muted); opacity: .6; }
.erp-table__action-cell { text-align: right; white-space: nowrap; }
.erp-pagination { display: flex; align-items: center; justify-content: flex-end; gap: var(--erp-space-2); padding: var(--erp-space-3) 0; }
.erp-el-table, .el-table { --el-table-bg-color: var(--erp-card); --el-table-tr-bg-color: var(--erp-card); --el-table-row-hover-bg-color: var(--erp-surface-hover); --el-table-current-row-bg-color: rgba(var(--erp-rgb-gold-primary), 0.08); --el-table-striped-bg-color: #171515; --el-table-border-color: var(--erp-border); --el-table-text-color: var(--erp-text-secondary); --el-table-header-text-color: var(--erp-gold-dark); --el-table-header-bg-color: var(--erp-surface); --el-fill-color-blank: var(--erp-card); --el-border-color-lighter: var(--erp-border); color: var(--erp-text-secondary); background: var(--erp-card); }
.el-table th.el-table__cell { background: var(--erp-surface) !important; color: var(--erp-gold-label) !important; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; }
.el-table tr, .el-table td.el-table__cell { background: var(--erp-card) !important; color: var(--erp-text-secondary); }
.el-table__body tr:hover > td.el-table__cell { background: var(--erp-surface-hover) !important; color: var(--erp-gold-light); }
.el-table__empty-text { color: var(--erp-text-muted); }
.el-pagination { --el-pagination-bg-color: var(--erp-card); --el-pagination-button-bg-color: var(--erp-card); --el-pagination-hover-color: var(--erp-gold-primary); --el-pagination-text-color: var(--erp-text-secondary); --el-pagination-button-disabled-bg-color: var(--erp-ds-bg-panel-muted); --el-disabled-text-color: var(--erp-text-muted); }
.el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next, .el-pagination.is-background .el-pager li { background: var(--erp-card) !important; border: 1px solid var(--erp-border); color: var(--erp-text-secondary); }
.el-pagination.is-background .el-pager li.is-active { background: var(--erp-gold-primary) !important; border-color: var(--erp-gold-dark); color: var(--erp-black); }
@media (max-width: 767px) { .erp-table-container { overflow-x: auto; } .erp-table th, .erp-table td { padding-inline: 12px; } }
