/* ma 영역 전용 스타일 — 클래스는 .ma- 로 시작 */

/* 비밀번호 칸 + 보기 버튼 */
.ma-pw { position: relative; }
.ma-pw .input { padding-right: 52px; }
.ma-pw-eye { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); }

/* 또는(구분선) */
.ma-or { display: flex; align-items: center; gap: 12px; color: var(--ink-3); font-size: var(--fs-sm); }
.ma-or::before, .ma-or::after { content: ""; flex: 1; height: 1px; background: var(--line); }

/* 구글 로그인 버튼 로고 */
.ma-s-google .s-logo { background: var(--surface-2); color: var(--ink); }

/* 작은 링크 줄 */
.ma-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 16px; font-size: var(--fs-sm); color: var(--ink-2); }
.ma-links a { padding: 6px 0; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--line-strong); }
.ma-links a:hover { color: var(--ink); text-decoration-color: var(--ink-2); }

/* 약관 동의 줄 */
.ma-agree { display: flex; align-items: center; gap: 8px; border-bottom: 1px solid var(--line); }
.ma-agree:last-child { border-bottom: 0; }
.ma-agree .check { flex: 1; }
.ma-agree .ma-view { display: inline-flex; align-items: center; gap: 2px; font-size: var(--fs-sm); color: var(--ink-3); padding: 8px 4px; min-height: 44px; }
.ma-agree .ma-view:hover { color: var(--ink); }

/* 마이페이지 프로필 */
.ma-profile { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.ma-avatar { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; background: var(--accent-soft); color: var(--accent-ink); font: 700 22px var(--font-body); flex: 0 0 auto; }
.ma-profile .grow { min-width: 0; }
.ma-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ma-stats a.stat { display: block; transition: border-color var(--t-short) var(--ease); }
.ma-stats a.stat:hover { border-color: var(--line-strong); }
@media (max-width: 520px) { .ma-stats { gap: 8px; } .ma-stats .stat { padding: 12px; } .ma-stats .stat .k { font-size: var(--fs-xs); } .ma-stats .stat .v { font-size: 22px; } }

/* 마이페이지 · 설정 메뉴 목록 */
.ma-menu > a { min-height: 56px; }
.ma-menu > a .ic:first-child { color: var(--ink-2); }
.ma-menu .ma-danger, .ma-menu .ma-danger .ic:first-child { color: var(--danger); }

/* 알림 목록 */
.ma-noti > a, .ma-noti > .li { align-items: flex-start; }
.ma-noti .is-unread { background: var(--surface-3); }
.ma-noti .ma-noti-body { min-width: 0; flex: 1; }
.ma-noti .ma-noti-body p { color: var(--ink-2); font-size: var(--fs-sm); margin-top: 2px; }
.ma-noti .ma-noti-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 6px; font-size: var(--fs-xs); color: var(--ink-3); }
.ma-unread-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); flex: 0 0 auto; margin-top: 8px; }

/* 결제수단 카드 */
.ma-pm { display: flex; align-items: flex-start; gap: 14px; flex-wrap: wrap; }
.ma-pm .grow { min-width: 180px; }
.ma-pm.is-default { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }
.ma-pm-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-left: auto; }

/* 수신 이력 */
.ma-history > li { align-items: flex-start; }

/* 탈퇴 유의사항 목록 */
.ma-bullets { display: grid; gap: 8px; }
.ma-bullets li { display: flex; gap: 8px; align-items: flex-start; color: var(--ink-2); }
.ma-bullets li .ic { margin-top: 3px; color: var(--ink-3); flex: 0 0 auto; width: 16px; height: 16px; }

/* 결과 상자(아이디 찾기 등) */
.ma-result { text-align: center; }
.ma-result .ma-big { font: 700 var(--fs-h4) var(--font-num); margin-top: 8px; word-break: break-all; }
.ma-two { grid-template-columns: 1fr 1fr; }
.field > label.ma-plain { font-weight: 400; color: var(--ink-2); }