/* Danmi v44 — mobile auth vertical flow + right-side line cleanup */

/* 오른쪽 끝에 남는 세로선/빈 영역을 패널과 인증 칼럼 모두에서 제거 */
.member-panel,
.member-panel-columns,
.member-auth-column,
.member-auth-form,
.member-signup-form,
.signup-form-scroll,
.signup-submit-fixed {
  border-right: 0 !important;
  outline-right: 0 !important;
  box-shadow: none !important;
}

.member-panel::before,
.member-panel::after,
.member-panel-columns::before,
.member-panel-columns::after,
.member-auth-column::before,
.member-auth-column::after,
.member-auth-form::before,
.member-auth-form::after,
.member-signup-form::before,
.member-signup-form::after {
  content: none !important;
  display: none !important;
}

/* 인증 칼럼 오른쪽에 남던 여백/선이 보이지 않도록 실제 폭에 맞게 자름 */
.member-panel {
  overflow: hidden !important;
}

.member-panel-columns,
.member-auth-column {
  overflow-x: hidden !important;
}

.member-auth-column {
  clip-path: inset(0 round 18px) !important;
}

.signup-form-scroll {
  padding-right: 0 !important;
  margin-right: 0 !important;
  scrollbar-gutter: auto !important;
}

/* 모바일 로그인/회원가입: 한 줄씩 세로 배치하고 패널 전체를 스크롤 */
@media (max-width: 860px) {
  .member-overlay {
    align-items: flex-start !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .member-panel {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 8px auto !important;
    overflow: visible !important;
  }

  .member-panel-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
  }

  .member-panel-columns {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-height: 0 !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  /* 로그인/회원가입 영역을 먼저 표시 */
  .member-auth-column {
    order: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    clip-path: inset(0 round 15px) !important;
  }

  /* 즐겨찾기 연동 안내는 아래쪽 */
  .member-linkage-column {
    order: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .member-auth-tabs {
    position: sticky !important;
    top: 66px !important;
    z-index: 15 !important;
  }

  .member-auth-form,
  .member-auth-form.active:not([hidden]),
  .member-auth-form.member-signup-form.active:not([hidden]) {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .signup-form-scroll {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  .signup-submit-fixed {
    position: static !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 12px 0 0 !important;
  }

  /* 입력/퀴즈/약관 카드가 모두 한 줄씩 세로로 흐르도록 강제 */
  .member-auth-form label,
  .member-auth-form input,
  .member-auth-form select,
  .member-auth-form textarea,
  .signup-quiz-card,
  .signup-profile-quiz,
  .signup-consent-box,
  .password-rule-card,
  .member-session-card,
  .favorite-local-tools {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .favorite-local-tools {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .favorite-local-tools > * {
    width: 100% !important;
  }
}

@media (max-width: 480px) {
  .member-panel {
    width: calc(100vw - 10px) !important;
    max-width: calc(100vw - 10px) !important;
    margin: 5px auto !important;
  }

  .member-panel-header {
    padding-inline: 12px !important;
  }

  .member-panel-columns {
    padding: 10px 12px 12px !important;
  }

  .member-auth-column,
  .member-linkage-column {
    padding: 10px !important;
  }

  .member-auth-tabs {
    top: 60px !important;
  }
}