/* ===== Element Plus 组件样式覆盖 ===== */

/* 表格样式 - 深色主题 */
.el-table {
  background-color: transparent !important;
  color: #fff;
  width: 100% !important;
}

.el-table__header-wrapper,
.el-table__body-wrapper {
  background-color: transparent !important;
}

.el-table th,
.el-table tr,
.el-table td {
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff;
}

.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

.el-table__cell {
  border: none !important;
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  border: none !important;
}

.el-table--border .el-table__inner-wrapper:after,
.el-table--border:after,
.el-table--border:before,
.el-table__inner-wrapper:before {
  display: none !important;
}

.el-table thead {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

.el-table__row:nth-child(even) td {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* 表格滚动条 */
.el-table__body-wrapper::-webkit-scrollbar {
  width: 6px;
}

.el-table__body-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.el-table__body-wrapper::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}

.el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* 深色主题对话框 */
.dark-dialog {
  background-color: #172F4B !important;
  border: 1px solid #263c57;
  color: #ffffff;
}

.dark-dialog .el-dialog__header {
  background-color: #172F4B !important;
  border-bottom: 1px solid #263c57;
  padding: 15px 20px;
}

.dark-dialog .el-dialog__title {
  color: #ffffff !important;
  font-size: 16px;
}

.dark-dialog .el-dialog__body {
  background-color: #172F4B !important;
  color: #ffffff;
  padding: 20px;
}

.dark-dialog .el-dialog__footer {
  background-color: #172F4B !important;
  border-top: 1px solid #263c57;
  padding: 10px 20px;
}

.dark-dialog .el-dialog__close {
  background-color: transparent !important;
  color: #ffffff !important;
  font-size: 18px;
}

.dark-dialog .el-dialog__close:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

/* 日期选择器弹出面板 - 深色主题 */
.el-picker__popper,
.el-picker__popper.el-popper {
  background-color: #172F4B !important;
  border: 1px solid rgba(24, 144, 255, 0.4) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

.el-picker__popper .el-picker-panel,
.el-picker__popper .el-picker__panel {
  background-color: #172F4B !important;
  color: #fff !important;
  border: none !important;
}

/* 日期选择器头部 */
.el-picker__popper .el-date-picker__header,
.el-picker__popper .el-picker-panel__header {
  background-color: #172F4B !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(24, 144, 255, 0.3) !important;
}

.el-picker__popper .el-date-picker__header-label,
.el-picker__popper .el-picker-panel__header-label {
  color: #fff !important;
}

.el-picker__popper .el-date-picker__header-label:hover,
.el-picker__popper .el-picker-panel__header-label:hover {
  color: #1890ff !important;
}

/* 日期表格 */
.el-picker__popper .el-date-table,
.el-picker__popper .el-picker-panel__content {
  background-color: #172F4B !important;
}

.el-picker__popper .el-date-table th {
  background-color: #172F4B !important;
  color: rgba(255, 255, 255, 0.7) !important;
  border-bottom: 1px solid rgba(24, 144, 255, 0.2) !important;
}

.el-picker__popper .el-date-table td {
  background-color: #172F4B !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

.el-picker__popper .el-date-table td.prev-month,
.el-picker__popper .el-date-table td.next-month {
  color: rgba(255, 255, 255, 0.3) !important;
}

/* available 状态的样式 - 确保深色主题 */
.el-picker__popper .el-date-table td.available {
  background-color: transparent !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

.el-picker__popper .el-date-table td.available span {
  background-color: transparent !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

.el-picker__popper .el-date-table td.available:hover {
  background-color: rgba(24, 144, 255, 0.2) !important;
}

.el-picker__popper .el-date-table td.available:hover span {
  color: #fff !important;
  background-color: rgba(24, 144, 255, 0.2) !important;
}

.el-picker__popper .el-date-table td.current:not(.disabled) span {
  background-color: #1890ff !important;
  color: #fff !important;
}

.el-picker__popper .el-date-table td.today span {
  color: #1890ff !important;
  font-weight: 600;
}

/* in-range 状态的样式 - 确保深色主题 */
.el-picker__popper .el-date-table td.in-range {
  background-color: rgba(24, 144, 255, 0.1) !important;
}

.el-picker__popper .el-date-table td.in-range span {
  background-color: rgba(24, 144, 255, 0.15) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

/* 覆盖日期范围选择器中的 in-range 样式 */
.el-picker__popper .el-date-range-picker .el-date-table td.in-range {
  background-color: rgba(24, 144, 255, 0.1) !important;
}

.el-picker__popper .el-date-range-picker .el-date-table td.in-range span {
  background-color: rgba(24, 144, 255, 0.15) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

/* 确保 in-range 不会显示白色背景 */
body .el-picker__popper .el-date-table td.in-range,
body .el-popper .el-date-table td.in-range {
  background-color: rgba(24, 144, 255, 0.1) !important;
  background: rgba(24, 144, 255, 0.1) !important;
}

body .el-picker__popper .el-date-table td.in-range span,
body .el-popper .el-date-table td.in-range span {
  background-color: rgba(24, 144, 255, 0.15) !important;
  background: rgba(24, 144, 255, 0.15) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

.el-picker__popper .el-date-table td.start-date span,
.el-picker__popper .el-date-table td.end-date span {
  background-color: #1890ff !important;
  color: #fff !important;
}

/* 确保选中日期的背景色是蓝色而不是白色 */
.el-picker__popper .el-date-table td.start-date,
.el-picker__popper .el-date-table td.end-date {
  background-color: transparent !important;
}

.el-picker__popper .el-date-table td.start-date span,
.el-picker__popper .el-date-table td.end-date span {
  background-color: #1890ff !important;
  color: #fff !important;
  border-color: #1890ff !important;
}

/* 日期范围选择器的开始和结束日期 */
.el-picker__popper .el-date-range-picker .el-date-table td.start-date span,
.el-picker__popper .el-date-range-picker .el-date-table td.end-date span {
  background-color: #1890ff !important;
  color: #fff !important;
}

/* 覆盖可能的白色背景样式 - 强制覆盖所有选中日期的白色背景 */
.el-picker__popper .el-date-table td.available.current span,
.el-picker__popper .el-date-table td.available.start-date span,
.el-picker__popper .el-date-table td.available.end-date span {
  background-color: #1890ff !important;
  color: #fff !important;
}

/* 强制覆盖 Element Plus 默认的白色背景 - 使用更高优先级 */
body .el-picker__popper .el-date-table td.start-date span,
body .el-picker__popper .el-date-table td.end-date span {
  background-color: #1890ff !important;
  background: #1890ff !important;
  color: #fff !important;
}

/* 覆盖日期范围选择器的选中日期 */
body .el-picker__popper .el-date-range-picker .el-date-table td.start-date span,
body .el-picker__popper .el-date-range-picker .el-date-table td.end-date span {
  background-color: #1890ff !important;
  background: #1890ff !important;
  color: #fff !important;
}

/* 覆盖所有可能的选中状态组合 */
body .el-picker__popper .el-date-table td.start-date.available span,
body .el-picker__popper .el-date-table td.end-date.available span,
body .el-picker__popper .el-date-table td.start-date.current span,
body .el-picker__popper .el-date-table td.end-date.current span {
  background-color: #1890ff !important;
  background: #1890ff !important;
  color: #fff !important;
}

/* 确保选中日期的单元格本身也是透明背景 */
body .el-picker__popper .el-date-table td.start-date,
body .el-picker__popper .el-date-table td.end-date {
  background-color: transparent !important;
  background: transparent !important;
}

/* 使用更具体的选择器覆盖所有可能的白色背景 */
.el-picker__popper .el-date-table td.start-date span.el-date-table__cell,
.el-picker__popper .el-date-table td.end-date span.el-date-table__cell {
  background-color: #1890ff !important;
  background: #1890ff !important;
  color: #fff !important;
}

/* 覆盖可能的 before/after 伪元素 */
.el-picker__popper .el-date-table td.start-date::before,
.el-picker__popper .el-date-table td.end-date::before,
.el-picker__popper .el-date-table td.start-date::after,
.el-picker__popper .el-date-table td.end-date::after {
  background-color: transparent !important;
}

/* 确保 span 内部的文本颜色也是白色 */
.el-picker__popper .el-date-table td.start-date span,
.el-picker__popper .el-date-table td.end-date span {
  background-color: #1890ff !important;
  background: #1890ff !important;
  color: #fff !important;
}

/* 使用通配符选择器确保覆盖所有可能的类名组合 */
.el-picker__popper [class*="start-date"] span,
.el-picker__popper [class*="end-date"] span {
  background-color: #1890ff !important;
  background: #1890ff !important;
  color: #fff !important;
}

/* 最高优先级：强制覆盖所有选中日期的白色背景 */
body .el-popper .el-date-table td.start-date span,
body .el-popper .el-date-table td.end-date span,
body .el-popper[data-popper-placement] .el-date-table td.start-date span,
body .el-popper[data-popper-placement] .el-date-table td.end-date span {
  background-color: #1890ff !important;
  background: #1890ff !important;
  color: #fff !important;
  border-color: #1890ff !important;
}

/* 覆盖可能的active状态 */
body .el-popper .el-date-table td.start-date.active span,
body .el-popper .el-date-table td.end-date.active span {
  background-color: #1890ff !important;
  background: #1890ff !important;
  color: #fff !important;
}

/* 确保覆盖所有可能的 Element Plus 默认样式 */
.el-date-table td.start-date span,
.el-date-table td.end-date span {
  background-color: #1890ff !important;
  background: #1890ff !important;
  color: #fff !important;
}

/* 覆盖所有 available 状态的白色背景 */
body .el-picker__popper .el-date-table td.available,
body .el-popper .el-date-table td.available {
  background-color: transparent !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

body .el-picker__popper .el-date-table td.available span,
body .el-popper .el-date-table td.available span {
  background-color: transparent !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

/* 覆盖 available 和 in-range 组合状态 */
body .el-picker__popper .el-date-table td.available.in-range,
body .el-popper .el-date-table td.available.in-range {
  background-color: rgba(24, 144, 255, 0.1) !important;
  background: rgba(24, 144, 255, 0.1) !important;
}

body .el-picker__popper .el-date-table td.available.in-range span,
body .el-popper .el-date-table td.available.in-range span {
  background-color: rgba(24, 144, 255, 0.15) !important;
  background: rgba(24, 144, 255, 0.15) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

.el-picker__popper .el-date-table td.disabled {
  color: rgba(255, 255, 255, 0.3) !important;
  cursor: not-allowed;
}

/* 月份/年份选择面板 */
.el-picker__popper .el-year-table td,
.el-picker__popper .el-month-table td {
  background-color: #172F4B !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

.el-picker__popper .el-year-table td.available:hover,
.el-picker__popper .el-month-table td.available:hover {
  background-color: rgba(24, 144, 255, 0.2) !important;
}

.el-picker__popper .el-year-table td.current .cell,
.el-picker__popper .el-month-table td.current .cell {
  color: #1890ff !important;
  font-weight: 600;
}

.el-picker__popper .el-year-table td.today .cell,
.el-picker__popper .el-month-table td.today .cell {
  color: #1890ff !important;
}

/* 日期范围选择器 */
.el-picker__popper .el-date-range-picker__content {
  background-color: #172F4B !important;
}

.el-picker__popper .el-date-range-picker__header {
  background-color: #172F4B !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(24, 144, 255, 0.3) !important;
}

.el-picker__popper .el-date-range-picker__header div {
  color: #fff !important;
}

/* 快捷选项 */
.el-picker__popper .el-picker-panel__shortcut {
  background-color: #172F4B !important;
  border-right: 1px solid rgba(24, 144, 255, 0.3) !important;
}

.el-picker__popper .el-picker-panel__shortcut button {
  color: rgba(255, 255, 255, 0.8) !important;
  background-color: transparent !important;
}

.el-picker__popper .el-picker-panel__shortcut button:hover {
  background-color: rgba(24, 144, 255, 0.2) !important;
  color: #fff !important;
}

/* 底部按钮 */
.el-picker__popper .el-picker-panel__footer {
  background-color: #172F4B !important;
  border-top: 1px solid rgba(24, 144, 255, 0.3) !important;
}

.el-picker__popper .el-picker-panel__footer button {
  color: rgba(255, 255, 255, 0.8) !important;
  background-color: transparent !important;
}

.el-picker__popper .el-picker-panel__footer button:hover {
  background-color: rgba(24, 144, 255, 0.2) !important;
  color: #fff !important;
}

.el-picker__popper .el-picker-panel__footer .el-button--text {
  color: #1890ff !important;
}

.el-picker__popper .el-picker-panel__footer .el-button--text:hover {
  color: #40a9ff !important;
}

/* 下拉选择器输入框样式 - 深色主题 */
.el-select .el-select__wrapper{
  background-color: transparent !important;
}

.el-select .el-input__wrapper  {
  background: linear-gradient(135deg, rgba(24, 144, 255, 0.08) 0%, rgba(24, 144, 255, 0.03) 100%) !important;
  border: 1px solid rgba(24, 144, 255, 0.4) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

.el-select .el-input__wrapper:hover {
  border-color: rgba(24, 144, 255, 0.6) !important;
  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.2) !important;
}

.el-select.is-focus .el-input__wrapper,
.el-select .el-input__wrapper.is-focus {
  border-color: rgba(24, 144, 255, 0.8) !important;
  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.2) !important;
}

.el-select .el-input__inner {
  color: #fff !important;
  background-color: transparent !important;
}

.el-select .el-input__inner::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

.el-select .el-select__caret {
  color: rgba(255, 255, 255, 0.7) !important;
}
 .el-select__placeholder{
  color: #fff !important;
}
.el-select .el-select__caret:hover {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* 下拉选择器弹出面板 */
.el-select__popper {
  background-color: #172F4B !important;
  border: 1px solid rgba(24, 144, 255, 0.4) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

.el-select__popper .el-select-dropdown__item {
  background-color: #172F4B !important;
  color: #fff !important;
}

.el-select__popper .el-select-dropdown__item:hover {
  background-color: rgba(24, 144, 255, 0.2) !important;
}

.el-select__popper .el-select-dropdown__item.is-selected {
  background-color: rgba(24, 144, 255, 0.3) !important;
  font-weight: 600;
  color: #fff !important;
}

.el-select__popper .el-select-dropdown__item.is-disabled {
  color: rgba(255, 255, 255, 0.3) !important;
  cursor: not-allowed;
}

/* 弹出面板图标颜色 */
.el-picker__popper .el-icon,
.el-select__popper .el-icon {
  color: rgba(255, 255, 255, 0.7) !important;
}

.el-select__popper .el-select-dropdown__item .el-icon {
  color: #1890ff !important;
}

/* 确保所有下拉选择器都使用深色主题 */
body .el-select .el-input__wrapper {
  background: linear-gradient(135deg, rgba(24, 144, 255, 0.08) 0%, rgba(24, 144, 255, 0.03) 100%) !important;
  border-color: rgba(24, 144, 255, 0.4) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

body .el-select .el-input__inner {
  color: #fff !important;
}

body .el-popper.el-select__popper {
  background-color: #172F4B !important;
  border-color: rgba(24, 144, 255, 0.4) !important;
}

/* 全局日期选择器弹出面板样式 - 确保所有弹出面板都是深色主题 */
.el-popper.is-dark,
.el-popper[data-popper-placement] {
  background-color: #172F4B !important;
  border: 1px solid rgba(24, 144, 255, 0.4) !important;
}

.el-popper.is-dark .el-picker-panel,
.el-popper[data-popper-placement] .el-picker-panel {
  background-color: #172F4B !important;
  color: #fff !important;
}

/* 日期选择器按钮图标 */
.el-picker__popper .el-date-picker__header button,
.el-picker__popper .el-picker-panel__header button {
  color: rgba(255, 255, 255, 0.7) !important;
  background-color: transparent !important;
}

.el-picker__popper .el-date-picker__header button:hover,
.el-picker__popper .el-picker-panel__header button:hover {
  color: #1890ff !important;
  background-color: rgba(24, 144, 255, 0.1) !important;
}

/* 确保所有日期相关的弹出面板都是深色 */
.el-date-editor.el-input__wrapper {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.el-date-editor .el-input__inner {
  color: #fff !important;
}

.el-date-editor .el-range-separator {
  color: rgba(255, 255, 255, 0.7) !important;
}

.el-date-editor .el-range-input {
  color: #fff !important;
  background-color: transparent !important;
}

/* 更通用的日期选择器弹出面板样式 - 覆盖所有可能的类名 */
.el-popper[class*="picker"],
.el-popper[class*="date"] {
  background-color: #172F4B !important;
  border: 1px solid rgba(24, 144, 255, 0.4) !important;
}

/* 覆盖 Element Plus 默认的白色背景 */
.el-picker-panel,
.el-date-picker__panel,
.el-date-range-picker__panel {
  background-color: #172F4B !important;
  border-color: rgba(24, 144, 255, 0.4) !important;
}

/* 确保表格单元格有正确的背景 */
.el-picker-panel table,
.el-date-picker__panel table,
.el-date-range-picker__panel table {
  background-color: #172F4B !important;
}
.el-date-table   td.in-range .el-date-table-cell
 {
    background-color: rgba(24, 144, 255, 0.1) !important;
}

.el-picker-panel table th,
.el-picker-panel table td,
.el-date-picker__panel table th,
.el-date-picker__panel table td,
.el-date-range-picker__panel table th,
.el-date-range-picker__panel table td {
  background-color: #172F4B !important;
}

/* 覆盖所有可能的弹出层容器 */
body .el-popper[data-popper-placement] {
  background-color: #172F4B !important;
}

body .el-popper[data-popper-placement] .el-picker-panel {
  background-color: #172F4B !important;
  color: #fff !important;
}

