/*
 * 浅色主题 - 变量定义与 light 专用覆盖
 * 公共样式见 theme-style.css
 */

/* ================= 主题标识与背景 ================= */
html[data-theme='light'] {
  color-scheme: light;
}

/* 浅色主题背景图片 */
html[data-theme='light'],
html[data-theme='light'] body {
  background: #ebeef3 url('../white.svg') center center / cover no-repeat fixed !important;
  background-blend-mode: normal !important;
}

/* ================= 变量定义 ================= */
html[data-theme='light'] {
  /* 选中的日期范围颜色 */
  --color-datepicker-inrange-bg-color: rgb(218 229 250) !important;

  /* 品牌色 */
  --app-brand-color: #5f82d6;
  --app-brand-color-hover: #5f82d6;
  --app-brand-color-active: #5f82d6;

  /* 侧边栏 */
  --app-sidebar-width: 236px;
  --app-sidebar-bg-color: #f0f2f6;
  --app-sidebar-active-bg-color: var(--app-brand-color);
  --app-sidebar-hover-bg-color: var(--app-brand-color);
  --app-sidebar-radius: 12px;
  --app-sidebar-border-color: #e4e8f0;

  /* 页面 & 组件背景 */
  --el-bg-color: #f5f7fa;
  --el-bg-color-overlay: #f0f2f6;
  --el-fill-color-blank: #ffffff;
  --el-fill-color: #f0f2f6;
  --el-fill-color-light: #f2f6fc;
  --el-fill-color-lighter: #f8fafc;

  /* 文本颜色 */
  --el-text-color-primary: #1b1b1b;
  --el-text-color-regular: #242424;
  --el-text-color-placeholder: #909399;

  /* 边框 */
  --el-border-color: #dcdfe6;
  --el-border-color-lighter: #ebeef5;
  --el-card-table-border-color: #ffffff;

  /* 表格 */
  --el-table-bg-color: transparent;
  --el-table-tr-bg-color: transparent;
  --el-table-header-bg-color: transparent;
  --el-table-row-hover-bg-color: rgba(39, 98, 245, 0.08);
  --el-table-row-selected-bg-color: rgba(39, 98, 245, 0.14);
  --el-table-row-selected-bar-color: #2762f5;
  --el-table-border-color: #dfe4ec;
  --el-table-text-color: var(--el-text-color-primary);
  --el-table-card-header-text-color: #69738e;

  /* Switch */
  --el-switch-bg-color: #dcdfe6;
  --el-switch-bg-color-hover: #cdd5df;
  --el-switch-bg-color-active: #bfc7d2;
  --el-switch-bg-color-disabled: #ebeef5;
  --el-switch-knob-bg-color: #ffffff;
  --el-switch-knob-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.15);

  /* 默认按钮（重置） */
  --app-btn-default-bg: #ffffff;
  --app-btn-default-text-color: #65708a;
  --app-btn-default-border-color: #dbddea;
  --app-btn-default-hover-bg: #f2f6fc;
  --app-btn-default-hover-text-color: #303133;
  --app-btn-default-hover-border-color: #cdd5df;

  /* 主按钮（查询） */
  --app-btn-primary-bg: #3c75ff;
  --app-btn-primary-text-color: #ffffff;
  --app-btn-primary-hover-bg: var(--app-brand-color-hover);
  --app-btn-primary-hover-border-color: var(--app-brand-color-hover);
  --app-btn-primary-active-bg: var(--app-brand-color-active);
  --app-btn-primary-disabled-bg: #b3c9fa;
  --app-btn-primary-disabled-text: #ffffff;

  /* 暂停按钮 */
  --app-btn-pause-bg: #f5f7fa;
  --app-btn-pause-border-color: #dcdfe6;
  --app-btn-pause-hover-bg: #eef2f6;
  --app-btn-pause-hover-border-color: #cdd5df;
  --app-btn-pause-active-bg: #e2e8ef;
  --app-btn-pause-active-border-color: #c0c9d4;
  --app-btn-pause-disabled-bg: #f5f7fa;
  --app-btn-pause-disabled-border-color: #e4e8f0;

  /* 危险按钮 */
  --app-btn-danger-bg: #fef0f0;
  --app-btn-danger-border-color: #fbc4c4;
  --app-btn-danger-text-color: #f56c6c;
  --app-btn-danger-hover-bg: #fcd7d7;
  --app-btn-danger-hover-border-color: #f9a7a7;
  --app-btn-danger-active-bg: #f69999;
  --app-btn-danger-disabled-bg: #fde2e2;
  --app-btn-danger-disabled-text: #f9a7a7;

  /* Tag */
  --app-tag-bg-default: #f5f7fa;
  --app-tag-border-default: #e4e8f0;
  --app-tag-text-default: #606266;
  --app-tag-success: #5f82d6;
  --app-tag-warning: #e6a23c;
  --app-tag-danger: #f56c6c;
  --app-tag-info: #909399;

  /* 状态色 */
  --status-color-start: #909399;
  --status-color-running: #5f82d6;
  --status-color-pause: #e6a23c;
  --status-color-abandon: #f56c6c;
  --status-color-done: #67c23a;

  /* 表格操作列 */
  --app-table-ops-bg: #f5f5f9;

  /* Dialog */
  --app-dialog-header-start: var(--app-brand-color);
  --app-dialog-header-end: var(--app-brand-color);
  --app-dialog-border-color: var(--app-sidebar-border-color);
}

/* ================= 顶部栏 ================= */
html[data-theme='light'] .header {
  background: transparent !important;
}

html[data-theme='light'] .header h1 {
  color: #7098e7 !important;
}

html[data-theme='light'] .header .logo-svg path {
  fill: #7098e7 !important;
}

/* ================= 侧边栏 ================= */
/* 侧边栏容器，70% 不透明 */
html[data-theme='light'] .sidebar {
  background-color: rgba(240, 242, 246, 0.7) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

html[data-theme='light'] .sidebar .el-menu-item,
html[data-theme='light'] .sidebar .el-sub-menu__title {
  color: var(--el-text-color-regular) !important;
  background-color: rgba(240, 242, 246, 0.7);
}

html[data-theme='light'] .sidebar .el-menu-item:hover,
html[data-theme='light'] .sidebar .el-sub-menu__title:hover {
  background-color: var(--app-sidebar-hover-bg-color) !important;
  color: #fff !important;
}

html[data-theme='light'] .sidebar .el-menu-item.is-active,
html[data-theme='light'] .sidebar .el-menu-item.is-active:hover {
  background-color: var(--app-sidebar-active-bg-color) !important;
  color: #fff !important;
}

html[data-theme='light'] .sidebar .el-sub-menu.is-active > .el-sub-menu__title,
html[data-theme='light'] .sidebar .el-sub-menu:has(.el-menu-item.is-active) > .el-sub-menu__title {
  background-color: rgba(240, 242, 246, 0.7) !important;
  color: var(--el-text-color-regular) !important;
}

/* ================= 卡片 ================= */
html[data-theme='light'] .el-card {
  background-color: #f0f2f6 !important;
}

html[data-theme='light'] .el-card.table-card {
  border: 1px solid var(--el-card-table-border-color) !important;
}

/* 卡片渐变背景：#F0F2F6 -> #FFFFFF */
html[data-theme='light'] .el-card:not(.query-card):not(.table-live-list) {
  background: linear-gradient(135deg, rgba(240, 242, 246, 0.75) 0%, rgba(255, 255, 255, 0.9) 90%) !important;
}

html[data-theme='light'] .el-card:is(.table-live-list) {
  background-color: transparent !important;
}

/* ================= 输入 / 表单 ================= */
/* 表单文本颜色统一为主题主文本色 */
html[data-theme='light'] form,
html[data-theme='light']
  form
  :is(
    label,
    .el-form,
    .el-form-item__label,
    .el-form-item__content,
    .el-radio,
    .el-checkbox,
    .el-select,
    .el-input__inner
  ) {
  color: var(--el-text-color-primary) !important;
}

html[data-theme='light'] form :is(label, .el-form-item__label) {
  height: 32px !important;
  line-height: 32px !important;
}

/* ================= 表格 ================= */
/* 表头颜色 */
html[data-theme='light'] .el-table thead th.el-table__cell {
  color: var(--el-table-card-header-text-color) !important;
}

/* 表格内复选框 */
html[data-theme='light'] .el-table .el-checkbox:not(.is-disabled):hover .el-checkbox__inner {
  border-color: #a4a7c9 !important;
}

html[data-theme='light'] .el-table .el-checkbox.is-checked .el-checkbox__inner,
html[data-theme='light'] .el-table .el-checkbox.is-indeterminate .el-checkbox__inner {
  border-color: #a4a7c9 !important;
}

html[data-theme='light'] .el-table .el-checkbox.is-checked .el-checkbox__inner::after,
html[data-theme='light'] .el-table .el-checkbox.is-indeterminate .el-checkbox__inner::after {
  border-color: #2c437b !important;
}

html[data-theme='light'] .el-table thead .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: #a4a7c9 !important;
}

html[data-theme='light'] .el-checkbox__input.is-indeterminate .el-checkbox__inner::before,
html[data-theme='light'] .el-table thead .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  height: 3px !important;
  width: 12px !important;
  background-color: #2c437b !important;
  top: 10px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border-radius: 2px !important;
}

/* Danger 表格工具栏按钮（base 已抽至 theme-style，此处仅 light 专用 hover） */
html[data-theme='light'] .table-ops .el-button--danger:not(.is-disabled):hover {
  border-color: #f78989 !important;
  color: #f78989 !important;
}

/* 表格 loading 蒙层 */
html[data-theme='light'] .el-table .el-loading-mask {
  background-color: rgba(255, 255, 255, 0.65) !important;
}

/* ================= 下拉项 ================= */
html[data-theme='light'] .el-dropdown-menu__item:hover,
html[data-theme='light'] .el-select-dropdown__item.hover {
  background-color: var(--el-fill-color-light) !important;
}

/* ================= 按钮 ================= */
/* 按钮 - 默认（width 已抽至 theme-style） */
html[data-theme='light']
  .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(
    .el-button--info
  ):not(.is-link):not(.is-text):not(.cancel-btn) {
  background-color: transparent !important;
  color: var(--app-btn-default-text-color) !important;
  border-color: var(--app-btn-default-border-color) !important;
}

html[data-theme='light']
  .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(
    .el-button--info
  ):not(.is-link):not(.is-text):not(.cancel-btn):hover,
html[data-theme='light']
  .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(
    .el-button--info
  ):not(.is-link):not(.is-text):not(.cancel-btn):focus {
  background-color: var(--app-btn-default-hover-bg) !important;
  color: var(--app-btn-default-hover-text-color) !important;
  border-color: var(--app-btn-default-hover-border-color) !important;
}

/* 按钮 - 主（width/bg/color 已抽至 theme-style） */

html[data-theme='light'] .el-button--primary:hover,
html[data-theme='light'] .el-button--primary:focus {
  background-color: var(--app-btn-primary-hover-bg) !important;
  border-color: var(--app-btn-primary-hover-border-color) !important;
}

html[data-theme='light'] .el-button--primary:active {
  background-color: var(--app-btn-primary-active-bg) !important;
  border-color: var(--app-btn-primary-active-bg) !important;
}

html[data-theme='light'] .el-button--primary.is-disabled,
html[data-theme='light'] .el-button--primary.is-disabled:hover,
html[data-theme='light'] .el-button--primary.is-disabled:focus {
  background-color: var(--app-btn-primary-disabled-bg) !important;
  border-color: var(--app-btn-primary-disabled-bg) !important;
  color: var(--app-btn-primary-disabled-text) !important;
}

/* 按钮 - 危险（width/bg 已抽至 theme-style） */
html[data-theme='light'] .el-button--danger:not(.el-button--small) {
  border-color: var(--app-btn-danger-border-color) !important;
  color: var(--app-btn-danger-text-color) !important;
}

html[data-theme='light'] .el-button--danger:not(.el-button--small):hover,
html[data-theme='light'] .el-button--danger:not(.el-button--small):focus {
  background-color: var(--app-btn-danger-hover-bg) !important;
  border-color: var(--app-btn-danger-hover-border-color) !important;
}

html[data-theme='light'] .el-button--danger:not(.el-button--small):active {
  background-color: var(--app-btn-danger-active-bg) !important;
  border-color: var(--app-btn-danger-active-bg) !important;
}

html[data-theme='light'] .el-button--danger.is-disabled:not(.el-button--small),
html[data-theme='light'] .el-button--danger.is-disabled:not(.el-button--small):hover,
html[data-theme='light'] .el-button--danger.is-disabled:not(.el-button--small):focus {
  background-color: var(--app-btn-danger-disabled-bg) !important;
  border-color: var(--app-btn-danger-disabled-bg) !important;
  color: var(--app-btn-danger-disabled-text) !important;
}

/* 小尺寸主按钮：仅文字（width/bg/border 已抽至 theme-style） */
html[data-theme='light'] .el-button--primary.el-button--small {
  color: var(--app-brand-color) !important;
}

html[data-theme='light'] .el-button--primary.el-button--small:hover,
html[data-theme='light'] .el-button--primary.el-button--small:focus,
html[data-theme='light'] .el-button--primary.el-button--small:active {
  color: var(--app-brand-color-hover) !important;
}

html[data-theme='light'] .el-button--primary.el-button--small.is-disabled {
  color: #b3c1d6 !important;
}

/* el-space 按钮（width/height/border-radius/font 已抽至 theme-style） */
html[data-theme='light']
  .el-space
  .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(
    .el-button--info
  ):not(.is-link):not(.is-text):not(.cancel-btn) {
  background-color: #ffffff !important;
  border: 1px solid rgba(219, 221, 234, 1);
  box-shadow: 0px 2px 4px 0px rgba(228, 231, 239, 0.5);
  color: #65708a !important;
}

html[data-theme='light']
  .el-space
  .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(
    .el-button--info
  ):not(.is-link):not(.is-text):not(.cancel-btn):not(.detail-btn):not(.question-btn):not(.flow-btn):hover {
  background-color: transparent !important;
  border-color: #63605f !important;
  color: #9f9f9f !important;
}

/* ================= 标签 Tag ================= */
html[data-theme='light'] .el-tag {
  background: var(--app-tag-bg-default) !important;
  border-color: var(--app-tag-border-default) !important;
  color: var(--app-tag-text-default) !important;
}

html[data-theme='light'] .el-tag.is-hit {
  box-shadow: 0 0 0 1px var(--app-tag-border-default) inset !important;
}

html[data-theme='light'] .el-tag.el-tag--success {
  background: #5f82d6 !important;
  border-color: #e1f3d8 !important;
  color: #fff !important;
}

html[data-theme='light'] .el-tag.el-tag--warning {
  background: #fdf6ec !important;
  border-color: #faecd8 !important;
  color: var(--app-tag-warning) !important;
}

html[data-theme='light'] .el-tag.el-tag--danger {
  background: #fef0f0 !important;
  border-color: #fde2e2 !important;
  color: var(--app-tag-danger) !important;
}

html[data-theme='light'] .el-tag.el-tag--info {
  background: #f4f4f5 !important;
  border-color: #e9e9eb !important;
  color: var(--app-tag-info) !important;
}

html[data-theme='light'] .el-tag.el-tag--primary {
  background: #ecf3ff !important;
  border-color: #d6e5ff !important;
  color: var(--app-brand-color) !important;
}

html[data-theme='light'] .el-tag.is-plain {
  background: #ffffff !important;
}

html[data-theme='light'] .el-tag.is-plain.el-tag--primary {
  color: var(--app-brand-color) !important;
  border-color: var(--app-brand-color) !important;
}

/* ================= Switch ================= */
html[data-theme='light'] .el-switch .el-switch__core,
html[data-theme='light'] .el-switch:not(.is-disabled):hover .el-switch__core,
html[data-theme='light'] .el-switch:not(.is-disabled):active .el-switch__core {
  background-color: #409eff !important;
  border-color: #409eff !important;
}

html[data-theme='light'] .el-switch.is-checked .el-switch__core .el-switch__action {
  background-color: var(--el-switch-knob-bg-color) !important;
  box-shadow: var(--el-switch-knob-shadow) !important;
}

/* Switch 禁用选中态（opacity 已抽至 theme-style） */
html[data-theme='light'] .el-switch.is-disabled.is-checked .el-switch__core {
  background-color: var(--el-switch-bg-color-disabled) !important;
  border-color: var(--el-switch-bg-color-disabled) !important;
}

/* ================= 面包屑 ================= */
html[data-theme='light'] .breadcrumb {
  border-bottom: 1px solid #e0e3ec;
}

html[data-theme='light'] .breadcrumb :is(.el-breadcrumb__item .el-breadcrumb__inner) {
  color: #606266 !important;
}

/* ================= Dialog ================= */
html[data-theme='light'] .el-dialog__body {
  background-image: linear-gradient(#c2c6db, #c2c6db);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 1px;
  background-clip: content-box;
}

html[data-theme='light'] .el-dialog__footer {
  border-top: 1px solid #c2c6db !important;
}

/* ================= 其他 ================= */
html[data-theme='light'] .yyb-select-dialog {
  --app-btn-default-border-color: #dadcea;
  --app-btn-default-text-color: #4e5155;
}

/* ================= 直播素材预警-智能预审统计 ================= */
html[data-theme='light'] .stat-card {
  border: 1px solid var(--el-card-table-border-color) !important;
}

html[data-theme='light'] .chart-section {
  border: 1px solid var(--el-card-table-border-color) !important;
}

html[data-theme='light'] .section-title {
  color: var(--app-brand-color) !important;
}

html[data-theme='light'] .info-item .label {
  color: var(--app-brand-color) !important;
}

html[data-theme='light'] .file-info .file-name {
  color: #909399;
}

html[data-theme='light'] .detail-section .section-title {
  color: var(--el-text-color-primary);
}

html[data-theme='light'] .timeline-content {
  color: #909399;
}

html[data-theme='light'] .violation-header .violation-type,
html[data-theme='light'] .violation-analysis .label,
html[data-theme='light'] .violation-analysis .value,
html[data-theme='light'] .violation-sentence .label {
  color: var(--el-text-color-primary);
}

html[data-theme='light'] .violation-sentence .value {
  background: var(--el-bg-color);
  color: var(--el-text-color-primary);
}

html[data-theme='light'] .audit-type {
  color: var(--el-text-color-primary);
}

html[data-theme='light'] .audit-sentence.highlight {
  background: var(--el-bg-color);
  color: var(--el-text-color-primary);
}

html[data-theme='light'] .no-opinion {
  color: #909399;
}

html[data-theme='light'] .detail-section {
  border-bottom: 1px solid #c2c6db;
}

html[data-theme='light'] .attachment-item {
  border: 1px solid #c2c6db;
}

/* ================= 响应式 ================= */
/* 1440px 以下：整体微缩一档 */
@media (max-width: 1440px) {
  html[data-theme='light'] {
    font-size: 12px !important;
  }

  html[data-theme='light'] .el-button {
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 14px !important;
  }

  html[data-theme='light'] :is(.el-input__wrapper, .el-select__wrapper) {
    height: 30px !important;
    min-height: 30px !important;
  }

  html[data-theme='light'] .el-input__wrapper input {
    height: 30px !important;
    line-height: 30px !important;
  }

  html[data-theme='light']
    :is(
      .el-select-dropdown,
      .el-select-dropdown__item,
      .el-select-dropdown__item span,
      .el-pagination,
      .el-pagination
        :is(.el-pager li, .btn-prev, .btn-next, .el-pagination__jump, .el-pagination__sizes, .el-pagination__total)
    ) {
    font-size: 12px !important;
  }
}

/* 1280px 以下：再降一档，并收窄侧边栏 */
@media (max-width: 1280px) {
  html[data-theme='light'] {
    font-size: 15px !important;
  }

  html[data-theme='light'] .sidebar {
    width: 200px !important;
  }

  html[data-theme='light'] .el-button {
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 12px !important;
  }

  html[data-theme='light'] :is(.el-input__wrapper, .el-select__wrapper) {
    height: 30px !important;
    min-height: 30px !important;
  }

  html[data-theme='light'] .el-input__wrapper input {
    height: 30px !important;
    line-height: 30px !important;
  }

  html[data-theme='light'] .el-table,
  html[data-theme='light'] .el-table :is(th.el-table__cell, td.el-table__cell),
  html[data-theme='light'] .el-table :is(.el-input__inner, .el-select, .el-select__placeholder, .cell),
  html[data-theme='light'] :is(.el-form, .el-form-item, .el-form-item__label, .el-form-item__content) {
    font-size: 14px !important;
  }
}

@media (max-width: 1600px) {
  html[data-theme='light'] .sidebar {
    width: 200px !important;
  }
}

@media (max-width: 1366px) {
  html[data-theme='light'] .sidebar {
    width: 200px !important;
  }
}