/* Element UI 样式覆盖文件 */
/* 专门用于覆盖 Element UI 的默认样式，确保主题样式正确应用 */

/* ======================== 表格基础样式覆盖 ======================== */

/* 表格容器样式 */
.file-list-container .el-table.knowledge-table,
.file-list-container .el-table.knowledge-table .el-table__body,
.file-list-container .el-table.knowledge-table .el-table__header {
  background: var(--color-bg) !important;
  border: none !important;
}

/* 移除表格底部的白线 */
.file-list-container .el-table.knowledge-table::before {
  display: none !important;
}

/* ======================== 表头样式覆盖 ======================== */

/* 表头单元格样式 */
.file-list-container .el-table.knowledge-table th.el-table__cell,
.file-list-container .el-table.knowledge-table .el-table__header th,
.file-list-container .el-table.knowledge-table .el-table__header-wrapper th {
  background: var(--color-bg) !important;
  color: var(--color-text) !important;
  border-bottom: 1px solid var(--color-table-th) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 12px 30px 12px 0 !important;
}

/* 表头特定列的颜色覆盖 - 使用多层选择器确保覆盖 */
.file-list-container .el-table.knowledge-table thead th:nth-child(2),
.file-list-container .el-table.knowledge-table thead th:nth-child(3),
.file-list-container .el-table.knowledge-table thead th:nth-child(4),
.file-list-container .el-table.knowledge-table thead th:nth-child(5) {
  color: var(--table-other-text) !important;
}

/* 表头单元格内容的直接覆盖 */
.file-list-container
  .el-table.knowledge-table
  .el-table__header
  th:nth-child(2),
.file-list-container
  .el-table.knowledge-table
  .el-table__header
  th:nth-child(3),
.file-list-container
  .el-table.knowledge-table
  .el-table__header
  th:nth-child(4),
.file-list-container
  .el-table.knowledge-table
  .el-table__header
  th:nth-child(5) {
  color: var(--table-other-text) !important;
}

/* 表头单元格内容的最终覆盖 */
.file-list-container .el-table.knowledge-table th:nth-child(2) .cell,
.file-list-container .el-table.knowledge-table th:nth-child(3) .cell,
.file-list-container .el-table.knowledge-table th:nth-child(4) .cell,
.file-list-container .el-table.knowledge-table th:nth-child(5) .cell {
  color: var(--table-other-text) !important;
}

/* ======================== 表格行和单元格样式覆盖 ======================== */

/* 表格行样式 */
.file-list-container .el-table.knowledge-table .el-table__row {
  background: var(--color-bg) !important;
  height: 56px !important;
  transition: background-color 0.2s ease !important;
}

/* 表格单元格样式 */
.file-list-container .el-table.knowledge-table td.el-table__cell,
.file-list-container .el-table.knowledge-table .el-table__body td,
.file-list-container .el-table.knowledge-table .el-table__body-wrapper td {
  background: var(--color-bg) !important;
  color: var(--color-table-td1) !important;
  border-bottom: 1px solid var(--color-table-th) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  padding: 12px 30px 12px 0 !important;
}

/* 特定列的颜色覆盖 - 使用更高优先级的选择器 */
.file-list-container .el-table.knowledge-table .el-table__cell:nth-child(3),
.file-list-container .el-table.knowledge-table .el-table__cell:nth-child(4),
.file-list-container .el-table.knowledge-table .el-table__cell:nth-child(5) {
  color: var(--color-table-td2) !important;
  font-size: 12px !important;
}

/* 强制覆盖其他列的文字颜色，使用最高优先级的选择器 */
.file-list-container .el-table.knowledge-table tbody tr td:nth-child(3),
.file-list-container .el-table.knowledge-table tbody tr td:nth-child(4),
.file-list-container .el-table.knowledge-table tbody tr td:nth-child(5) {
  color: var(--table-other-text) !important;
  font-size: 12px !important;
}

/* 针对表格内容的直接选择器覆盖 */
.file-list-container
  .el-table.knowledge-table
  .el-table__body
  .el-table__row
  .el-table__cell:nth-child(3),
.file-list-container
  .el-table.knowledge-table
  .el-table__body
  .el-table__row
  .el-table__cell:nth-child(4),
.file-list-container
  .el-table.knowledge-table
  .el-table__body
  .el-table__row
  .el-table__cell:nth-child(5) {
  color: var(--table-other-text) !important;
  font-size: 12px !important;
}

/* 针对单元格内容的最终覆盖 */
.file-list-container .el-table.knowledge-table td:nth-child(3) .cell,
.file-list-container .el-table.knowledge-table td:nth-child(4) .cell,
.file-list-container .el-table.knowledge-table td:nth-child(5) .cell {
  color: var(--table-other-text) !important;
  font-size: 12px !important;
}

/* ======================== 悬浮效果覆盖 ======================== */

/* 行悬浮效果 */
.file-list-container .el-table.knowledge-table .el-table__row:hover,
.file-list-container .el-table.knowledge-table .el-table__body tr:hover {
  background: var(--color-hover) !important;
}

/* 悬浮时单元格样式 */
.file-list-container .el-table.knowledge-table .el-table__row:hover > td,
.file-list-container .el-table.knowledge-table .el-table__row:hover td,
.file-list-container .el-table.knowledge-table .el-table__body tr:hover td {
  background: var(--color-hover) !important;
  border-bottom: 1px solid var(--color-table-th) !important;
}

/* 悬浮状态下特定列的颜色保持 */
.file-list-container
  .el-table.knowledge-table
  .el-table__row:hover
  .el-table__cell:nth-child(3),
.file-list-container
  .el-table.knowledge-table
  .el-table__row:hover
  .el-table__cell:nth-child(4),
.file-list-container
  .el-table.knowledge-table
  .el-table__row:hover
  .el-table__cell:nth-child(5),
.file-list-container .el-table.knowledge-table tbody tr:hover td:nth-child(3),
.file-list-container .el-table.knowledge-table tbody tr:hover td:nth-child(4),
.file-list-container .el-table.knowledge-table tbody tr:hover td:nth-child(5) {
  color: var(--table-other-text) !important;
}

/* ======================== 选中状态覆盖 ======================== */

/* 选中行样式 */
.file-list-container .el-table.knowledge-table .el-table__row.current-row,
.file-list-container .el-table.knowledge-table .el-table__body tr.current-row {
  background: var(--color-hover) !important;
}

/* 选中行单元格样式 */
.file-list-container .el-table.knowledge-table .el-table__row.current-row > td,
.file-list-container
  .el-table.knowledge-table
  .el-table__body
  tr.current-row
  td {
  background: var(--color-hover) !important;
}

/* 选中状态下特定列颜色保持 */
.file-list-container
  .el-table.knowledge-table
  .el-table__row.current-row
  .el-table__cell:nth-child(3),
.file-list-container
  .el-table.knowledge-table
  .el-table__row.current-row
  .el-table__cell:nth-child(4),
.file-list-container
  .el-table.knowledge-table
  .el-table__row.current-row
  .el-table__cell:nth-child(5) {
  color: var(--table-other-text) !important;
}

/* ======================== 复选框样式覆盖 ======================== */

/* 复选框基础样式 */
.file-list-container .el-table.knowledge-table .el-checkbox__inner {
  width: 16px !important;
  height: 16px !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 50% !important;
  background: transparent !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 复选框选中状态 */
.file-list-container
  .el-table.knowledge-table
  .el-checkbox__input.is-checked
  .el-checkbox__inner {
  background: #409eff !important;
  border-color: #409eff !important;
}

/* 复选框选中后的图标 */
.file-list-container
  .el-table.knowledge-table
  .el-checkbox__input.is-checked
  .el-checkbox__inner::after {
  border: none !important;
  width: 4px !important;
  height: 4px !important;
  left: 50% !important;
  top: 50% !important;
  border-radius: 50% !important;
  background: white !important;
  transform: translate(-50%, -50%) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 复选框悬浮效果 */
.file-list-container .el-table.knowledge-table .el-checkbox__inner:hover {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 2px rgba(51, 153, 255, 0.1) !important;
}

/* ======================== 选择列样式覆盖 ======================== */

/* 选择列宽度和对齐 */
.file-list-container .el-table.knowledge-table .el-table__selection {
  width: 40px !important;
  min-width: 40px !important;
}

.file-list-container .el-table.knowledge-table .el-table__selection .cell {
  padding: 0 !important;
  text-align: center !important;
  overflow: visible !important;
}

.file-list-container
  .el-table.knowledge-table
  .el-table__selection
  .el-checkbox {
  margin: 0 !important;
}

/* ======================== 文件类型图标样式覆盖 ======================== */

/* 文件类型图标容器 */
.file-list-container .el-table.knowledge-table .file-type-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 21px !important;
  border: 1px solid var(--user-question-bg) !important;
  border-radius: 4px !important;
  color: var(--user-question-text) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
}

/* 悬浮状态下文件类型图标 */
.file-list-container
  .el-table.knowledge-table
  tbody
  tr:hover
  td:nth-child(3)
  .file-type-icon {
  color: var(--table-other-text) !important;
  border-color: var(--table-other-text) !important;
}

/* ======================== 表格单元格内容覆盖 ======================== */

/* 移除单元格的文本截断 */
.file-list-container .el-table.knowledge-table .el-table__cell {
  overflow: visible !important;
}

.file-list-container .el-table.knowledge-table .el-table__cell .cell {
  overflow: visible !important;
  white-space: nowrap !important;
}

/* 控制列间距 */
.file-list-container .el-table.knowledge-table th:nth-child(1),
.file-list-container .el-table.knowledge-table td:nth-child(1) {
  padding-right: 0 !important;
}

.file-list-container .el-table.knowledge-table th:nth-child(2),
.file-list-container .el-table.knowledge-table td:nth-child(2) {
  padding-left: 0 !important;
}

/* ======================== 表格标签样式覆盖 ======================== */

/* 基础标签样式 */
.file-list-container .el-table.knowledge-table .el-tag {
  background: var(--user-question-bg) !important;
  border-color: var(--user-question-text) !important;
  color: var(--color-text) !important;
}

/* 不同类型标签样式 */
.file-list-container .el-table.knowledge-table .el-tag--danger {
  background: var(--color-danger) !important;
  border-color: var(--color-danger) !important;
  color: #fff !important;
}

.file-list-container .el-table.knowledge-table .el-tag--primary {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: #fff !important;
}

.file-list-container .el-table.knowledge-table .el-tag--success {
  background: var(--color-success) !important;
  border-color: var(--color-success) !important;
  color: #fff !important;
}

.file-list-container .el-table.knowledge-table .el-tag--warning {
  background: var(--color-warning) !important;
  border-color: var(--color-warning) !important;
  color: #fff !important;
}

.file-list-container .el-table.knowledge-table .el-tag--info {
  background: var(--color-info) !important;
  border-color: var(--color-info) !important;
  color: #fff !important;
}

/* ======================== 固定列样式覆盖 ======================== */

/* 固定列背景 */
.file-list-container .el-table.knowledge-table .el-table__fixed-right {
  background: var(--color-card) !important;
}

.file-list-container
  .el-table.knowledge-table
  .el-table__fixed-right
  .el-table__body
  tr:hover {
  background: var(--color-hover) !important;
}

.file-list-container
  .el-table.knowledge-table
  .el-table__fixed-right
  .el-table__body
  tr:hover
  td {
  background: var(--color-hover) !important;
}

/* ======================== 表格单元格左边距统一 ======================== */

/* 统一表格单元格左边距 */
.file-list-container .el-table.knowledge-table .cell,
.file-list-container .el-table.knowledge-table th div,
.file-list-container .el-table.knowledge-table--border td:first-child .cell,
.file-list-container .el-table.knowledge-table--border th:first-child .cell {
  padding-left: 0 !important;
}

/* ======================== FolderTree 组件样式覆盖 ======================== */

/* FolderTree el-tree 基础样式 */
.folder-tree-container .el-tree {
  background: transparent !important;
  color: var(--color-text) !important;
}

/* FolderTree 树节点内容样式 */
.folder-tree-container .el-tree-node__content {
  height: auto !important;
  min-height: 38px !important;
  max-height: 40px !important;
  /* padding: 0 8px !important; */
  background: transparent !important;
  color: var(--color-text) !important;
}

/* FolderTree 树节点悬浮效果 */
.folder-tree-container .el-tree-node__content:hover {
  background: var(--tab-selected) !important;
}

/* FolderTree 自定义树节点样式 */
.folder-tree-container .el-tree-node__content .custom-tree-node {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* FolderTree 文件夹节点内容样式 */
.folder-tree-container .el-tree-node__content .folder-node-content {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex: 1 !important;
}

/* FolderTree 文件夹图标样式 */
.folder-tree-container .el-tree-node__content .folder-icon {
  display: inline-block !important;
  color: #1e6fff !important;
  font-size: 18px !important;
  margin-right: 6px !important;
  opacity: 0.9 !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
}

.folder-tree-container .el-tree-node__content:hover .folder-icon {
  opacity: 1 !important;
  transform: scale(1.05) !important;
}

/* FolderTree 文件夹名称样式 */
.folder-tree-container .el-tree-node__content .folder-name {
  flex: 1 !important;
  color: var(--color-text) !important;
  font-size: 14px !important;
}

/* FolderTree 文件计数样式 */
.folder-tree-container .el-tree-node__content .file-count {
  color: var(--color-text-secondary) !important;
  font-size: 12px !important;
  opacity: 0.8 !important;
}

/* FolderTree 选中状态样式 */
.folder-tree-container .el-tree-node.is-current > .el-tree-node__content {
  background: var(--tab-selected) !important;
  color: var(--color-text) !important;
  position: relative !important;
}

.folder-tree-container
  .el-tree-node.is-current
  > .el-tree-node__content
  .folder-name {
  color: var(--color-text) !important;
  font-weight: 600 !important;
}

.folder-tree-container
  .el-tree-node.is-current
  > .el-tree-node__content
  .folder-icon {
  color: #1e6fff !important;
  opacity: 1 !important;
}

.folder-tree-container .el-tree-node.is-current > .el-tree-node__content:hover {
  background: var(--tab-selected) !important;
  transform: translateY(-1px) !important;
}

/* FolderTree 展开图标样式 */
.folder-tree-container .el-tree-node__expand-icon {
  font-size: 12px !important;
}

.folder-tree-container .el-tree-node__expand-icon.expanded {
  transform: rotate(90deg) !important;
}

/* FolderTree 树节点背景 */
.folder-tree-container .el-tree-node {
  background: transparent !important;
}

/* FolderTree 树节点标签 */
.folder-tree-container .el-tree-node__label {
  color: var(--color-text) !important;
}

/* ======================== RecycleBinList 组件样式覆盖 ======================== */

/* RecycleBinList 表格基础样式 */
.recycle-bin-list-container .el-table {
  background: var(--color-bg) !important;
  border: none !important;
  color: var(--color-text) !important;
}

/* RecycleBinList 表头样式 */
.recycle-bin-list-container .el-table th {
  background: var(--color-bg) !important;
  color: var(--color-text) !important;
  border-bottom: 1px solid var(--color-border) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 12px 8px !important;
}

.recycle-bin-list-container .el-table thead .cell {
  color: var(--table-other-text) !important;
}

/* RecycleBinList 表格行样式 */
.recycle-bin-list-container .el-table__body tr {
  background: var(--color-bg) !important;
  transition: background-color 0.2s ease !important;
}

.recycle-bin-list-container .el-table__body tr:hover {
  background: var(--color-hover) !important;
}

.recycle-bin-list-container .el-table__body tr:hover td {
  background: var(--color-hover) !important;
}

/* 特定列的颜色覆盖 - 使用更高优先级的选择器 */
.recycle-bin-list-container .el-table .el-table__cell:nth-child(4),
.recycle-bin-list-container .el-table .el-table__cell:nth-child(5) {
  color: var(--color-table-td2) !important;
  font-size: 12px !important;
}

.recycle-bin-list-container .el-table tbody tr td:nth-child(4),
.recycle-bin-list-container .el-table tbody tr td:nth-child(5) {
  color: var(--table-other-text) !important;
  font-size: 12px !important;
}

/* 针对表格内容的直接选择器覆盖 */
.recycle-bin-list-container
  .el-table
  .el-table__body
  .el-table__row
  .el-table__cell:nth-child(4),
.recycle-bin-list-container
  .el-table
  .el-table__body
  .el-table__row
  .el-table__cell:nth-child(5) {
  color: var(--table-other-text) !important;
  font-size: 12px !important;
}

/* 针对单元格内容的最终覆盖 */
.recycle-bin-list-container .el-table td:nth-child(4) .cell,
.recycle-bin-list-container .el-table td:nth-child(5) .cell {
  color: var(--table-other-text) !important;
  font-size: 12px !important;
}

/* RecycleBinList 表格单元格样式 */
.recycle-bin-list-container .el-table td {
  background: var(--color-bg) !important;
  color: var(--color-text) !important;
  border-bottom: 1px solid var(--color-border) !important;
  padding: 12px 8px !important;
}

.recycle-bin-list-container .el-table__body tr td {
  border-bottom: 1px solid var(--color-border) !important;
}

.recycle-bin-list-container .el-table__body tr:hover td {
  border-bottom: 1px solid var(--color-hover) !important;
}

/* RecycleBinList 隐藏表格底部白线 */
.recycle-bin-list-container .el-table::before {
  display: none !important;
}

/* RecycleBinList 复选框样式 */
.recycle-bin-list-container .el-table__header .el-checkbox__inner,
.recycle-bin-list-container .el-table__body .el-checkbox__inner {
  width: 16px !important;
  height: 16px !important;
  border: 2px solid var(--color-border) !important;
  border-radius: 50% !important;
  background: transparent !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.recycle-bin-list-container
  .el-table__header
  .el-checkbox__input.is-checked
  .el-checkbox__inner,
.recycle-bin-list-container
  .el-table__body
  .el-checkbox__input.is-checked
  .el-checkbox__inner {
  background: #409eff !important;
  border-color: #409eff !important;
}

.recycle-bin-list-container
  .el-table__header
  .el-checkbox__input.is-checked
  .el-checkbox__inner::after,
.recycle-bin-list-container
  .el-table__body
  .el-checkbox__input.is-checked
  .el-checkbox__inner::after {
  border: none !important;
  transform: none !important;
  width: 4px !important;
  height: 4px !important;
  left: 50% !important;
  top: 50% !important;
  border-radius: 50% !important;
  background: white !important;
  transform: translate(-50%, -50%) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.recycle-bin-list-container
  .el-table__header
  .el-checkbox__input
  .el-checkbox__inner::after,
.recycle-bin-list-container
  .el-table__body
  .el-checkbox__input
  .el-checkbox__inner::after {
  content: "" !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  left: 50% !important;
  top: 50% !important;
  border-radius: 50% !important;
  background: white !important;
  transform: translate(-50%, -50%) scale(0) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  opacity: 0 !important;
}

.recycle-bin-list-container
  .el-table__header
  .el-checkbox__input.is-checked
  .el-checkbox__inner::after,
.recycle-bin-list-container
  .el-table__body
  .el-checkbox__input.is-checked
  .el-checkbox__inner::after {
  width: 4px !important;
  height: 4px !important;
  transform: translate(-50%, -50%) scale(1) !important;
  opacity: 1 !important;
}

.recycle-bin-list-container .el-table__header .el-checkbox__inner:hover,
.recycle-bin-list-container .el-table__body .el-checkbox__inner:hover {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 2px rgba(51, 153, 255, 0.1) !important;
}

/* RecycleBinList 选中行样式 */
.recycle-bin-list-container .el-table__row.current-row {
  background: #343746 !important;
}

.recycle-bin-list-container .el-table__row.current-row > td {
  background: #343746 !important;
}

.recycle-bin-list-container .el-table__body tr.current-row {
  background: #343746 !important;
}

.recycle-bin-list-container .el-table__body tr.current-row td {
  background: #343746 !important;
}

/* ======================== KnowledgeFileTree 组件样式覆盖 ======================== */

/* KnowledgeFileTree el-tree 基础样式 */
.knowledge-file-tree .knowledge-tree {
  background: transparent !important;
  color: var(--color-text) !important;
}

/* KnowledgeFileTree 树节点内容样式 */
.knowledge-file-tree .knowledge-tree .el-tree-node__content {
  height: auto !important;
  min-height: 30px !important;
  background: transparent !important;
  color: var(--color-text) !important;
  border-radius: 4px !important;
  transition: background-color 0.2s !important;
}

.knowledge-file-tree .knowledge-tree .el-tree-node__content:hover {
  background: var(--tab-selected) !important;
}

/* KnowledgeFileTree 展开图标样式 */
.knowledge-file-tree .knowledge-tree .el-tree-node__expand-icon {
  font-size: 12px !important;
  color: var(--color-text) !important;
}

/* KnowledgeFileTree 强制隐藏所有展开图标 */
.knowledge-file-tree .knowledge-tree .el-tree-node__expand-icon {
  display: none !important;
}

/* KnowledgeFileTree 只对文件夹显示展开图标 */
.knowledge-file-tree
  .knowledge-tree
  .el-tree-node:not(.is-leaf)
  .el-tree-node__expand-icon {
  display: inline-block !important;
}

/* KnowledgeFileTree 文件夹图标样式 */
.knowledge-file-tree .el-tree-node__content .folder-icon {
  display: inline-block !important;
  color: #1e6fff !important;
  font-size: 18px !important;
  margin-right: 6px !important;
  opacity: 0.9 !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
}

.knowledge-file-tree .el-tree-node__content:hover .folder-icon {
  opacity: 1 !important;
  transform: scale(1.05) !important;
}

/* ======================== Patient 页面样式覆盖 ======================== */

/* Patient 页面输入框样式 */
.patient-page .el-input__inner {
  background: var(--color-card) !important;
  color: var(--color-text) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 6px !important;
  height: 40px !important;
  font-size: 15px !important;
  padding-left: 36px !important;
  box-sizing: border-box !important;
  transition:
    border 0.2s,
    box-shadow 0.2s !important;
}

.patient-page .el-input__inner::placeholder {
  color: var(--color-secondary) !important;
  opacity: 1 !important;
}

.patient-page .el-input__inner:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 2px var(--color-primary) 22 !important;
  background: var(--color-card) !important;
}

/* Patient 页面表格样式 */
.patient-page .patient-table {
  background: var(--color-card) !important;
  border: none !important;
}

.patient-page .patient-table th {
  background: var(--color-card) !important;
  color: var(--color-text) !important;
  border: none !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 12px 8px !important;
}

.patient-page .patient-table td {
  background: var(--color-card) !important;
  color: var(--color-text) !important;
  border: none !important;
}

/* Patient 页面智能表格样式 - 根据CSS变量自动适配主题 */
.patient-page .patient-table .el-table__row:nth-child(even) td {
  background: var(--table-row-even, #23252e) !important;
}

.patient-page .patient-table .el-table__row:nth-child(odd) td {
  background: var(--table-row-odd, #1e1f25) !important;
}

.patient-page .patient-table .el-table__row:hover > td {
  background: var(--table-row-hover, #343746) !important;
}

/* Patient 页面表格边框移除 */
.patient-page .patient-table::before {
  display: none !important;
}

.patient-page .patient-table::after {
  display: none !important;
}

/* Patient 页面分页样式 */
.patient-page .el-pagination {
  background: transparent !important;
  color: var(--color-text) !important;
}

.patient-page .el-pagination .el-pager li {
  background: var(--color-card) !important;
  color: var(--color-text) !important;
  border-radius: 6px !important;
  border: 1px solid var(--color-border) !important;
}

.patient-page .el-pagination .el-pager li.active {
  background: var(--color-primary) !important;
  color: #fff !important;
  border-color: var(--color-primary) !important;
}

.patient-page .el-pagination button {
  background: var(--color-card) !important;
  color: var(--color-text) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 6px !important;
}

/* ======================== 通用 Element UI 组件样式覆盖 ======================== */

/* 通用按钮样式覆盖 */
.el-button {
  border-color: var(--color-border) !important;
  /* background: var(--color-card) !important; */
  color: var(--color-text) !important;
}

.el-button:hover {
  border-color: var(--color-primary) !important;
  background: var(--color-hover) !important;
  color: var(--color-primary) !important;
}

.el-button--primary {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: #fff !important;
}

.el-button--primary:hover {
  background: var(--color-primary-hover) !important;
  border-color: var(--color-primary-hover) !important;
  color: #fff !important;
}

.el-button--danger {
  background: var(--color-danger) !important;
  border-color: var(--color-danger) !important;
  color: #fff !important;
}

.el-button--danger:hover {
  background: var(--color-danger-hover) !important;
  border-color: var(--color-danger-hover) !important;
  color: #fff !important;
}

/* 通用输入框样式覆盖 */
.el-input__inner {
  /* background: var(--color-card) !important; */
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}

.el-input__inner:focus {
  border-color: var(--color-primary) !important;
}

.el-input__inner::placeholder {
  color: var(--color-text-secondary) !important;
}

/* 通用下拉框样式覆盖 */
.el-select .el-input__inner {
  /* background: var(--color-card) !important; */
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}

.el-select-dropdown {
  background: var(--color-card) !important;
  border-color: var(--color-border) !important;
}

.el-select-dropdown .el-select-dropdown__item {
  background: var(--color-card) !important;
  color: var(--color-text) !important;
}

.el-select-dropdown .el-select-dropdown__item:hover {
  background: var(--color-hover) !important;
  color: var(--color-primary) !important;
}

.el-select-dropdown .el-select-dropdown__item.selected {
  background: var(--color-primary) !important;
  color: #fff !important;
}

/* 通用日期选择器样式覆盖 */
.el-date-editor {
  background: var(--color-card) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}

.el-date-editor:focus {
  border-color: var(--color-primary) !important;
}

.el-date-editor .el-input__inner {
  background: var(--color-card) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}

.el-date-editor .el-input__inner::placeholder {
  color: var(--color-text-secondary) !important;
}

.el-date-editor .el-input__icon {
  color: var(--color-text-secondary) !important;
}

/* 通用表单标签样式覆盖 */
.el-form-item__label {
  color: var(--color-text) !important;
}

/* 通用卡片样式覆盖 */
.el-card {
  background: var(--color-card) !important;
  border-color: var(--color-border) !important;
}

.el-card__header {
  background: var(--color-bg) !important;
  border-bottom-color: var(--color-border) !important;
  color: var(--color-text) !important;
}

.el-card__body {
  background: var(--color-card) !important;
  color: var(--color-text) !important;
}

/* 通用下拉菜单样式覆盖 */
.el-dropdown-menu {
  background: var(--color-card) !important;
  border-color: var(--color-border) !important;
}

.el-dropdown-menu__item {
  background: var(--color-card) !important;
  color: var(--color-text) !important;
}

.el-dropdown-menu__item:hover {
  background: var(--color-hover) !important;
  color: var(--color-primary) !important;
}

.el-dropdown-menu__item.is-disabled {
  color: var(--color-text-secondary) !important;
}

.el-dropdown-menu__item--divided {
  border-top-color: var(--color-border) !important;
}
.el-dropdown-menu__item--divided:before {
  background-color: var(--color-card) !important;
}

/* 通用复选框样式覆盖 */
.el-checkbox__inner {
  background-color: var(--color-card) !important;
  border-color: var(--color-border) !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner::after {
  border-color: var(--color-card) !important;
}

.el-checkbox__label {
  color: var(--color-text) !important;
}

.el-checkbox__input.is-checked .el-checkbox__label {
  color: var(--color-primary) !important;
}

/* 通用单选框样式覆盖 */
.el-radio__inner {
  background-color: var(--color-card) !important;
  border-color: var(--color-border) !important;
}

.el-radio__input.is-checked .el-radio__inner {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

.el-radio__input.is-checked .el-radio__inner::after {
  background-color: var(--color-card) !important;
}

.el-radio__label {
  color: var(--color-text) !important;
}

.el-radio__input.is-checked .el-radio__label {
  color: var(--color-primary) !important;
}

/*.el-dropdown-menu__item--divided:before*/