/*
LM_CUSTOMER_LIGHT_VISUAL_RECOVERY_V1_0_1
고객 로그인 화면의 어두운 반투명 덮개와 네이비 브랜드 패널을
밝은 SaaS 스타일로 보정한다. 로그인·인증 기능은 변경하지 않는다.
*/

html {
  color-scheme: light;
}

#lm-commercial-login-overlay {
  background:
    radial-gradient(circle at 16% 12%, rgba(70, 139, 255, .17), transparent 34%),
    radial-gradient(circle at 86% 82%, rgba(57, 190, 142, .13), transparent 33%),
    rgba(239, 245, 252, .95) !important;
  backdrop-filter: blur(9px) !important;
}

.lm-commercial-login-card,
.lm-v18-login-card {
  border-color: rgba(36, 89, 160, .14) !important;
  background: #ffffff !important;
  color: #17233b !important;
  box-shadow: 0 28px 80px rgba(35, 76, 137, .18) !important;
}

.lm-v18-brand-panel {
  color: #17365f !important;
  background:
    radial-gradient(circle at 14% 14%, rgba(66, 146, 255, .24), transparent 34%),
    radial-gradient(circle at 88% 86%, rgba(76, 198, 153, .16), transparent 34%),
    linear-gradient(145deg, #f8fbff 0%, #eaf3ff 56%, #eef8f5 100%) !important;
}

.lm-v18-brand-panel::after {
  border-color: rgba(18, 104, 232, .10) !important;
  box-shadow:
    0 0 0 42px rgba(18, 104, 232, .035),
    0 0 0 92px rgba(18, 104, 232, .025) !important;
}

.lm-v18-brand-lockup img {
  background: #ffffff !important;
  box-shadow: 0 12px 30px rgba(41, 84, 143, .14) !important;
}

.lm-v18-wordmark b,
.lm-v18-brand-panel h2 {
  color: #123f80 !important;
}

.lm-v18-wordmark span,
.lm-v18-brand-panel > p {
  color: #5f7390 !important;
}

.lm-v18-feature-list li {
  color: #2f4665 !important;
}

.lm-v18-feature-list li::before {
  color: #ffffff !important;
  background: linear-gradient(135deg, #1268e8, #2488ff) !important;
}

.lm-v18-form-panel,
.lm-commercial-login-head,
.lm-commercial-login-body {
  background: #ffffff !important;
}

.lm-commercial-login-head {
  border-bottom: 1px solid #e7edf6 !important;
}

.lm-commercial-login-title,
.lm-v18-form-panel h1,
.lm-v18-form-panel h2,
.lm-v18-form-panel h3 {
  color: #17233b !important;
}

.lm-commercial-login-subtitle,
.lm-commercial-field label {
  color: #667085 !important;
}

.lm-commercial-field input,
.lm-v18-form-panel input[type="text"],
.lm-v18-form-panel input[type="email"],
.lm-v18-form-panel input[type="password"] {
  border-color: #d9e3f0 !important;
  background: #fbfdff !important;
  color: #17233b !important;
}

html[data-theme="dark"] #lm-commercial-login-overlay,
html[data-theme="dark"] .lm-commercial-login-card,
html[data-theme="dark"] .lm-v18-login-card,
html[data-theme="dark"] .lm-v18-brand-panel,
html[data-theme="dark"] .lm-v18-form-panel {
  color-scheme: light !important;
}

@media (max-width: 760px) {
  #lm-commercial-login-overlay {
    padding: 12px !important;
  }

  .lm-v18-brand-panel {
    padding: 24px 22px !important;
  }

  .lm-v18-form-panel {
    padding: 28px 24px !important;
  }
}