/* Profil (Wave 6 · K): ortak üst kart (#/profile + #/user/:id), tamamlama çubuğu, 30 gün istatistiği, sekmeler, hızlı eylemler.
   Yalnız app.css belirteçleri; koyu mod değişkenlerden gelir. */

.pv-wrap{display:flex;flex-direction:column;gap:14px;padding-bottom:24px}
.pv-colA,.pv-colB{display:flex;flex-direction:column;gap:14px;min-width:0}

/* ---- üst kart ---- */
.pv-card{background:var(--card);border:1px solid var(--line2);border-radius:24px;padding:18px 16px 16px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}
.pv-top{display:flex;gap:14px;align-items:center}
.pv-av{position:relative;flex-shrink:0;display:inline-flex}
.pv-av .avatar{border-radius:26px}
.pv-av-ed{position:absolute;right:-4px;bottom:-4px;width:30px;height:30px;border-radius:15px;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;border:2px solid var(--card)}
.pv-id{min-width:0;display:flex;flex-direction:column;gap:6px}
.pv-id h2{font-size:24px;font-weight:800;line-height:1.1;overflow-wrap:anywhere}
.pv-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;font-weight:700;color:var(--muted)}
.pv-meta span{display:inline-flex;align-items:center;gap:4px}
.pv-badges{display:flex;flex-wrap:wrap;gap:6px}
.pv-badges .tag{display:inline-flex;align-items:center;gap:4px}
.pv-bio{margin:0;font-size:14.5px;line-height:1.55;overflow-wrap:anywhere}
.pv-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line2);border-radius:18px;overflow:hidden}
.pv-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 4px;min-height:64px;text-align:center;color:inherit}
.pv-stat+.pv-stat{border-left:1px solid var(--line2)}
.pv-stat .n{font-family:var(--dfont);font-size:20px;font-weight:800;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:3px;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pv-stat .k{font-size:11.5px;font-weight:700;color:var(--muted);line-height:1.2}
a.pv-stat:hover{background:var(--soft)}
.pv-star{color:#E9A91A;display:inline-flex}
.pv-acts{display:flex;gap:8px}
.pv-acts .btn{flex:1;height:44px;min-width:0}
.pv-acts .pv-ico{flex:0 0 44px;padding:0}

/* ---- tamamlama ---- */
.pv-comp{border-radius:20px;padding:14px;background:var(--sea-l);color:var(--sea-t);display:flex;flex-direction:column;gap:8px}
.pv-comp b{font-size:15px}
.pv-pct{font-family:var(--dfont);font-weight:800;font-size:18px}
.pv-comp .progress{height:8px;border-radius:4px;background:color-mix(in srgb,var(--sea-t) 18%,transparent)}
.pv-comp .progress>span{background:var(--sea-t)}
.pv-comp p{margin:0;font-size:13px;font-weight:600;line-height:1.45}
.pv-todo{display:flex;flex-wrap:wrap;gap:6px}
.pv-todo .chip{background:var(--card);height:38px}
.pv-done{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:800;padding:0 6px;opacity:.8}

/* ---- 30 gün istatistiği ---- */
.pv-sec{background:var(--card);border:1px solid var(--line2);border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:10px}
.pv-h{font-family:var(--dfont);font-size:18px;font-weight:800;margin:0}
.pv-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pv-kpi{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:14px;background:var(--soft);text-align:left;min-height:60px;color:var(--ink)}
.pv-kpi .k{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--muted)}
.pv-kpi .n{font-family:var(--dfont);font-size:22px;font-weight:800;letter-spacing:-.02em}
.pv-kpi.on{background:var(--ink);color:var(--bg)}
.pv-kpi.on .k{color:inherit;opacity:.8}
.pv-bars{display:block;width:100%;height:84px;margin-top:6px}
.pv-bars rect{fill:color-mix(in srgb,var(--brand) 55%,var(--card))}
.pv-bars rect.zero{fill:var(--line)}
.pv-bars rect.today{fill:var(--brand-d)}
.pv-axis{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:var(--muted)}
.pv-nost{margin:4px 0 0;font-size:13px;font-weight:600;color:var(--muted);line-height:1.45}
.pv-skel{height:150px;border-radius:14px;background:linear-gradient(90deg,var(--soft) 25%,var(--line2) 50%,var(--soft) 75%);background-size:200% 100%}
@media (prefers-reduced-motion:no-preference){.pv-skel{animation:pvSk 1.2s linear infinite}@keyframes pvSk{from{background-position:200% 0}to{background-position:-200% 0}}}

/* ---- sekmeler ---- */
.pv-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px;position:sticky;top:64px;z-index:6;background:var(--bg)}
.pv-tabs::-webkit-scrollbar{display:none}
.pv-tab{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:20px;border:1px solid var(--line);background:var(--card);font-weight:800;font-size:13.5px;color:var(--ink)}
.pv-tab.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.pv-c{font-size:11.5px;font-weight:800;min-width:20px;height:20px;border-radius:10px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;background:var(--soft);color:var(--muted)}
.pv-tab.on .pv-c{background:color-mix(in srgb,var(--bg) 22%,transparent);color:inherit}
.pv-body{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.pv-sub{display:flex;gap:6px;flex-wrap:wrap}
.pv-sub .chip{height:38px}
.pv-sub .chip b{font-weight:800;opacity:.7;margin-left:2px}

/* ---- ilan kartı + hızlı eylemler ---- */
.pv-item .pf-foot{border-radius:0}
.pv-more{margin-left:auto;display:inline-flex;align-items:center;gap:2px;color:var(--ink);font-weight:800;min-height:36px}
.pv-qas{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px 10px;background:var(--card);border:1px solid var(--line2);border-top:0;border-radius:0 0 18px 18px}
.pv-qas::-webkit-scrollbar{display:none}
.pv-qa{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 12px;border-radius:18px;background:var(--soft);font-size:12.5px;font-weight:800;color:var(--ink);white-space:nowrap}
.pv-qa.hot{background:var(--brand-d);color:#fff}
.pv-qa[disabled]{opacity:.6}
.pv-drafts{display:flex;flex-direction:column;gap:10px}
.pv-draft{display:flex;align-items:center;gap:12px;padding:12px;color:inherit}
.pv-draft .ph{width:56px;height:56px;border-radius:12px;flex-shrink:0;position:relative}
.pv-draft .grow{min-width:0}
.pv-all{align-self:center;padding:8px;color:var(--brand-dd)}
.pv-rows{display:flex;flex-direction:column;gap:8px}
.pv-rowl{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:60px;background:var(--card);border:1px solid var(--line2);border-radius:16px;color:inherit}
.pv-rowl .grow{min-width:0}
.pv-ic{width:40px;height:40px;border-radius:12px;background:var(--soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pv-rsum{display:flex;align-items:center;gap:16px}
.pv-revs{display:flex;flex-direction:column;gap:6px}

@media (max-width:360px){.pv-stat .n{font-size:17px}.pv-id h2{font-size:21px}.pv-kpi .n{font-size:19px}}

/* ---- masaüstü: iki sütun (sol kart/istatistik yapışkan, sağ sekmeler) — genişliği H'nin kabuğu belirler ---- */
@media (min-width:1024px){
  .pv-wrap{display:grid;grid-template-columns:minmax(320px,400px) minmax(0,1fr);gap:24px;align-items:start;padding-top:8px}
  .pv-tabs{margin:0;padding:2px 0;top:var(--dk-top,64px)}
  .pv-card{padding:22px 20px 18px}
  html.dk .pv-body .pf-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
  .pv-grid.grid2{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
}
.pv-acts .btn{white-space:nowrap}
.pv-stat .k,.pv-kpi .k{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pv-kpi{min-width:0}
@media (min-width:1024px){.pv-qas{flex-wrap:wrap;overflow:visible}}