/* FeloHome Profil oldal — a design.css + felohome.css rendszerére épül (Szabálykönyv 2.0). */
.hidden { display: none !important; }
body.profil-oldal { background: var(--navy); }

.profil-fejlec { position: absolute; inset: 0 0 auto; margin: 0; background: transparent; border: 0; }
.profil-fejlec::after { display: none; }
.profil-fejlec-gombok { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }

.profil-hatter {
  min-height: 100vh; min-height: 100dvh; padding: 120px 0 64px;
  background:
    radial-gradient(ellipse 55% 50% at 15% 10%, #1b3cff2a, transparent 62%),
    radial-gradient(ellipse 40% 40% at 90% 5%, #8358ff26, transparent 60%),
    linear-gradient(180deg, #000e1b 0%, #01142a 100%);
}
.profil-cim h1 { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 10px; }
.profil-cim .lead { color: #c0d1e2; max-width: 60ch; margin-bottom: 26px; }

.profil-fulek { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 22px; padding: 6px; border: 1px solid #1b3149; border-radius: 16px; background: #041426; }
.profil-fulek a { padding: 10px 16px; border-radius: 11px; color: #b9c9da; font-size: .9rem; font-weight: 600; }
.profil-fulek a:hover { color: #fff; background: #0c2640; }
.profil-fulek a.aktiv { color: #fff; background: var(--gradient); }

.profil-zar, .profil-uzenet { display: flex; gap: 12px; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 18px; padding: 14px 18px; border-radius: 14px; font-size: .9375rem; }
.profil-zar { color: #ffe3a8; background: #3a2a0055; border: 1px solid #8a650066; }
.profil-zar a { color: #ffd166; font-weight: 700; }
.profil-uzenet { color: #d8f7e6; background: #0d3b2655; border: 1px solid #1f7a5066; }
.profil-uzenet.hiba { color: #ffd7dd; background: #4a0d1a55; border-color: #a3293f66; }

.profil-lap { display: flex; flex-direction: column; gap: 18px; }
.profil-racs { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
@media (max-width: 800px) { .profil-racs { grid-template-columns: 1fr; } }

.kartya { color: var(--ink); color-scheme: light; background: #fff; border: 1px solid #e0e9f5; border-radius: 20px; padding: 26px; box-shadow: 0 24px 60px #00081a55; --muted: #53647a; }
.kartya h2 { font-size: 1.35rem; letter-spacing: -.03em; margin: 0 0 8px; color: var(--ink); }
.kartya h3 { font-size: 1rem; margin: 18px 0 8px; }
.kartya p { color: #46596e; margin: 0 0 10px; line-height: 1.65; }
.halvany { color: #6f8298 !important; font-size: .9rem; }
.kartya.veszely { border-color: #f3c5cd; }
.veszely-gomb { color: #b3263f !important; border-color: #f3c5cd !important; }

.cimke { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; font-size: .78rem; font-weight: 700; color: #0a5fc4; background: #eaf3ff; border: 1px solid #cfe2ff; }
.cimke.lila { color: #6b3fe0; background: #f1ebff; border-color: #dcd0ff; }
.cimke.szurke { color: #53647a; background: #f2f5f9; border-color: #e1e8f0; }

.lista { display: flex; flex-direction: column; }
.lista-sor { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 11px 0; border-bottom: 1px solid #edf2f8; }
.lista-sor:last-child { border-bottom: 0; }
.lista-sor .nev { font-weight: 600; }
.lista-sor .jobb { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }

.urlap { display: flex; flex-direction: column; gap: 14px; margin-top: 12px; }
.urlap-sor { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 620px) { .urlap-sor { grid-template-columns: 1fr; } }
.kartya .field select { width: 100%; min-height: 48px; color: var(--ink); background: #f8fafd; border: 1px solid #dce5f0; border-radius: 12px; padding: 12px 14px; font-size: 1rem; }
.kartya .field textarea { min-height: 140px; }
.urlap-gombok { display: flex; gap: 10px; flex-wrap: wrap; }
.btn-kicsi { padding: 8px 14px; font-size: .8rem; }

.bejegyzes { position: relative; }
.bejegyzes .fej { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; align-items: baseline; margin-bottom: 8px; }
.bejegyzes .datum { color: #6f8298; font-size: .85rem; font-weight: 600; }
.bejegyzes .szoveg { white-space: pre-wrap; color: #24354b; line-height: 1.7; }

.kod-mezo { padding: 14px; border: 2px dashed #9fc3f5; border-radius: 14px; background: #f3f8ff; font: 700 1.1rem/1.4 ui-monospace, Consolas, monospace; letter-spacing: .06em; text-align: center; word-break: break-all; user-select: all; margin: 10px 0; }

.kategoria-cim { margin: 4px 0 6px; font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: #0071db; font-weight: 700; }
.kartya a { color: #0a5fc4; font-weight: 600; }
.kartya a:hover { text-decoration: underline; }
.profil-lab { margin: 36px 0 0; text-align: center; color: #7088a3; font-size: .75rem; }
pre.archiv { white-space: pre-wrap; word-break: break-word; max-height: 320px; overflow: auto; padding: 12px; border-radius: 12px; background: #f6f9fd; border: 1px solid #e3ebf5; font-size: .8rem; color: #33465c; }