/* 짜임새 계정 화면 — site-v2.css 의 토큰·.field·.button·.contact-card 를 그대로 쓰고 배치만 더한다 */
.account-main{padding:clamp(56px,8vw,96px) 0 96px;background:var(--forest-1000);color-scheme:light}   /* 사이트는 2026-09-07 밝은 바탕인데 :root 의 color-scheme:dark 가 남아 체크칸이 검게 그려졌다 */
.account-wrap{max-width:560px}
.account-view h1{margin:0 0 28px;font-size:clamp(2rem,4vw,2.75rem);line-height:1.15;letter-spacing:-.04em}
.account-view h2{margin:0 0 14px;font-size:1.125rem}
.account-card{display:flex;flex-direction:column}
.account-card .field-error:empty{display:none}
.account-card .field-error.is-ok{color:var(--text-100)}
.account-card .form-status:empty{display:none}
.account-submit{width:100%;margin-top:6px}
.account-check{display:flex;align-items:center;gap:10px;min-height:44px;margin:0 0 10px;font-size:.9375rem;cursor:pointer}
.account-check input{width:20px;height:20px;accent-color:var(--teal-ink,var(--accent))}
.account-services{margin:0 0 14px;padding:0;border:0}
.account-services legend{margin:0 0 6px;font-size:.8125rem;font-weight:700}
.account-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:20px 0 0}
.account-links a{color:var(--text-300)}
.account-links a:hover{color:var(--accent-hover)}
.account-loading{color:var(--text-300)}
.account-who{margin:-16px 0 32px;color:var(--text-300)}
.account-block{margin:0 0 40px}
.account-services-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.account-services-list li{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-height:64px;padding:10px 0;border-bottom:1px solid var(--line)}
.account-services-list strong{flex:1 1 auto}
.account-badge{padding:3px 10px;border:1px solid var(--line-strong);border-radius:999px;color:var(--text-300);font-size:.8125rem;white-space:nowrap}
.account-badge.is-approved{border-color:var(--teal-ink,var(--accent));color:var(--text-100)}
.account-view h1:focus{outline:none}
.account-request-summary{margin:0 0 14px;color:var(--text-300);font-size:.875rem}
.account-requests{display:flex;flex-direction:column;gap:14px}
.account-request{padding:20px;border:1px solid var(--line-strong);border-radius:var(--radius-surface);background:var(--forest-950)}
.account-request.is-rejected,.account-request.is-revoked{opacity:.72}
.account-request-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 14px}
.account-request-head span:last-child{flex-basis:100%;color:var(--text-300);font-size:.875rem;overflow-wrap:anywhere}
.account-request-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0 12px}
.account-request-fields .field{display:block}
.account-request-fields select{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--forest-1000);color:var(--text-100)}
.account-field-label{display:block;margin:0 0 7px;font-size:.8125rem;font-weight:700}
.account-request-acts{display:flex;gap:10px}
.account-empty{color:var(--text-300)}
@media (max-width:640px){.account-request-acts .button{flex:1}}
.account-badge.is-unverified{border-style:dashed}
.account-withdraw summary{cursor:pointer;color:var(--text-300);font-size:.9375rem}
.account-withdraw[open] summary{margin-bottom:14px}
