/* ============================================================
   16 — Hitelesítés: oldalspecifikus elemek
   lépéslista · kulcspár · GitHub SSH-kulcsok (vázlat) · Credential Manager-ablak
   ============================================================ */

.ix.term::before{content:"⌨ PARANCSSOR-SZIMULÁTOR";}

ol.lepes-lista{list-style:none; counter-reset:lp; margin:14px 0; padding:0; display:flex; flex-direction:column; gap:8px;}
ol.lepes-lista li{counter-increment:lp; position:relative; padding:10px 14px 10px 50px; background:var(--panel); border:1px solid var(--line); border-radius:11px; font-size:.95rem;}
ol.lepes-lista li::before{content:counter(lp); position:absolute; left:12px; top:9px; width:26px; height:26px; border-radius:8px;
  background:var(--accent); color:var(--accent-ink); display:grid; place-items:center; font-weight:800; font-size:.85rem;}

/* ---------- kulcspár ---------- */
.kulcspar{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; margin:14px 0;}
.kp{border:2px solid var(--line); border-radius:12px; padding:10px 14px; background:var(--panel);}
.kp b{display:block; font-family:"Cascadia Mono",Consolas,monospace; margin-bottom:4px;}
.kp span{font-size:.88rem; color:var(--muted);}
.kp.titkos{border-color:#f87171;} .kp.titkos b{color:#f87171;}
.kp.publikus{border-color:#4ade80;} .kp.publikus b{color:#4ade80;}

/* ---------- GitHub: SSH and GPG keys (vázlat) ---------- */
.ix.ghkulcs::before{content:"🐙 GITHUB-BEÁLLÍTÁSOK (MINTA)";}
.gh-lista{border:1px solid var(--line); border-radius:10px; overflow:hidden; margin:10px 0 14px;}
.gh-lista .ures{padding:12px 14px; color:var(--muted); font-size:.9rem;}
.gh-kulcs{display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:12px; align-items:center; padding:10px 14px; border-top:1px solid var(--line);}
.gh-kulcs:first-child{border-top:0;}
.gh-kulcs .ik{font-size:1.4rem;}
.gh-kulcs b{display:block;}
.gh-kulcs code{font-family:"Cascadia Mono",Consolas,monospace; font-size:.76rem; color:var(--muted); overflow-wrap:anywhere;}
.gh-kulcs small{display:block; font-size:.76rem; color:var(--muted);}
.gh-kulcs button{font:inherit; font-size:.8rem; padding:4px 10px; border-radius:7px; border:1px solid #f87171; color:#f87171; background:transparent; cursor:pointer;}
.gh-urlap{display:flex; flex-direction:column; gap:8px;}
.gh-urlap label{display:flex; flex-direction:column; gap:4px; font-size:.82rem; font-weight:700;}
.gh-urlap input, .gh-urlap select, .gh-urlap textarea{font:inherit; font-weight:400; font-size:.88rem; color:var(--ink); background:var(--card-in); border:1px solid var(--line); border-radius:8px; padding:6px 10px;}
.gh-urlap textarea{font-family:"Cascadia Mono",Consolas,monospace; font-size:.82rem; resize:vertical;}
.gh-urlap input:focus, .gh-urlap select:focus, .gh-urlap textarea:focus{outline:2px solid var(--accent); outline-offset:1px;}
.gh-fb{font-size:.9rem; min-height:1.3em;}
.gh-fb.jo{color:var(--green);} .gh-fb.hibas{color:var(--red);}

/* ---------- Git Credential Manager-ablak ---------- */
.gcm{max-width:420px; margin:14px auto; border:1px solid #3c3c3c; border-radius:10px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.35); background:#f3f3f3; color:#1b1b1b;}
.gcm[hidden]{display:none;}
.gcm-fej{background:#e5e5e5; padding:6px 12px; font-size:.82rem; font-family:"Segoe UI",system-ui,sans-serif;}
.gcm-test{padding:16px 18px; text-align:center; font-family:"Segoe UI",system-ui,sans-serif;}
.gcm-test b{font-size:1.1rem;}
.gcm-test p{font-size:.88rem; color:#444; margin:6px 0 12px;}
.gcm-test code.inline{background:#e2e2e2; color:#1b1b1b;}
.gcm-test .btn{margin:0 4px;}

@media (max-width:760px){
  .kulcspar{grid-template-columns:minmax(0,1fr);}
}