@charset "utf-8";

/* ===================== 공통 프로필 (바텀시트) — Figma 1126:3046 =====================
   4개 변형: ① 커뮤니티(1126:3047) ② 이음마켓(1126:3217) ③ 재능·공간·함께해요(1126:3402) ④ 비공개(1126:3562)
   액센트: 커뮤니티/재능·공간·함께 = teal(#0F766E), 이음마켓 = blue(#2563EB)
   바텀시트 패턴: space-share.css .sa-overlay/.sa-sheet 재사용 */

/* 틴트 백드롭 위 바텀시트 (fixed, 상단 60px 딤 여백) */
.pf-overlay {position:fixed; left:50%; bottom:0; transform:translateX(-50%); z-index:50; width:720px; max-width:100%; height:100%; display:flex; flex-direction:column; justify-content:flex-end; background:rgba(15,23,42,.45);}
.pf-sheet {display:flex; flex-direction:column; max-height:calc(100% - 60px); background:var(--card); border-radius:42px 42px 0 0; box-shadow:0 -11.52px 38.4px rgba(0,0,0,.22); overflow:hidden;}
.pf-grip {display:flex; align-items:center; justify-content:center; padding:21px 0 4px;}
.pf-grip span {width:77px; height:8px; border-radius:8px; background:#CBD5E1;}

.pf-body {flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch;}

/* ===== 헤더 (아바타 + 이름 + 레벨 + 부제목 + 태그 + 닫기) ===== */
.pf-head {position:relative; display:flex; gap:27px; align-items:flex-start; padding:27px 35px 25px; border-bottom:1.92px solid var(--line);}
.pf-av {position:relative; flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:127px; height:127px; border:3.84px solid #CCFBF1; border-radius:50%; color:#fff; font-size:42px; font-weight:800;}
.pf-av.a-teal {background:linear-gradient(135deg, #0D9488, #1E3A5F);}
.pf-av.a-amber {background:linear-gradient(135deg, #D97706, #F59E0B);}
.pf-av.a-violet {background:linear-gradient(135deg, #5B21B6, #7C3AED);}
.pf-av.a-gray {background:#CBD5E1;}
.pf-av-img {width:61px; height:61px;}
/* 인증 배지 (아바타 우하단) */
.pf-av-badge {position:absolute; right:2px; bottom:2px; display:flex; align-items:center; justify-content:center; width:38px; height:38px; border:3.84px solid var(--card); border-radius:19px; background:#0D9488;}
.pf-av-badge img {width:19px; height:19px;}

.pf-hinfo {flex:1; min-width:0; display:flex; flex-direction:column; gap:6px; padding-right:60px; padding-top:4px;}
.pf-nameline {display:flex; flex-wrap:wrap; gap:11px; align-items:center;}
.pf-name {font-size:32px; font-weight:800; color:var(--ink);}
.pf-level {padding:4px 15px; border-radius:38px; background:#EEF2FF; color:#1E3A5F; font-size:21px; font-weight:700; white-space:nowrap;}
.pf-subrow {display:flex; align-items:center; gap:8px; font-size:23px; color:var(--body);}
.pf-subrow.dim {font-size:21px; color:var(--sub);}
.pf-subrow img {flex:0 0 auto; width:23px; height:23px;}
.pf-subrow.dim img {width:21px; height:21px;}
.pf-tags {display:flex; flex-wrap:wrap; gap:8px; padding-top:6px;}
.pf-tag {padding:6px 17px; border:1.92px solid var(--line); border-radius:38px; background:var(--snow); color:var(--body); font-size:19px; font-weight:600; white-space:nowrap;}
/* 비공개 상태 칩 */
.pf-tag.pub {border:0; background:var(--mint); color:var(--teal); font-weight:700;}
.pf-tag.off {color:var(--sub); font-weight:700;}

/* 닫기 × */
.pf-close {position:absolute; top:23px; right:35px; display:flex; align-items:center; justify-content:center; width:58px; height:58px; border:1.92px solid var(--line); border-radius:29px; background:var(--snow);}
.pf-close img {width:25px; height:25px;}

/* ===== 4열 통계 ===== */
.pf-stats {display:grid; grid-template-columns:repeat(4, 1fr); border-bottom:1.92px solid var(--line);}
.pf-scol {display:flex; flex-direction:column; align-items:center; gap:4px; padding:19px 8px;}
.pf-scol + .pf-scol {border-left:1.92px solid var(--line);}
.pf-scol .v {font-size:31px; font-weight:800; color:var(--ink);}
.pf-scol .k {font-size:19px; color:var(--sub);}

/* ===== 섹션 ===== */
.pf-sec {padding:25px 35px 27px; border-bottom:1.92px solid var(--line);}
.pf-sec-h {display:flex; align-items:center; gap:9.6px; margin-bottom:12px;}
.pf-sec-h img {width:23px; height:23px;}
.pf-sec-h b {font-size:21px; font-weight:700; color:var(--sub);}
.pf-intro {font-size:25px; line-height:44px; color:var(--body);}

/* 거래 신뢰도 (이음마켓) */
.pf-trust {display:flex; gap:13px;}
.pf-trust-card {flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; gap:4px; padding:19px 8px; border:1.92px solid var(--line); border-radius:17px; background:var(--snow);}
.pf-trust-card .v {font-size:27px; font-weight:800; color:var(--ink);}
.pf-trust-card .k {font-size:19px; color:var(--sub);}
.pf-score-row {display:flex; align-items:center; justify-content:space-between; margin-top:16px;}
.pf-score-row .l {font-size:21px; font-weight:700; color:var(--body);}
.pf-score-row .v {font-size:23px; font-weight:800; color:var(--teal);}
.pf-score-bar {margin-top:8px; height:9.6px; border-radius:6px; background:var(--line); overflow:hidden;}
.pf-score-bar i {display:block; height:100%; border-radius:6px; background:linear-gradient(90deg, #0F766E, #0D9488);}

/* 재능·전문 분야 칩 (재능 변형) */
.pf-fchips {display:flex; flex-wrap:wrap; gap:9.6px; margin-bottom:13px;}
.pf-fchip {padding:9px 21px; border:1.92px solid #CCFBF1; border-radius:38px; background:var(--mint); color:var(--teal); font-size:21px; font-weight:700;}

/* ===== 최근 게시글 / 내역 리스트 ===== */
.pf-list {display:flex; flex-direction:column; margin-top:6px;}
.pf-row {display:flex; gap:15px; align-items:center; padding:14px 0; border-top:1.92px solid var(--line);}
.pf-row:first-child {border-top:0; padding-top:21px;}
.pf-chip {flex:0 0 auto; padding:4px 13px; border-radius:38px; font-size:19px; font-weight:700;}
.pf-chip.c-teal {background:var(--mint); color:var(--teal);}
.pf-chip.c-green {background:#F0FDF4; color:#16A34A;}
.pf-chip.c-amber {background:#FFFBEB; color:#D97706;}
.pf-chip.c-gray {background:#F3F4F6; color:#374151;}
.pf-row-title {flex:1; min-width:0; font-size:23px; font-weight:600; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pf-row-meta {flex:0 0 auto; font-size:19px; color:var(--sub);}
.pf-row-meta.ing {color:var(--teal); font-weight:700;}

/* ===== 비공개 상태 본문 ===== */
.pf-locked {display:flex; flex-direction:column; align-items:center; text-align:center; padding:54px 46px 38px; border-bottom:1.92px solid var(--line);}
.pf-lock-circle {display:flex; align-items:center; justify-content:center; width:115px; height:115px; margin-bottom:25px; border:3.84px solid var(--line); border-radius:50%; background:var(--snow);}
.pf-lock-circle img {width:54px; height:54px;}
.pf-locked h2 {font-size:29px; font-weight:800; color:var(--ink); margin-bottom:9px;}
.pf-locked p {font-size:23px; line-height:38px; color:var(--sub); margin:0 0 25px;}
.pf-note {display:flex; gap:13px; align-items:flex-start; width:100%; padding:21px 27px; border:1.92px solid var(--line); border-radius:17px; background:var(--snow); text-align:left;}
.pf-note img {flex:0 0 auto; width:25px; height:25px; margin-top:2px;}
.pf-note p {margin:0; font-size:21px; line-height:34px; color:var(--sub);}

/* ===== 하단 액션 (채팅 + 관심 등록 + 신고) ===== */
.pf-actions {padding:25px 27px 31px; background:var(--card);}
.pf-act-row {display:flex; gap:15px; justify-content:center;}
.pf-chat {flex:0 0 236px; display:flex; align-items:center; justify-content:center; gap:9.6px; padding:27px; border:1.92px solid var(--line); border-radius:19px; background:var(--card); color:var(--body); font-size:25px; font-weight:700;}
.pf-chat img {width:27px; height:27px;}
.pf-fav {flex:1; display:flex; align-items:center; justify-content:center; gap:11.5px; padding:26px; border-radius:19px; color:#fff; font-size:27px; font-weight:700;}
.pf-fav img {width:31px; height:31px;}
.pf-fav.acc-teal {background:linear-gradient(137deg, #0F766E, #0D9488);}
.pf-fav.acc-amber {background:linear-gradient(137deg, #D97706, #F59E0B);}
.pf-fav.acc-green {background:linear-gradient(137deg, #16A34A, #22C55E);}
.pf-report {display:flex; align-items:center; justify-content:center; gap:7.68px; width:100%; margin-top:15px; padding:4px; background:none; color:var(--sub); font-size:21px;}
.pf-report img {width:23px; height:23px;}

/* ===== 하단 탭바 (fixed) ===== */
.pf-nav {position:fixed; left:50%; bottom:0; transform:translateX(-50%); z-index:55; width:720px; max-width:100%; display:flex; align-items:center; justify-content:space-between; padding:20px 40px; background:var(--card); border-top:1.85px solid var(--line);}
.pf-nav .tab {display:flex; flex-direction:column; align-items:center; gap:5.8px; color:var(--sub); font-size:19.2px;}
.pf-nav .tab img {width:42px; height:42px;}
.pf-nav .tab.on {color:var(--teal);}
.pf-nav .tab-fab {position:relative; align-self:stretch; width:96px;}
.pf-nav .tab-fab .fab {position:absolute; left:50%; top:0; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; width:96px; height:96px; border-radius:50%; background:linear-gradient(135deg, #0D9488, #1E3A5F); border:5px solid var(--card); box-shadow:0 10px 24px rgba(13,148,136,0.4);}
.pf-nav .tab-fab .fab img {width:48px; height:48px;}

/* 시트가 nav 위까지 깔리도록 body 하단 여백 (nav 높이 ≒ 124px) */
.pf-sheet {padding-bottom:124px;}
.pf-nav {box-shadow:0 -2px 12px rgba(15,23,42,.06);}