/* ============================================================
   05 — Repository létrehozása: oldalspecifikus elemek
   .git-böngésző · „hová hozz létre repót” kártyák · GitHub Desktop „New repository” ablak
   (a Git-szimulátor stílusa: assets/terminal-sim.css)
   ============================================================ */

.small{font-size:.9rem; color:var(--muted);}
.ix.term::before{content:"⌨ GIT-SZIMULÁTOR";}

/* ---------- .git-böngésző ---------- */
.ix.gitx::before{content:"🔎 .GIT-BÖNGÉSZŐ";}
.gx-grid{display:grid; grid-template-columns:minmax(0,250px) minmax(0,1fr); gap:16px; margin-top:12px; align-items:start;}
.gx-tree, .gx-tree ul{list-style:none; margin:0; padding:0;}
.gx-tree{background:var(--code-bg); border:1px solid var(--line); border-radius:12px; padding:10px 8px;}
.gx-tree ul{padding-left:16px; border-left:1px dashed var(--line); margin-left:12px;}
.gx-tree button{
  display:flex; align-items:center; gap:6px; width:100%; text-align:left; background:none; border:1px solid transparent;
  border-radius:7px; padding:3px 8px; cursor:pointer; color:var(--code-ink); font-family:"Cascadia Mono",Consolas,monospace; font-size:.84rem;
}
.gx-tree button:hover{border-color:var(--line); background:rgba(255,255,255,.05);}
.gx-tree button[aria-pressed="true"]{border-color:var(--accent); background:rgba(245,105,63,.16);}
.gx-tree button.kesobb{opacity:.6; font-style:italic;}
.gx-badge{
  display:inline-block; margin-left:auto; font-family:"Segoe UI",sans-serif; font-style:normal; font-size:.64rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.06em; padding:1px 6px; border-radius:99px; border:1px dashed var(--muted); color:var(--muted);
}
.gx-leg .gx-badge{margin:0 4px 0 0;}
.gx-panel{background:var(--panel); border:1px solid var(--line); border-left:4px solid var(--accent); border-radius:10px; padding:14px 16px; min-height:180px; font-size:.93rem;}
.gx-panel .pt{font-family:"Cascadia Mono",Consolas,monospace; font-weight:700; color:var(--accent2); font-size:1rem; margin-bottom:6px;}
.gx-panel p{margin:6px 0;}
.gx-panel pre{margin:8px 0 2px; font-size:.8rem;}
.gx-panel .ref{font-size:.82rem; color:var(--muted);}
.gx-leg{font-size:.84rem; color:var(--muted); margin:10px 0 0;}

/* ---------- Hová hozz létre repót? ---------- */
.hova{background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:14px 18px; border-top:4px solid var(--green);}
.hova.no{border-top-color:var(--red);}
.hova-t{font-weight:800; font-size:1.02rem; margin-bottom:4px;}
.hova.ok .hova-t{color:var(--green);} .hova.no .hova-t{color:var(--red);}
.hova ul{margin:0; padding-left:20px; font-size:.92rem;}
.hova li{margin:6px 0;}

/* ---------- GitHub Desktop „Create a new repository” utánzat ---------- */
.gdn{background:#24292f; color:#e6edf3; border:1px solid var(--line); border-radius:10px; overflow:hidden; max-width:520px; margin:16px 0; box-shadow:var(--shadow-sm); font-size:.86rem;}
.gdn-title{display:flex; justify-content:space-between; padding:11px 16px; font-weight:700; border-bottom:1px solid #3d444d;}
.gdn-body{padding:12px 16px 4px;}
.gdn-f{margin-bottom:10px;}
.gdn-f > span{display:block; font-weight:600; margin-bottom:4px; font-size:.82rem;}
.gdn-in{background:#0d1117; border:1px solid #3d444d; border-radius:6px; padding:5px 10px; flex:1; min-width:0; overflow-wrap:anywhere;}
.gdn-ph{color:#8b949e;}
.gdn-sel{max-width:180px;}
.gdn-row{display:flex; gap:8px;}
.gdn-btn{background:#2d333b; border:1px solid #3d444d; border-radius:6px; padding:5px 12px; white-space:nowrap; font-weight:600;}
.gdn-btn.primary{background:#1f6feb; border-color:#1f6feb; color:#fff;}
.gdn-chk{display:flex; align-items:center; gap:8px; margin:4px 0 12px;}
.gdn-chk i{width:14px; height:14px; border-radius:3px; border:1.5px solid #8b949e; display:inline-grid; place-items:center;}
.gdn-chk i.on{background:#1f6feb; border-color:#1f6feb;}
.gdn-chk i.on::after{content:"✓"; color:#fff; font-size:.7rem; font-style:normal; font-weight:800;}
.gdn-note{font-size:.8rem; color:#8b949e; margin:6px 0 8px;}
.gdn-foot{display:flex; gap:8px; padding:10px 16px; border-top:1px solid #3d444d;}

@media (max-width:760px){
  .gx-grid{grid-template-columns:1fr;}
  .gx-panel{min-height:0;}
}