/* =========================================
   이음 마이페이지 — Figma node 254:12639
   공통 리셋·헤더·아이콘·GNB 는 tokens.css 사용
========================================= */
.app{background:var(--g50);padding-bottom:calc(96px + env(safe-area-inset-bottom))}

/* ---------- 카드 공통 — 텍스트는 공통 .fs-* (tokens.css) 사용 ---------- */
.card{background:var(--white);padding:20px 16px;margin-bottom:8px}
.card__label{margin-bottom:8px}

/* ---------- 프로필 ---------- */
.card:first-of-type{padding-top:14px;padding-bottom:0}
.profile{display:flex;align-items:center;gap:8px;padding:14px 4px;border-bottom:1px solid var(--g50)}
.profile__pic{width:44px;height:44px;flex:none;border-radius:var(--radius-full)}
.profile__meta{display:flex;flex-direction:column;gap:4px}

/* ---------- 퀵 메뉴 ---------- */
.quick{display:flex;padding:14px 0}
.quick__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--g900)}
.quick__item i{font-size:24px}
.quick__item span{font-size:14px;letter-spacing:-.35px;line-height:20px}

/* ---------- 메뉴 리스트 ---------- */
.menu{display:flex;flex-direction:column}
.menu__row{height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 8px}
.menu__left{display:flex;align-items:center;gap:8px;font-size:16px} /* 메뉴 제목 16px (fs-body-b 15px 오버라이드) */
.menu__right{display:flex;align-items:center;gap:8px}
/* 카운트 배지(.badge-n)는 공통 tokens.css 사용 */

/* ---------- 하단 ---------- */
.foot{display:flex;flex-direction:column;gap:40px;margin-bottom:0}
.foot__links{display:flex;align-items:center;justify-content:space-between}
.foot__links a{font-size:15px;font-weight:500;color:var(--g500);letter-spacing:-.35px}