/* Danmi v41 — visible signup action + solid member modal */

/* 회원 로그인/회원가입 창 안의 모든 그라데이션 제거 */
.member-overlay,
.member-overlay *,
.member-panel,
.member-panel::before,
.member-panel::after,
.member-panel-columns,
.member-linkage-column,
.member-auth-column,
.member-benefit-card,
.member-sync-preview,
.member-server-status,
.member-auth-tabs,
.member-auth-tab,
.member-auth-form,
.member-session-card,
.signup-quiz-card,
.signup-profile-quiz,
.signup-consent-box,
.password-rule-card,
.favorite-local-tools > *,
.member-auth-form input,
.member-auth-form button {
  background-image: none !important;
}

/* 라이트 모드: 단색 배경 */
.member-panel {
  background: #fffafc !important;
}

.member-linkage-column {
  background: #fff4f8 !important;
}

.member-auth-column {
  background: #ffffff !important;
}

.member-benefit-card,
.member-sync-preview,
.member-server-status,
.member-session-card,
.signup-quiz-card,
.signup-profile-quiz,
.signup-consent-box,
.password-rule-card {
  background: #fff8fb !important;
}

.member-auth-tabs {
  background: #f2edf7 !important;
}

.member-auth-tab {
  background: transparent !important;
}

.member-auth-tab.active {
  background: #ffffff !important;
}

.member-auth-form input {
  background: #ffffff !important;
}

.member-auth-form .primary-button,
.member-auth-form .secondary-button,
.member-auth-form .password-toggle-button,
.member-auth-form .inline-policy-button {
  background-image: none !important;
}

/* 회원가입 폼: 입력 영역만 스크롤하고 가입 버튼은 항상 하단에 표시 */
.member-auth-column {
  overflow: hidden !important;
}

.member-auth-form.member-signup-form.active:not([hidden]) {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  overflow: hidden !important;
}

.signup-form-scroll {
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  padding: 1px 5px 14px 1px !important;
}

.signup-submit-fixed {
  flex: 0 0 auto !important;
  position: relative !important;
  z-index: 4 !important;
  margin-top: 10px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(115, 78, 135, .18) !important;
  background: #ffffff !important;
}

.signup-preview-submit {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 46px !important;
  height: 46px !important;
  margin: 0 !important;
  border-radius: 14px !important;
}

.signup-preview-submit:disabled {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: .62 !important;
  cursor: not-allowed !important;
}

.signup-submit-fixed .signup-submit-message {
  min-height: 20px !important;
  margin: 6px 0 0 !important;
}

/* 다크 모드도 단색으로 통일 */
html[data-theme="dark"] .member-panel,
body.dark-mode .member-panel {
  background: #171321 !important;
}

html[data-theme="dark"] .member-linkage-column,
body.dark-mode .member-linkage-column {
  background: #201a2b !important;
}

html[data-theme="dark"] .member-auth-column,
body.dark-mode .member-auth-column {
  background: #1b1625 !important;
}

html[data-theme="dark"] .member-benefit-card,
html[data-theme="dark"] .member-sync-preview,
html[data-theme="dark"] .member-server-status,
html[data-theme="dark"] .member-session-card,
html[data-theme="dark"] .signup-quiz-card,
html[data-theme="dark"] .signup-profile-quiz,
html[data-theme="dark"] .signup-consent-box,
html[data-theme="dark"] .password-rule-card,
body.dark-mode .member-benefit-card,
body.dark-mode .member-sync-preview,
body.dark-mode .member-server-status,
body.dark-mode .member-session-card,
body.dark-mode .signup-quiz-card,
body.dark-mode .signup-profile-quiz,
body.dark-mode .signup-consent-box,
body.dark-mode .password-rule-card {
  background: #241d31 !important;
}

html[data-theme="dark"] .member-auth-tabs,
body.dark-mode .member-auth-tabs {
  background: #2b2338 !important;
}

html[data-theme="dark"] .member-auth-tab.active,
body.dark-mode .member-auth-tab.active {
  background: #3a2d49 !important;
}

html[data-theme="dark"] .member-auth-form input,
body.dark-mode .member-auth-form input {
  background: #17131f !important;
}

html[data-theme="dark"] .signup-submit-fixed,
body.dark-mode .signup-submit-fixed {
  background: #1b1625 !important;
  border-top-color: rgba(225, 199, 255, .16) !important;
}

/* 모바일에서는 회원가입 폼 전체가 자연스럽게 이어지되 버튼은 선명하게 유지 */
@media (max-width: 860px) {
  .member-auth-column {
    overflow: visible !important;
  }

  .member-auth-form.member-signup-form.active:not([hidden]) {
    display: block !important;
    overflow: visible !important;
  }

  .signup-form-scroll {
    overflow: visible !important;
    padding-right: 0 !important;
  }

  .signup-submit-fixed {
    position: sticky !important;
    bottom: 0 !important;
    padding-bottom: max(6px, env(safe-area-inset-bottom)) !important;
  }
}