/* =================================================================
 * 战略平台 - 视觉统一（白橙配色）
 *
 * 全平台统一 #F97316 橙色为主色，配白底
 * =================================================================*/

/* ===== 1. 设计 Token ===== */
:root {
  --pf-ink-0: #0F172A;
  --pf-ink-1: #1E293B;
  --pf-ink-2: #334155;
  --pf-ink-3: #475569;
  --pf-ink-4: #64748B;
  --pf-ink-5: #94A3B8;
  --pf-ink-6: #CBD5E1;
  --pf-line: #E2E8F0;
  --pf-line-soft: #F1F5F9;
  --pf-bg: #F8FAFC;
  --pf-bg-soft: #FFFFFF;

  /* 平台主色 = 橙 */
  --pf-primary: #F97316;
  --pf-primary-dark: #EA580C;
  --pf-primary-light: #FB923C;
  --pf-primary-soft: #FFF7ED;
  --pf-primary-soft-2: #FFEDD5;

  --pf-success: #10B981;
  --pf-warning: #F59E0B;
  --pf-danger: #EF4444;

  --pf-radius: 8px;
  --pf-radius-lg: 12px;
  --pf-shadow-sm: 0 1px 2px rgba(15,23,42,0.04), 0 1px 1px rgba(15,23,42,0.03);
  --pf-shadow: 0 4px 12px -2px rgba(15,23,42,0.06), 0 2px 4px -2px rgba(15,23,42,0.04);
  --pf-shadow-lg: 0 12px 28px -10px rgba(15,23,42,0.10), 0 6px 12px -4px rgba(15,23,42,0.04);

  /* === 覆盖 Heng 模块的橙色变量（保持兼容）=== */
  /* Heng 自己用的也是这套橙色，无需改 */

  /* === 覆盖 Guardian 模块的紫色变量 → 橙色（同名变量自动覆盖）=== */
  --primary: #F97316 !important;
  --primary-light: #FB923C !important;
  --primary-dark: #EA580C !important;

  /* === 覆盖 Element Plus 主色 → 橙色（KB admin 用 element plus）=== */
  --el-color-primary: #F97316 !important;
  --el-color-primary-light-1: #FB7C3D !important;
  --el-color-primary-light-2: #FB923C !important;
  --el-color-primary-light-3: #FDA572 !important;
  --el-color-primary-light-4: #FDBA8C !important;
  --el-color-primary-light-5: #FED7AA !important;
  --el-color-primary-light-6: #FEE2C9 !important;
  --el-color-primary-light-7: #FFEDD5 !important;
  --el-color-primary-light-8: #FFF1DD !important;
  --el-color-primary-light-9: #FFF7ED !important;
  --el-color-primary-dark-2: #EA580C !important;
}

/* ===== 2. 字体 + 渲染 ===== */
html, body, button, input, textarea, select {
  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', 'Segoe UI', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
html { font-size: 14px; }
body { line-height: 1.55; color: var(--pf-ink-0); }
code, kbd, samp, pre {
  font-family: ui-monospace, 'JetBrains Mono', SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
}

/* ===== 3. 文字选中 ===== */
::selection { background: rgba(249,115,22,0.20); color: inherit; }
::-moz-selection { background: rgba(249,115,22,0.20); color: inherit; }

/* ===== 4. 滚动条 ===== */
* { scrollbar-width: thin; scrollbar-color: #CBD5E1 transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb {
  background: #CBD5E1; border-radius: 4px;
  border: 2px solid transparent; background-clip: content-box;
}
*::-webkit-scrollbar-thumb:hover { background: #94A3B8; background-clip: content-box; border: 2px solid transparent; }

/* ===== 5. Focus 外圈 ===== */
:focus-visible {
  outline: 2px solid rgba(249,115,22,0.55);
  outline-offset: 1px;
}
button:focus, input:focus, textarea:focus, select:focus, a:focus { outline: none; }
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, a:focus-visible {
  outline: 2px solid rgba(249,115,22,0.55);
  outline-offset: 1px;
}

/* ===== 6. 裸链接颜色 ===== */
a:not([class]) { color: var(--pf-primary); text-decoration: none; }
a:not([class]):hover { text-decoration: underline; text-underline-offset: 3px; }

/* ===== 7. Element Plus 组件层面的橙化覆盖（KB admin 强依赖）===== */
.el-button--primary {
  background: var(--pf-primary) !important;
  border-color: var(--pf-primary) !important;
}
.el-button--primary:hover, .el-button--primary:focus {
  background: var(--pf-primary-dark) !important;
  border-color: var(--pf-primary-dark) !important;
}
.el-button { border-radius: var(--pf-radius) !important; font-weight: 500; }
.el-input__wrapper, .el-textarea__inner, .el-select .el-input__wrapper { border-radius: var(--pf-radius) !important; }
.el-input__wrapper.is-focus { box-shadow: 0 0 0 1px var(--pf-primary) inset !important; }
.el-card { border-radius: var(--pf-radius-lg) !important; box-shadow: var(--pf-shadow-sm) !important; }
.el-dialog { border-radius: var(--pf-radius-lg) !important; }
.el-tag--primary, .el-tag.is-light { background-color: var(--pf-primary-soft) !important; color: var(--pf-primary-dark) !important; border-color: var(--pf-primary-soft-2) !important; }
.el-menu-item.is-active { color: var(--pf-primary-dark) !important; }
.el-menu-item:hover { background-color: var(--pf-primary-soft) !important; }
.el-table th { background: var(--pf-bg) !important; font-weight: 600 !important; color: var(--pf-ink-2) !important; }
.el-message-box { border-radius: var(--pf-radius-lg) !important; }
.el-pagination__pager li.is-active { background: var(--pf-primary) !important; color: #fff !important; }
.el-switch.is-checked .el-switch__core { background-color: var(--pf-primary) !important; border-color: var(--pf-primary) !important; }
.el-checkbox__input.is-checked .el-checkbox__inner { background-color: var(--pf-primary) !important; border-color: var(--pf-primary) !important; }
.el-radio__input.is-checked .el-radio__inner { background-color: var(--pf-primary) !important; border-color: var(--pf-primary) !important; }
.el-progress-bar__inner { background: var(--pf-primary) !important; }

/* ===== 8. KB admin 暗色 sidebar → 白底橙 active ===== */
/* admin App.vue 用了 background-color="#1e293b" 在 el-menu 上，这是 inline 属性，要 !important 覆盖 */
.el-menu--dark, .el-menu[style*="1e293b"], .aside .el-menu {
  background-color: #FFFFFF !important;
  border-right: 1px solid var(--pf-line) !important;
}
.aside, .layout .el-aside { background: #FFFFFF !important; border-right: 1px solid var(--pf-line) !important; }
.aside .logo, .layout .logo {
  background: linear-gradient(135deg, var(--pf-primary), var(--pf-primary-dark)) !important;
  color: #fff !important;
}
.el-menu--dark .el-menu-item, .aside .el-menu .el-menu-item {
  color: var(--pf-ink-3) !important;
  background: transparent !important;
}
.el-menu--dark .el-menu-item.is-active, .aside .el-menu .el-menu-item.is-active {
  color: var(--pf-primary-dark) !important;
  background: var(--pf-primary-soft) !important;
  border-right: 3px solid var(--pf-primary) !important;
}
.el-menu--dark .el-menu-item:hover, .aside .el-menu .el-menu-item:hover {
  background: var(--pf-primary-soft) !important;
  color: var(--pf-primary-dark) !important;
}

/* ===== 9. 通用卡片圆角 ===== */
.card, .panel, .module-card, .stat-card {
  border-radius: var(--pf-radius-lg);
}

/* ===== 10. placeholder ===== */
::-webkit-input-placeholder { color: var(--pf-ink-5); }
::placeholder { color: var(--pf-ink-5); opacity: 1; }