/* 信达远 ERP 专属主题：深蓝 / 浅绿 / 浅蓝 / 红色 */
:root {
  --xdy-navy: #173B63;
  --xdy-navy-hover: #214E7C;
  --xdy-green: #78C9A2;
  --xdy-green-strong: #4EAE82;
  --xdy-blue: #6FB7E9;
  --xdy-blue-soft: #EAF4FB;
  --xdy-green-soft: #E8F7F0;
  --xdy-red: #D92F32;
  --xdy-red-soft: #FDEBEC;
  --xdy-page: #F4F8FC;
  --xdy-border: #D6E3EE;

  --el-color-primary: var(--xdy-navy);
  --el-color-primary-light-3: #5D7896;
  --el-color-primary-light-5: #8B9DB0;
  --el-color-primary-light-7: #B9C5D0;
  --el-color-primary-light-8: #D1D9E1;
  --el-color-primary-light-9: #E8EDF1;
  --el-color-primary-dark-2: #102A47;
  --el-color-success: var(--xdy-green-strong);
  --el-color-info: var(--xdy-blue);
  --el-color-warning: var(--xdy-blue);
  --el-color-danger: var(--xdy-red);
  --el-color-error: var(--xdy-red);
}

html,
body,
#app,
.app-main {
  background: var(--xdy-page);
}

::selection {
  color: #fff;
  background: var(--xdy-navy);
}

.app-header {
  border-bottom-color: var(--xdy-border);
  box-shadow: 0 2px 10px rgba(23, 59, 99, 0.07);
}

.nav-link:hover,
.nav-link.router-link-exact-active,
.workspace-menu-item:hover,
.auth-switch a,
body.dark-mode .workspace-menu-item:hover,
body.dark-mode .el-dropdown-menu__item:hover,
body.dark-mode .el-tabs__item.is-active {
  color: var(--xdy-navy) !important;
}

.nav-link:hover,
.nav-link.router-link-exact-active,
.workspace-menu-title {
  border-bottom-color: var(--xdy-red) !important;
}

.avatar,
.tab-item.active,
.workspace-menu-toggle button.active,
.onboarding-primary,
.mobile-warning-primary,
.el-button--primary {
  color: #fff !important;
  border-color: var(--xdy-navy) !important;
  background: var(--xdy-navy) !important;
}

.avatar {
  background: linear-gradient(135deg, var(--xdy-navy), var(--xdy-blue)) !important;
}

.el-button--primary:hover,
.onboarding-primary:hover,
.mobile-warning-primary:hover,
.mobile-warning-primary:active {
  border-color: var(--xdy-navy-hover) !important;
  background: var(--xdy-navy-hover) !important;
}

.el-button--success {
  border-color: var(--xdy-green-strong) !important;
  background: var(--xdy-green-strong) !important;
}

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

.auth-page {
  background: linear-gradient(135deg, var(--xdy-navy) 0%, #2E6D9F 52%, var(--xdy-blue) 78%, var(--xdy-green) 100%);
}

.auth-card {
  border-top: 4px solid var(--xdy-red);
  box-shadow: 0 18px 48px rgba(23, 59, 99, 0.22);
}

.auth-card h1,
.brand-text {
  background: linear-gradient(135deg, var(--xdy-navy), var(--xdy-blue));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.tab-action-icon:hover {
  color: var(--xdy-navy);
  background: var(--xdy-blue-soft);
}

.tab-action-danger:hover {
  color: var(--xdy-red);
  background: var(--xdy-red-soft);
}

.dashboard-welcome {
  border-color: rgba(111, 183, 233, 0.38);
  box-shadow: inset 0 4px 0 var(--xdy-red), 0 18px 40px rgba(23, 59, 99, 0.18);
}

.kpi-blue,
.kpi-blue .kpi-icon,
.kpi-blue .kpi-value {
  color: var(--xdy-navy);
  border-left-color: var(--xdy-navy);
}

/* 兼容旧 class 名，视觉上改为信达远浅蓝，不再出现橙色。 */
.kpi-orange,
.kpi-orange .kpi-icon,
.kpi-orange .kpi-value {
  color: var(--xdy-blue);
  border-left-color: var(--xdy-blue);
}

.kpi-green,
.kpi-green .kpi-icon,
.kpi-green .kpi-value {
  color: var(--xdy-green-strong);
  border-left-color: var(--xdy-green-strong);
}

.kpi-red,
.kpi-red .kpi-icon,
.kpi-red .kpi-value {
  color: var(--xdy-red);
  border-left-color: var(--xdy-red);
}

.kpi-card:hover {
  border-color: rgba(111, 183, 233, 0.55);
  box-shadow: 0 18px 36px rgba(23, 59, 99, 0.12);
}

.status-tag.open,
.term-with-help:hover .term-help-icon {
  color: var(--xdy-navy);
  border-color: var(--xdy-blue);
  background: var(--xdy-blue-soft);
}

.status-tag.resolved {
  color: #246B50;
  background: var(--xdy-green-soft);
}

.case-item:hover,
.case-content .content-image:hover,
.reply-content .content-image:hover,
.rich-content .content-image:hover,
.case-rich-editor:focus {
  border-color: var(--xdy-blue);
}

.onboarding-highlight {
  border-color: var(--xdy-red);
  box-shadow: 0 0 0 9999px rgba(15, 23, 42, .48), 0 8px 24px rgba(217, 47, 50, .25);
}

.onboarding-count {
  color: var(--xdy-navy);
}

.mobile-warning-secondary {
  color: var(--xdy-navy) !important;
  border-color: var(--xdy-blue) !important;
  background: #fff !important;
}

body.dark-mode .tab-item.active,
body.dark-mode .workspace-menu-toggle button.active,
body.dark-mode .el-radio-button__original-radio:checked + .el-radio-button__inner,
body.dark-mode .el-tabs__active-bar,
body.dark-mode .el-button--primary {
  color: #fff !important;
  border-color: var(--xdy-blue) !important;
  background: var(--xdy-navy) !important;
}