/* 夔元品牌色：覆盖 WeKnora（TDesign）的主题色板。与门户一致：浅色 #0A6EBD，深色 #4EA1E8。
   选择器比原样式多一层 :root，保证在原主题之后生效。 */
:root:root:root,
:root:root:root[theme-mode=light] {
  --td-brand-color-1: #e8f1fa;
  --td-brand-color-2: #c5ddf3;
  --td-brand-color-3: #3a8bd0;
  --td-brand-color-4: #0a6ebd;
  --td-brand-color-5: #085ea2;
  --td-brand-color-6: #074f88;
  --td-brand-color-7: #06416f;
  --td-brand-color-8: #043356;
  --td-brand-color-9: #03253e;
  --td-brand-color-10: #021827;
  --td-brand-color-disabled: #9cc3e6;
}
:root:root:root[theme-mode=dark] {
  --td-brand-color-1: #1b2b3a;
  --td-brand-color-2: #1d3a55;
  --td-brand-color-3: #6fb4ee;
  --td-brand-color-4: #4ea1e8;
  --td-brand-color-5: #3a8bd0;
  --td-brand-color-6: #2a76b8;
  --td-brand-color-7: #c5ddf3;
  --td-brand-color-8: #d8e8f7;
  --td-brand-color-9: #e8f1fa;
  --td-brand-color-10: #f3f8fd;
  --td-brand-color-disabled: #2a4a66;
}

/* 登录页：Logo 放在蓝色渐变背景上，显示为白色 */
.login-layout .header-logo .logo-image {
  filter: brightness(0) invert(1);
}

/* 登录页：只保留一个登录卡片（Logo + 企业账号登录）。
   员工统一用企业账号（统一身份）登录；知识库本地账号不开放注册，邮箱密码登录不再显示。 */
.login-layout .knowledge-node,
.login-layout .knowledge-lines,
.login-layout .header-logo,
.login-layout .header-links,
.login-layout .showcase-section,
.login-layout .form-welcome,
.login-layout .login-features,
.login-layout .t-form-item__email,
.login-layout .t-form-item__password,
.login-layout .submit-button,
.login-layout .oidc-divider {
  display: none !important;
}
.login-layout,
.login-layout .animated-bg {
  background: #f5f6f8 !important;
}
:root[theme-mode=dark] .login-layout,
:root[theme-mode=dark] .login-layout .animated-bg {
  background: #121417 !important;
}
.login-layout {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh;
}
.login-layout .form-section {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 16px !important;
  display: flex !important;
  justify-content: center !important;
}
.login-layout .form-panel,
.login-layout .form-card {
  width: 400px !important;
  max-width: calc(100vw - 32px) !important;
  height: auto !important;
  min-height: 0 !important;
}
.login-layout .form-card {
  box-shadow: 0 1px 2px rgba(31, 35, 41, .06), 0 4px 16px rgba(31, 35, 41, .06) !important;
}
.login-layout .form-header::before {
  content: "";
  display: block;
  height: 44px;
  margin: 0 auto 20px;
  background: url(/assets/weknora-BoLwP3xK.png) center / contain no-repeat;
}
.login-layout .oidc-button {
  background: var(--td-brand-color) !important;
  border-color: var(--td-brand-color) !important;
  color: #fff !important;
}
.login-layout .oidc-button:hover {
  background: var(--td-brand-color-hover) !important;
  border-color: var(--td-brand-color-hover) !important;
}