/* ══════════════════════════════════════════════════════════════════
   v5.41 — KULLANICI ADI KARTI (Profil > Hesap)
   Ad artık pf_change_username RPC'siyle değişir; kart mevcut adı,
   canlı kural denetimini ve 24 saat notunu gösterir.
   45-olcek.css'ten SONRA yüklenir (aynı html#pp#pp öneki).
   ══════════════════════════════════════════════════════════════════ */
html#pp#pp body .pfn-card{
  display:flex; flex-direction:column; gap:.6rem;
  padding:.8rem; border-radius:12px;
  background:var(--surf2); border:1px solid var(--bdr2);
}
html#pp#pp body .pfn-now{ display:flex; align-items:center; gap:.65rem; min-width:0; }
html#pp#pp body .pfn-av{
  flex:0 0 auto; width:38px; height:38px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(var(--accent-rgb),.18); color:var(--accent-text);
  border:1px solid rgba(var(--accent-rgb),.45);
  font:700 .95rem var(--font-display, sans-serif); letter-spacing:.02em;
}
html#pp#pp body .pfn-cur{
  color:var(--txt); font:700 1rem var(--font-display, sans-serif);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
html#pp#pp body .pfn-sub{ color:var(--muted); font-size:.72rem; margin-top:1px; }
html#pp#pp body .pfn-row{ display:flex; gap:.5rem; }
html#pp#pp body .pfn-row .pc-input{ flex:1 1 auto; min-width:0; }
html#pp#pp body .pfn-row .pc-save-name{ flex:0 0 auto; }
html#pp#pp body .pfn-row .pc-save-name:disabled{ opacity:.45; cursor:not-allowed; filter:saturate(.4); }
html#pp#pp body .pfn-card.ok .pc-input{ border-color:#3fb37f !important; }
html#pp#pp body .pfn-card.bad .pc-input{ border-color:#e05555 !important; }
html#pp#pp body .pfn-meta{
  display:flex; justify-content:space-between; gap:.5rem;
  font-size:.72rem; color:var(--muted); line-height:1.35;
}
html#pp#pp body .pfn-card.ok .pfn-hint{ color:#3fb37f; }
html#pp#pp body .pfn-card.bad .pfn-hint{ color:#e05555; }
html#pp#pp body .pfn-count{ flex:0 0 auto; font-family:var(--font-mono, monospace); }
html#pp#pp body .pfn-note{
  font-size:.72rem; line-height:1.4; color:var(--muted);
  padding:.5rem .6rem; border-radius:8px;
  background:rgba(var(--accent-rgb),.07); border:1px dashed rgba(var(--accent-rgb),.3);
}

/* ── v5.42: ilk girişte ad seçme penceresi (name-pick.js) ── */
#pfn-pick{
  position:fixed; inset:0; z-index:100500;
  display:flex; align-items:center; justify-content:center; padding:16px;
  background:rgba(var(--bg-rgb),.72); backdrop-filter:blur(4px);
}
html#pp#pp body .pfn-pick-box{
  width:100%; max-width:400px; box-sizing:border-box;
  display:flex; flex-direction:column; gap:.75rem;
  padding:1.1rem; border-radius:14px;
  background:var(--surf); border:1px solid var(--bdr2);
  box-shadow:0 18px 50px rgba(0,0,0,.35);
}
html#pp#pp body .pfn-pick-h{ color:var(--txt); font:700 1.1rem var(--font-display, sans-serif); }
html#pp#pp body .pfn-pick-p{ color:var(--muted); font-size:.8rem; line-height:1.45; }
html#pp#pp body .pfn-pick-act{ display:flex; gap:.5rem; justify-content:flex-end; flex-wrap:wrap; }
html#pp#pp body .pfn-pick-keep{
  background:none; border:1px solid var(--bdr2); color:var(--txt);
  border-radius:8px; padding:.45rem .8rem; font-size:.78rem; cursor:pointer;
  max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
html#pp#pp body .pfn-pick-keep:hover{ border-color:var(--accent); }
html#pp#pp body .pfn-pick-act .pc-save-name:disabled{ opacity:.45; cursor:not-allowed; }
html#pp#pp body .pfn-pick-act > button{ flex:1 1 160px; }