/* 마이페이지 전용 레이아웃 */

.mypage-container {
  max-width: 960px;
}

/* 카드 스타일 조금 더 다듬기 */
.mypage-card {
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 209, 0.35);
  background: var(--bg-panel);
}

[data-theme='dark'] .mypage-card {
  border-color: rgba(148, 163, 209, 0.4);
  background: var(--bg-panel-soft);
}

.mypage-card-body {
  padding: 24px 24px 20px;
}

@media (min-width: 768px) {
  .mypage-card-body {
    padding: 28px 32px 24px;
  }
}

/* 폼 요소들 간 간격/타이포 살짝 통일 */

.mypage-card .form-label {
  font-weight: 600;
  font-size: 0.95rem;
  margin-bottom: 0.4rem;
}

.mypage-card .form-text {
  font-size: 0.8rem;
}

/* 국가/전공 체크박스 줄 간격 */

#profile-country-group .form-check,
#profile-major-group .form-check {
  font-size: 0.9rem;
}

#profile-major-group .form-check-label {
  line-height: 1.3;
}

/* 상태 메시지 색/여백 */

#profile-status {
  min-height: 1.2em;
}

/* 모바일일 때 카드 양옆 여백 조금 줄이기 */

@media (max-width: 575px) {
  .mypage-container {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
/* ===============================
   마이페이지 다크모드 가독성 개선
   =============================== */

[data-theme='dark'] .mypage-card {
  color: var(--text-main);
}

/* 라벨 */
[data-theme='dark'] .mypage-card .form-label {
  color: var(--text-main);
}

/* 설명 텍스트 */
[data-theme='dark'] .mypage-card .form-text,
[data-theme='dark'] .mypage-card .text-muted {
  color: var(--text-sub);
}

/* 체크박스 라벨 */
[data-theme='dark'] .mypage-card .form-check-label {
  color: var(--text-main);
}

/* 입력 필드 */
[data-theme='dark'] .mypage-card .form-control {
  background-color: #0f172a; /* 기존 패널보다 살짝 밝게 */
  color: var(--text-main);
  border-color: rgba(148, 163, 209, 0.35);
}

[data-theme='dark'] .mypage-card .form-control::placeholder {
  color: rgba(203, 213, 225, 0.55);
}

/* disabled input (이메일) */
[data-theme='dark'] .mypage-card .form-control:disabled {
  background-color: #020617;
  color: rgba(203, 213, 225, 0.7);
}

/* 상태 메시지 */
[data-theme='dark'] #profile-status {
  color: var(--text-sub);
}
[data-theme='dark'] .mypage-container,
[data-theme='dark'] .mypage-container h1,
[data-theme='dark'] .mypage-container .h4 {
  color: var(--text-main);
}

/* 카드 밖/안 모두 적용되는 muted 톤 상향 */
[data-theme='dark'] .mypage-container .text-muted,
[data-theme='dark'] .mypage-container .form-text,
[data-theme='dark'] .mypage-container .small.text-muted {
  color: rgba(226, 232, 240, 0.72) !important; /* 기존보다 확실히 밝게 */
}

/* 구분선(hr)이 다크에서 너무 약/강하면 조절 */
[data-theme='dark'] .mypage-container hr {
  border-color: rgba(148, 163, 209, 0.25);
  opacity: 1;
}