/* Reusable auth-only brand override. No account, API or permission changes. */
.login-container,.register-container {
  --auth-brand:#3370ff; --auth-brand-hover:#295cd9; --auth-brand-ink:#245bdb;
  --auth-brand-soft:#eef4ff; --auth-brand-line:#d6e4ff;
  --el-color-primary:#3370ff; --el-color-primary-light-3:#709aff;
  --el-color-primary-light-5:#a3bfff; --el-color-primary-light-7:#d6e4ff;
  --el-color-primary-light-9:#eef4ff; --el-color-primary-dark-2:#295cd9;
}
#app .login-btn,#app .register-btn {
  background:#3370ff!important; border-color:#3370ff!important;
  box-shadow:0 4px 16px rgba(51,112,255,.22);
}
#app .login-btn:hover,#app .register-btn:hover {
  background:#295cd9!important; box-shadow:0 6px 20px rgba(51,112,255,.28);
}
#app .login-bg,#app .register-container {
  background:linear-gradient(135deg,#3370ff,#245bdb)!important;
}
#app .register-container .home-logo .brand-name { color:#fff; }
#app .login-footer a,#app .register-footer a,
#app .login-container .el-link--primary { color:#245bdb; }
#app .login-footer a:hover,#app .register-footer a:hover { color:#295cd9; }
#app .login-form .el-input__wrapper:hover,#app .register-form .el-input__wrapper:hover { box-shadow:0 0 0 1px #d6e4ff; }
#app .login-form .el-input__wrapper:focus-within,#app .register-form .el-input__wrapper:focus-within,
#app .login-form .el-input__wrapper.is-focus,#app .register-form .el-input__wrapper.is-focus { box-shadow:0 0 0 2px #d6e4ff!important; }
#app .login-container .el-checkbox__input.is-checked .el-checkbox__inner { background-color:#3370ff; border-color:#3370ff; }
@media(prefers-reduced-motion:reduce) {
  .login-container::before,.login-container::after,.login-bg::before,.login-bg::after,
  .register-container::before,.register-container::after { animation:none!important; }
}

/* V45: the original portal CSS dimmed the whole illustration to opacity .18. */
#app .login-bg {
  opacity:1!important;
  background:radial-gradient(ellipse at 85% 15%,rgba(214,228,255,.8),transparent 62%),linear-gradient(135deg,#f8fbff,#eaf2ff)!important;
}
#app .login-bg .bg-content { color:#4e5969; }
#app .login-bg .bg-content h2 { color:#245bdb; }
#app .login-bg .bg-content p { color:#4e5969; opacity:1; }
#app .login-bg .bg-content ul li { color:#4e5969; opacity:1; background:rgba(255,255,255,.82); border:0; box-shadow:inset 0 0 0 1px #d6e4ff; }
#app .login-bg .bg-content ul li:hover { background:#fff; }
#app .login-bg::before,#app .login-bg::after { background:rgba(51,112,255,.035); }

/* V46: quieter registration background, consistent with login. */
#app .register-container {
  background:radial-gradient(ellipse at 85% 12%,rgba(214,228,255,.45),transparent 60%),linear-gradient(135deg,#fafcff,#f0f5fc)!important;
}
#app .register-container::before,#app .register-container::after { background:rgba(51,112,255,.025); }
#app .register-container .home-logo .brand-name { color:#1d2f4d; }
#app .register-container .register-card { background:#fff; box-shadow:0 16px 48px rgba(40,70,120,.09); }