/* ═══ style-profil.css — WingZ Game v2 · screens/profil.js. Csak `pf-` előtagú osztályok,
   csak a style.css tokenjeiből. --bad/--bad-dim még nincs a törzs-témában (C · Bajnokság
   vezeti be) — a hivatkozás var(--red) fallbackkal biztonságos addig is. ═══ */

/* Fejléc-kártya */
.pf-head-top { align-items: center; gap: 14px; }
.avatar.pf-avatar-lg { width: 64px; height: 64px; font-size: 24px; }
.pf-name { font-family: var(--display); font-weight: 900; font-size: 24px; line-height: 1.05; text-transform: uppercase; text-wrap: balance; }
.pf-lvl { font-family: var(--display); font-weight: 700; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--ink-3); margin-top: 3px; }
.pf-chips { margin-top: 12px; }
.pf-xp { margin-top: 12px; display: flex; flex-direction: column; gap: 6px; }
.pf-xp-txt { font-variant-numeric: tabular-nums; }
.pf-reward { margin-top: 6px; }

/* Széria + pajzs */
.pf-ss { align-items: stretch; gap: 8px; }
.pf-mini { flex: 1; min-width: 0; text-align: center; }
.pf-mini-t { font-family: var(--display); font-weight: 800; font-size: 16px; }
.pf-mini-sub { margin-top: 4px; line-height: 1.35; }

/* Kategória-bontás */
.pf-catrow { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 2px; border-bottom: 1px solid var(--line); font-size: 14px; }
.pf-catrow:last-child { border-bottom: 0; }
.pf-catval { font-family: var(--display); font-weight: 800; font-size: 15px; font-variant-numeric: tabular-nums; color: var(--green); flex: none; }
.pf-catval.bad { color: var(--bad, var(--red)); }

/* Aktív pontforrások */
.pf-srclist { display: flex; flex-direction: column; gap: 7px; margin-top: 8px; }
.pf-src-row { font-size: 13.5px; line-height: 1.4; color: var(--ink-2); padding-left: 12px; position: relative; }
.pf-src-row::before { content: '·'; position: absolute; left: 0; color: var(--ink-3); font-weight: 800; }

/* Aktivitás-napló */
.pf-actlist { display: flex; flex-direction: column; gap: 2px; max-height: 380px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.pf-actrow { display: flex; align-items: center; gap: 10px; padding: 9px 2px; border-bottom: 1px solid var(--line); }
.pf-actrow:last-child { border-bottom: 0; }
.pf-act-ico { font-size: 18px; width: 24px; text-align: center; flex: none; }
.pf-act-note { font-size: 14px; font-weight: 600; line-height: 1.25; }
.pf-act-time { margin-top: 1px; }
.pf-act-pt { font-family: var(--display); font-weight: 800; font-size: 15px; font-variant-numeric: tabular-nums; color: var(--green); flex: none; }
.pf-act-pt.bad { color: var(--bad, var(--red)); }

/* PIN-csere alsó lap — a .field nem stílusoz type=password mezőt, ezt itt pótoljuk */
.pf-sheet input[type=password] { width: 100%; background: var(--paper); border: 1.5px solid var(--line-2); border-radius: var(--r-sm); padding: 11px 13px; font-size: 15px; outline: none; letter-spacing: 2px; }
.pf-sheet input[type=password]:focus { border-color: var(--red); box-shadow: 0 0 0 3px var(--red-dim); }

@media (prefers-reduced-motion: reduce) {
  .pf-actlist { scroll-behavior: auto; }
}