/* ============================================================
   科米可 KMIK · PC 后台界面美化皮肤（清新蓝绿 · 科研感）
   路线：覆盖 BuildAdmin / Element Plus 的 CSS 变量与选择器，无源码改动、可回退
   注入：public/index.html 的 BuildAdmin 样式 <link> 之后引用本文件
   优先级：变量用 !important 压过运行期内联注入；具体选择器 !important 兜底
   主色：Emerald/Teal 青绿 #10B981；背景：极浅青灰 #F2F7F5；卡片白底 + 柔阴影
   ============================================================ */

:root {
  /* —— 主色：青绿 Emerald/Teal（含 Element Plus 派生阶，预计算为青绿体系） —— */
  --el-color-primary: #10B981 !important;
  --el-color-primary-rgb: 16,185,129 !important;
  --el-color-primary-light-3: #58CEA7 !important;
  --el-color-primary-light-5: #88DCC0 !important;
  --el-color-primary-light-7: #B7EAD7 !important;
  --el-color-primary-light-8: #CFF1E5 !important;
  --el-color-primary-light-9: #E6F8F2 !important;
  --el-color-primary-dark-2: #0D9488 !important;

  /* —— BuildAdmin 布局变量 —— */
  --ba-bg-color: #F2F7F5 !important;
  --ba-bg-color-overlay: #FFFFFF !important;
  --ba-bg-color-secondary: #F2F7F5 !important;
  --ba-border-color: #E3EDEA !important;
  --ba-boder-color: #E3EDEA !important;
  --ba-color-primary-light: #E6F8F2 !important;
  --ba-main-space: 16px !important;

  /* —— Element Plus 其他主色关联变量 —— */
  --el-menu-active-color: #10B981 !important;
  --el-tabs-active-color: #10B981 !important;
  --el-switch-on-color: #10B981 !important;
  --el-radio-checked-color: #10B981 !important;
  --el-checkbox-checked-color: #10B981 !important;

  /* —— 圆角体系 —— */
  --el-border-radius-base: 10px !important;
  --el-border-radius-small: 8px !important;
  --el-border-radius-round: 999px !important;
}

/* —— 基础字体与背景 —— */
html, body {
  font-family: "Inter","PingFang SC","Microsoft YaHei","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  font-size: 15.5px !important;
  color: #1E2B27 !important;
  background-color: #F2F7F5 !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ============================================================
   字号提升（对齐 WorkBuddy 现代 IDE / 办公产品风）
   正文 16px · 菜单 17px · 卡片标题 19px · 页面大标题 24px · 小字 15px
   Element Plus 组件字号走 --el-font-size-* 变量；body 16px 不会自动传导，故显式覆盖
   ============================================================ */
:root {
  --el-font-size-base: 16px !important;
  --el-font-size-small: 15px !important;
  --el-font-size-medium: 16px !important;
  --el-font-size-large: 17px !important;
  --el-font-size-extra-large: 19px !important;
  --el-menu-item-font-size: 17px !important;
}

/* 侧边菜单：清晰醒目的 17px（菜单 + 子菜单标题 + 分组标题，含 scoped 子 span） */
.el-menu-item, .el-menu-item span,
.el-sub-menu__title, .el-sub-menu__title span,
.el-menu-item-group__title, .el-menu-item-group__title span,
.el-menu .el-menu-item, .el-menu .el-sub-menu__title {
  font-size: 17px !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
}
/* 菜单图标保持 19px 且与文字对齐 */
.el-menu-item .icon, .el-sub-menu__title .icon {
  font-size: 19px !important;
}

/* 主体内容区 / 表格 / 表单 / 描述：正文 16px */
.el-main, .layout-main, .container,
.el-table, .el-table__cell,
.el-form-item__label, .el-form-item__content,
.el-descriptions, .el-descriptions__cell,
.el-card, .el-collapse, .el-collapse-item__content, .el-timeline {
  font-size: 16px !important;
}
.el-table { line-height: 1.75 !important; }
.el-form-item { margin-bottom: 20px !important; }

/* 按钮与输入框：16px，操作手感更舒适 */
.el-button, .el-input__inner, .el-textarea__inner,
.el-select__placeholder, .el-select-dropdown__item,
.el-input-number, .el-radio, .el-checkbox {
  font-size: 16px !important;
}

/* 卡片 / 弹窗 / 抽屉 标题：19px 加粗 */
.el-card__header, .el-card__title, .el-drawer__title,
.el-dialog__title, .ba-card-title, .card-header, .ba-card h3 {
  font-size: 19px !important;
  font-weight: 600 !important;
}

/* 页面一级大标题（工作台 / 列表页主标题）：24px */
.layout-container .container > h1,
.layout-container .container > h2,
.ba-card h2, .welcome-title, .user-news-title {
  font-size: 24px !important;
  font-weight: 700 !important;
}

/* 次级说明文字（面包屑 / 提示 / 错误 / 标签）：15px，保持层级 */
.el-breadcrumb, .el-text--secondary, .el-form-item__error,
.el-tag, .el-tooltip__trigger, .el-description__label {
  font-size: 15px !important;
}

#app { background-color: #F2F7F5 !important; }

/* ============================================================
   登录页（门面，重点美化）
   ============================================================ */
.login {
  background: linear-gradient(135deg, #e7f7f1 0%, #e4f1fb 100%) !important;
}
.login .login-box {
  border-radius: 16px !important;
  box-shadow: 0 12px 40px rgba(13,148,136,.18) !important;
  overflow: hidden !important;
  border: 1px solid #E3EDEA !important;
  margin-bottom: 60px !important;
}
/* 原 head 背景写死 #ccf（浅蓝紫，单调来源），改为青绿渐变 banner */
.login .head {
  background: linear-gradient(135deg, #0EA5E9 0%, #10B981 100%) !important;
  padding: 14px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.login .head img {
  width: 220px !important;
  margin: 14px auto !important;
  filter: brightness(0) invert(1) !important; /* logo 反白，贴合渐变 banner */
}
.login .form { width: 350px !important; padding-top: 28px !important; }
.login .form .el-input__wrapper {
  border-radius: 10px !important;
  box-shadow: 0 0 0 1px #E3EDEA inset !important;
  background: #fff !important;
}
.login .form .el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px #10B981 inset, 0 0 0 3px rgba(16,185,129,.15) !important;
}
.login .form .el-button--primary {
  background: linear-gradient(135deg, #10B981, #0D9488) !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 6px 16px rgba(16,185,129,.28) !important;
  height: 44px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
}
.login .form .el-button--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(16,185,129,.36) !important;
}
.login .form .el-button--primary:active { transform: translateY(0); }

/* ============================================================
   卡片 / 面板
   ============================================================ */
.el-card {
  border-radius: 14px !important;
  border: 1px solid #E3EDEA !important;
  box-shadow: 0 1px 2px rgba(16,185,129,.04), 0 8px 24px rgba(16,40,30,.06) !important;
  transition: box-shadow .2s ease;
}
.el-card:hover {
  box-shadow: 0 4px 10px rgba(16,185,129,.08), 0 14px 34px rgba(16,40,30,.10) !important;
}
.el-card__header {
  border-bottom: 1px solid #EEF4F2 !important;
  color: #1E2B27 !important;
  font-weight: 600 !important;
}

/* ============================================================
   表格
   ============================================================ */
#app .el-table {
  --el-table-border-color: #E3EDEA !important;
  --el-table-header-bg-color: #F2F7F5 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
#app .el-table th.el-table__cell {
  background: #F2F7F5 !important;
  color: #5A6B66 !important;
  font-weight: 600 !important;
}
#app .el-table .el-table__row:hover > td.el-table__cell { background: #E6F8F2 !important; }
#app .el-table td.el-table__cell, #app .el-table th.el-table__cell {
  border-bottom: 1px solid #EEF4F2 !important;
}
#app .el-table__inner-wrapper::before { display: none !important; }

/* ============================================================
   按钮
   ============================================================ */
.el-button {
  border-radius: 10px !important;
  font-weight: 500 !important;
  transition: all .18s ease;
}
.el-button--primary {
  background: linear-gradient(135deg, #10B981, #0D9488) !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(16,185,129,.22) !important;
}
.el-button--primary:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(16,185,129,.30) !important; }
.el-button--primary:active { transform: translateY(0); }
/* 皮肤强制所有 .el-button--primary 为绿色渐变实心底，统一文字白色（含 plain 变体，避免绿字压绿底）；保留 disabled 原样 */
.el-button--primary:not(.is-disabled),
.el-button--primary.is-plain:not(.is-disabled) { color: #fff !important; }
.el-button--default { border-color: #E3EDEA !important; color: #5A6B66 !important; }
.el-button--default:hover { color: #10B981 !important; border-color: #10B981 !important; background: #E6F8F2 !important; }
.el-button--success { background: #10B981 !important; border-color: #10B981 !important; }

/* ============================================================
   输入框 / 文本域
   ============================================================ */
.el-input__wrapper {
  border-radius: 10px !important;
  box-shadow: 0 0 0 1px #E3EDEA inset !important;
  background: #fff !important;
}
.el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px #10B981 inset, 0 0 0 3px rgba(16,185,129,.14) !important;
}
.el-textarea__inner {
  border-radius: 10px !important;
  box-shadow: 0 0 0 1px #E3EDEA inset !important;
}
.el-textarea__inner:focus {
  box-shadow: 0 0 0 1px #10B981 inset, 0 0 0 3px rgba(16,185,129,.14) !important;
}

/* ============================================================
   侧边菜单（保留原背景，仅青绿化选中/悬停，兼容深浅底）
   ============================================================ */
.el-menu-item.is-active {
  color: #10B981 !important;
  background: linear-gradient(90deg, rgba(16,185,129,.14), rgba(16,185,129,.02)) !important;
  border-right: 3px solid #10B981 !important;
  font-weight: 600 !important;
}
.el-sub-menu__title:hover, .el-menu-item:not(.is-active):hover {
  background: #E6F8F2 !important;
  color: #0D9488 !important;
}

/* ============================================================
   顶栏（毛玻璃半透明）
   ============================================================ */
.el-header {
  background: rgba(255,255,255,.82) !important;
  backdrop-filter: saturate(180%) blur(12px);
  -webkit-backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid #E3EDEA !important;
  box-shadow: 0 1px 0 rgba(16,40,30,.03) !important;
}
.layout-logo { background: transparent !important; }

/* ============================================================
   对话框 / 抽屉
   ============================================================ */
.el-dialog {
  border-radius: 16px !important;
  box-shadow: 0 20px 60px rgba(16,40,30,.18) !important;
  overflow: hidden !important;
}
.el-dialog__header {
  background: #F2F7F5 !important;
  margin-right: 0 !important;
  padding: 16px 20px !important;
  border-bottom: 1px solid #EEF4F2 !important;
}
.el-dialog__title { color: #1E2B27 !important; font-weight: 600 !important; }
.el-overlay-dialog .el-dialog { border-radius: 16px !important; }
.el-drawer { border-radius: 16px 0 0 16px !important; }

/* ============================================================
   标签 / 标签页 / 面包屑 / 分页
   ============================================================ */
#app .el-tag, .el-tag { border-radius: 8px !important; }
#app .el-tag--primary, .el-tag--primary { background: #E6F8F2 !important; color: #0D9488 !important; border-color: #B7EAD7 !important; }
#app .el-tabs__item.is-active, .el-tabs__item.is-active { color: #10B981 !important; font-weight: 600 !important; }
#app .el-tabs__active-bar, .el-tabs__active-bar { background: #10B981 !important; }
#app .el-breadcrumb__inner { color: #5A6B66 !important; }
#app .el-breadcrumb__item:last-child .el-breadcrumb__inner { color: #1E2B27 !important; font-weight: 600 !important; }
#app .el-pagination.is-background .el-pager li.is-active { background: #10B981 !important; }

/* ============================================================
   BuildAdmin 顶部标签页（nav-tabs）
   ============================================================ */
#app .nav-tabs .ba-nav-tab { color: #5A6B66 !important; }
#app .nav-tabs .ba-nav-tab.active { color: #0D9488 !important; font-weight: 600 !important; }
#app .nav-tabs .ba-nav-tab.active .close-icon { color: #0D9488 !important; }
#app .nav-tabs-active-box { background: #E6F8F2 !important; border-radius: 10px !important; }

/* ============================================================
   菜单图标 / logo 文字颜色跟随主色
   ============================================================ */
#app .el-menu-item.is-active .icon,
#app .el-menu-item.is-active svg,
#app .el-menu-item.is-active i { color: #10B981 !important; fill: #10B981 !important; }
#app .layout-logo,
#app .layout-logo * { color: #10B981 !important; }

/* ============================================================
   滚动条（细窄圆角青绿）
   ============================================================ */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #cdded8; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #aecdc3; }
::-webkit-scrollbar-track { background: transparent; }

/* ============================================================
   全面 AI 分析（ai/chat）界面
   问题①：会话历史(左) 与 对话(右) 板块不分明 —— 原两侧同为灰底
   问题②：会话历史字号偏小（标题14 / 条目13 / 时间11）
   方案：整体白卡浮起；左栏浅青绿底 + 青绿描边分隔线；右栏纯白；
         会话历史标题/条目/时间字号放大（!important 压 scoped 样式）
   ============================================================ */
/* 整体：白底圆角柔阴影，从页面浮起，作为两块内容的统一容器 */
.ai-full {
  background: #FFFFFF !important;
  border: 1px solid #E3EDEA !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(16,185,129,.04), 0 8px 24px rgba(16,40,30,.06) !important;
  overflow: hidden !important;
}

/* 左侧会话历史：浅青绿底，与右侧纯白形成明显反差，加粗青绿分隔线 */
.ai-full-sidebar {
  width: 268px !important;                 /* 略加宽，撑住放大后的字号与标题 */
  background: #F2F7F5 !important;
  border-right: 1px solid #DCE9E4 !important;
  box-shadow: inset -2px 0 0 rgba(16,185,129,.10) !important;  /* 青绿描边强化分界 */
}
/* 会话历史标题栏：加深一档底色，凸显"板块标题" */
.ai-full-sidebar-header {
  padding: 16px 16px 12px !important;
  background: #EAF4F0 !important;
  border-bottom: 1px solid #DCE9E4 !important;
}
/* “会话历史”标题：放大加粗，青绿主色 */
.ai-full-sidebar-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0D9488 !important;
  letter-spacing: .5px;
}

/* 会话条目列表：间距加大 */
.ai-full-session-list { padding: 12px !important; }
.ai-full-session-item {
  padding: 12px 14px !important;
  margin-bottom: 10px !important;
  border-radius: 10px !important;
  border: 1px solid transparent !important;
}
.ai-full-session-item:hover {
  background: #FFFFFF !important;
  border-color: #E3EDEA !important;
}
.ai-full-session-item.active {
  background: #FFFFFF !important;
  border-color: #10B981 !important;
  box-shadow: 0 2px 8px rgba(16,185,129,.12) !important;
}
/* 会话标题：13 → 16px，加粗 */
.ai-full-session-title { font-size: 16px !important; line-height: 1.55 !important; font-weight: 600 !important; color: #1E2B27 !important; }
/* 会话时间/轮次：11 → 13.5px */
.ai-full-session-meta { font-size: 13.5px !important; margin-top: 6px !important; color: #6B7C77 !important; }

/* 右键菜单字号：13 → 15px */
.ai-full-ctx-item { font-size: 15px !important; }

/* 右侧对话主区：纯白，与左侧浅青绿形成对比 */
.ai-full-main { background: #FFFFFF !important; }
/* 控制栏 / 文档栏保持浅青绿，与白色对话正文区分，形成清晰的内部层次 */
.ai-full-controlbar { background: #F2F7F5 !important; }
.ai-full-doc-bar { background: #F2F7F5 !important; }

/* 发送按钮放大（原 size="small"：盒高仅 24px、padding 5px 11px，文字被挤显得小）
   限定在发送盒内，不影响同处一行的工具栏按钮 */
.ai-full-sendbox .el-button {
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 10px 28px !important;
  min-height: 40px !important;
  border-radius: 10px !important;
  letter-spacing: .5px;
}
/* 工具栏按钮：比原 small 略大，与发送按钮同高一行显示 */
.ai-full-toolbar .el-button {
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 5px 12px !important;
  min-height: 30px !important;
  border-radius: 8px !important;
}
.ai-full-toolbar .ai-full-clear-btn {
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 5px 12px !important;
  min-height: 30px !important;
  border-radius: 8px !important;
}
/* 知识库选择框在工具栏内紧凑显示 */
.ai-full-toolbar .ai-full-kb {
  width: 170px !important;
}
.ai-full-toolbar .ai-full-switch-label {
  font-size: 13.5px !important;
  white-space: nowrap !important;
}
/* 发送区提示文字同步放大（原 12px） */
.ai-full-hint { font-size: 13.5px !important; margin-right: 12px !important; }

/* 消息内"添加到知识库"按钮：改为实心青绿 + 白色文字，与"发送"按钮风格一致，确保文字清晰 */
.ai-msg-actions .el-button.is-link.el-button--primary {
  color: #ffffff !important;
  background-color: #10B981 !important;
  border-color: #10B981 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 4px 10px !important;
  border-radius: 7px !important;
}
.ai-msg-actions .el-button.is-link.el-button--primary:hover:not(.is-disabled) {
  color: #ffffff !important;
  background-color: #0D9488 !important;
  border-color: #0D9488 !important;
}
/* 已保存(禁用)态：浅青底 + 深绿字，保持可读，不与白字冲突 */
.ai-msg-actions .el-button.is-link.el-button--primary.is-disabled {
  color: #0D9488 !important;
  background-color: #E6F8F2 !important;
  border-color: #E6F8F2 !important;
}

/* 隐藏左侧会话历史面板标题栏的"新建会话"按钮 —— 与对话页控制栏的"新建会话"功能重复，仅保留右侧入口 */
.ai-full-sidebar-header .el-button {
  display: none !important;
}

/* 免责声明"内容同AI生成，请核实重要信息"字号放大一号（覆盖 Vue scoped 默认 12px） */
.ai-full-disclaimer {
  font-size: 13px !important;
}