/* Drawers render outside the dashboard wrapper, so the preview owns its
   surface and text colors instead of inheriting the global gold table skin. */
.executor-page .executor-preview-panel .executor-level-table {
  --level-table-surface: #ffffff;
  --level-table-header: #f8fafc;
  --level-table-hover: #f1f5f9;
  --level-table-border: #e5e7eb;
  --level-table-text: #1f2933;
  --level-table-muted: #52606d;
  --level-table-green-text: #237804;
  --level-table-green-bg: #f6ffed;
  --level-table-green-border: #b7eb8f;
  --level-table-red-text: #a8071a;
  --level-table-red-bg: #fff1f0;
  --level-table-red-border: #ffa39e;
  --level-table-blue-text: #0958d9;
  --level-table-blue-bg: #e6f4ff;
  --level-table-blue-border: #91caff;
}

.executor-page.theme-dark .executor-preview-panel .executor-level-table {
  --level-table-surface: #17191c;
  --level-table-header: #111315;
  --level-table-hover: #22272e;
  --level-table-border: #2a2f35;
  --level-table-text: #f3f4f6;
  --level-table-muted: #b8c0cc;
  --level-table-green-text: #b7eb8f;
  --level-table-green-bg: #162312;
  --level-table-green-border: #3c6625;
  --level-table-red-text: #ffa39e;
  --level-table-red-bg: #2a1215;
  --level-table-red-border: #6e2632;
  --level-table-blue-text: #91caff;
  --level-table-blue-bg: #111d2c;
  --level-table-blue-border: #274d77;
}

.executor-page .executor-preview-panel .executor-level-table .ant-table {
  color: var(--level-table-text) !important;
  background: var(--level-table-surface) !important;
  border: 1px solid var(--level-table-border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  overflow: hidden;
  font-variant-numeric: tabular-nums;
}

.executor-page .executor-preview-panel .executor-level-table .ant-table-content,
.executor-page .executor-preview-panel .executor-level-table .ant-table-body,
.executor-page .executor-preview-panel .executor-level-table .ant-table-placeholder {
  color: var(--level-table-text) !important;
  background: var(--level-table-surface) !important;
  border-color: var(--level-table-border) !important;
}

.executor-page .executor-preview-panel .executor-level-table .ant-table-header,
.executor-page .executor-preview-panel .executor-level-table .ant-table-thead > tr > th {
  color: var(--level-table-muted) !important;
  background: var(--level-table-header) !important;
  border-color: var(--level-table-border) !important;
  font-weight: 600;
}

.executor-page .executor-preview-panel .executor-level-table .ant-table-tbody > tr > td {
  color: var(--level-table-text) !important;
  background: var(--level-table-surface) !important;
  border-color: var(--level-table-border) !important;
}

.executor-page .executor-preview-panel .executor-level-table .ant-table-tbody > tr:hover > td,
.executor-page .executor-preview-panel .executor-level-table .ant-table-tbody > tr.ant-table-row-hover > td {
  background: var(--level-table-hover) !important;
}

.executor-page .executor-preview-panel .executor-level-table .mono {
  color: var(--level-table-text) !important;
}

.executor-page .executor-preview-panel .executor-level-table .ant-empty-description {
  color: var(--level-table-muted) !important;
}

.executor-page .executor-preview-panel .executor-level-table .ant-tag {
  box-shadow: none !important;
}

.executor-page .executor-preview-panel .executor-level-table .ant-tag-green {
  color: var(--level-table-green-text) !important;
  background: var(--level-table-green-bg) !important;
  border-color: var(--level-table-green-border) !important;
}

.executor-page .executor-preview-panel .executor-level-table .ant-tag-red {
  color: var(--level-table-red-text) !important;
  background: var(--level-table-red-bg) !important;
  border-color: var(--level-table-red-border) !important;
}

.executor-page .executor-preview-panel .executor-level-table .ant-tag-blue {
  color: var(--level-table-blue-text) !important;
  background: var(--level-table-blue-bg) !important;
  border-color: var(--level-table-blue-border) !important;
}