/* ==========================================================================
   overlays — 프로필 드롭다운
   지갑 모달은 css/wallet.css 가 맡는다 (#walletModal 안으로 스코프됨).
   수치 근거: ../05-컴포넌트/헤더-프로필-푸터.md §2
   ========================================================================== */

/* 진행 막대 — 계정 완성도에 쓴다 */
.bar{ height:8px; border-radius:var(--r-full); background:var(--bg); overflow:hidden; }
.bar i{ display:block; height:100%; border-radius:var(--r-full); background:var(--cta); }

/* ---- 프로필 드롭다운 --------------------------------------------------- */
.profile-wrap{ position:relative; }
.pmenu{
  position:absolute; right:0; top:calc(100% + 8px); z-index:60;
  width:236px;
  padding:8px;
  background:var(--surface-1);
  border:1px solid var(--line);
  border-radius:var(--r);
  display:none;
}
.profile-wrap.is-open .pmenu{ display:block; }

/* 메뉴보다 계정 완성 유도가 먼저 온다 (§2.1) */
.pmenu__kyc{
  padding:12px;
  margin-bottom:8px;
  display:grid; gap:8px;
  background:var(--bg);
  border-radius:var(--r);
}
.pmenu__kyc b{ font-size:var(--fs-sm); font-weight:700; }
.pmenu__kyc a{
  font-size:var(--fs-sm); font-weight:700; color:var(--cta);
  transition:opacity var(--t-color);
}
.pmenu__kyc a:hover{ opacity:.8; }

/* 소제목 없이 구분선으로만 나눈다 (§2.2) */
.pmenu__group{ display:grid; gap:2px; padding:6px 0; }
.pmenu__group + .pmenu__group{ border-top:1px solid var(--line); }
.pmenu__item{
  height:36px; padding:0 10px;
  display:flex; align-items:center; gap:10px;
  border-radius:var(--r-sm);
  font-size:var(--fs-sm); font-weight:500; color:var(--text-3);
  transition:background var(--t-bg), color var(--t-color);
}
.pmenu__item:hover{ background:var(--surface-2); color:var(--text); }
.pmenu__item svg{ width:20px; height:20px; color:var(--text-5); flex:none; }
.pmenu__item .badge-count{ margin-left:auto; }

/* 안 읽은 쪽지 수 (기획 2026-09-18). 줄 끝에 붙어 한눈에 잡힌다 */
.pmenu__badge{
  margin-left:auto; min-width:18px; height:18px; padding:0 5px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:9px; background:var(--danger,#e5484d); color:#fff;
  font-size:11px; font-weight:700; line-height:1;
}

/* ---- 모바일 ------------------------------------------------------------
   드롭다운이 아래에서 올라오는 시트로 바뀐다.
   ------------------------------------------------------------------------ */
@media (max-width:1024px){

  /* 프로필 메뉴는 아래에서 올라오는 시트가 된다 */
  .pmenu{
    position:fixed; right:0; left:0; top:auto; bottom:var(--tabbar-h);
    width:auto;
    border-radius:var(--r) var(--r) 0 0;
    border-left:0; border-right:0; border-bottom:0;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  }
  .pmenu__item{ height:44px; font-size:var(--fs-base); }
}