/**
 * EVirtTable（PCanvasGrid / PCanvasTable）主题变量
 * - 与 PGrid 共用 --p-* 语义变量，保证 Canvas 表格与 DOM 表格同色
 * - 无对应 --p-* 的项使用 storybook theme.css 默认值
 * - e-virt-table 初始化时通过 Config.updateCssVar() 读取 --evt-*
 */
/* Higher specificity than e-virt-table@1.4.x runtime-injected :root defaults. */
:root:root {
  --evt-border-color: var(--p-border-color, #d9d9d9);
  --evt-header-bg-color: var(--p-table-thead-bg-color, #f2f3f6);
  --evt-body-bg-color: var(--p-table-row-bg-color, #fff);
  --evt-stripe-color: var(--p-striped-bg-color, #f2f3f6);
  --evt-highlight-hover-row-color: var(--p-table-row-hover-bg-color, #e6e7ea);
  --evt-select-border-color: var(--p-primary-color, #4096ff);
  /* 可用 --p-select-area-color 覆盖；勿写死以免压过业务/示例 :root */
  --evt-select-area-color: var(--p-select-area-color, rgba(82, 146, 247, 0.1));
  /* 固定列阴影：靠近列边界 → 渐隐末端（宽度由 config.FIXED_COLUMN_SHADOW_WIDTH 控制） */
  --evt-fixed-column-shadow-color: rgba(0, 0, 0, 0.1);
  --evt-fixed-column-shadow-fade-color: rgba(0, 0, 0, 0);
  --evt-sort-icon-color: var(--p-primary-color, #4096ff);
  --evt-required-color: var(--p-danger-color, #f5222d);
  --evt-error-tip-color: var(--p-danger-color, #f5222d);
  --evt-error-tip-icon-color: var(--p-danger-color, #f5222d);
  --evt-readonly-color: var(--p-table-row-bg-color, #fff);
  --evt-scroller-track-color: var(--p-table-row-bg-color, #fff);

  /* Canvas / HTML overlayer 共用文字色（业务可覆盖 --p-text-color） */
  --evt-header-text-color: var(--p-text-color, #000000);
  --evt-body-text-color: var(--p-text-color, #000000);
  --evt-footer-text-color: var(--p-text-color, #000000);
  --evt-readonly-text-color: var(--p-text-color, #000000);
  /* 默认 14px。font 简写必须是「字重 字号 字体」；表头 bold、表体 normal */
  --evt-header-font:
    bold 14px 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --evt-body-font:
    normal 14px 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --evt-scroller-color: #dee0e3;
  --evt-scroller-focus-color: #bbbec4;
  --evt-edit-bg-color: #fcf6ed;
  --evt-footer-bg-color: #fafafa;
  --evt-autofill-point-border-color: #fff;
  --evt-editor-bg-color: #fff;
  --evt-editor-text-color: var(--p-text-color, #000000);
  --evt-context-menu-bg-color: #fff;
  --evt-context-menu-text-color: var(--p-text-color, #000000);
  --evt-context-menu-item-hover-bg-color: #f5f5f5;
}

/* 夜间：背景随 --p-* 传递，仅覆盖 Canvas 专用色 */
html[theme-mode='dark'],
:root[data-theme='dark'],
:root.dark {
  --evt-header-text-color: var(--p-text-color, #ffffff);
  --evt-body-text-color: var(--p-text-color, #ffffff);
  --evt-footer-text-color: var(--p-text-color, #ffffff);
  --evt-readonly-text-color: var(--p-text-color, #ffffff);
  --evt-scroller-color: #414243;
  --evt-scroller-track-color: #141414;
  --evt-scroller-focus-color: #a3a6ad;
  --evt-edit-bg-color: #141414;
  --evt-footer-bg-color: #262727;
  --evt-autofill-point-border-color: #a3a6ad;
  --evt-editor-bg-color: #434343;
  --evt-editor-text-color: var(--p-text-color, #ffffff);
  --evt-context-menu-bg-color: #141414;
  --evt-context-menu-text-color: var(--p-text-color, #ffffff);
  --evt-context-menu-item-hover-bg-color: #414243;
}

/* #region EVirtTable overlayer cell */
.canvas-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  padding: 0 8px;
  /* 与 Canvas BODY_TEXT_COLOR 一致，避免 slot HTML 继承页面色偏深/偏浅 */
  color: var(--evt-body-text-color);
}

/* e-virt-table 给 .canvas-cell 写死 userSelect:none；不改单元格本身，只放开插槽后代以便框选文字 */
.canvas-cell * {
  -webkit-user-select: text !important;
  user-select: text !important;
}

/**
 * HTML overlayer 选中态：SVG 滤镜只给「文字/标签」叠 --evt-select-area-color，
 * 不给透明底再铺一层（底色交给 Canvas 那一次，避免加深）。
 */
.canvas-cell.evt-selected-cell-layer {
  background: transparent;
  filter: url(#evt-select-area-overlay-filter);
}
/* #endregion */