/* 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-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-box { padding: 8px 16px; }
.ma-agree { display: flex; align-items: center; gap: 8px; border-bottom: 1px solid var(--line); }
.ma-agree:last-of-type { border-bottom: 0; }
.ma-agree .check { flex: 1; min-width: 0; }
.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; flex: 0 0 auto; }
.ma-agree .ma-view:hover { color: var(--ink); }
.ma-agree-box .field-err { margin: 0 0 8px; }
.ma-normal { font-weight: 400; }
.ma-desc { display: block; font-weight: 400; margin-top: 2px; }

/* 안내 목록(휴면 안내 등) */
.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-result-title { font-size: var(--fs-lg); }

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

/* 입력칸 + 버튼 한 줄(휴대폰 인증) */
.ma-inline { display: flex; gap: 8px; }
.ma-inline .input { flex: 1; min-width: 0; }
.ma-inline .btn { flex: 0 0 auto; white-space: nowrap; }
.ma-code { letter-spacing: .12em; }

/* 휴면 계정 정보 */
.ma-kv { display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; font-size: var(--fs-sm); }
.ma-kv dt { color: var(--ink-3); }
.ma-kv dd { font-weight: 700; }