/* ============================================================
   09 — .gitignore és ami kimarad: oldalspecifikus elemek
   Minta-tesztelő · lépéssor · GUI-kártyák · a szimulátor alatti fájlállapot
   (a Git-szimulátor stílusa: assets/terminal-sim.css)
   ============================================================ */

.ix.term::before{content:"⌨ GIT-SZIMULÁTOR";}
.side-lbl{margin:0 0 6px; font-weight:800; font-size:.9rem;}
.side-lbl.rossz{color:var(--red);} .side-lbl.jo{color:var(--green);}
.grid2 pre{margin-top:0;}

/* ---------- Minta-tesztelő ---------- */
.ix.ignlab::before{content:"🚫 MINTA-TESZTELŐ";}
.it-tabs{display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 6px;}
.it-tabs button{
  font:inherit; font-size:.84rem; font-weight:700; padding:5px 12px; border-radius:99px; cursor:pointer;
  background:var(--panel2); color:var(--ink); border:1px solid var(--line);
}
.it-tabs button:hover{border-color:var(--accent);}
.it-tabs button[aria-selected="true"]{background:var(--accent); color:var(--accent-ink); border-color:var(--accent);}
.it-tabs button.kesz::after{content:" ✓"; color:var(--green);}
.it-tabs button[aria-selected="true"].kesz::after{color:var(--accent-ink);}
.it-feladat{margin:8px 0 10px; font-size:.95rem;}
.it-grid{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:14px;}
.it-col{display:flex; flex-direction:column; gap:5px; min-width:0;}
.it-lbl{font-size:.76rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; color:var(--muted);}
#itBe{
  width:100%; flex:1; min-height:220px; resize:vertical; background:var(--code-bg); color:var(--code-ink); border:1px solid var(--line); border-radius:10px;
  padding:10px 12px; font-family:"Cascadia Mono",Consolas,monospace; font-size:.9rem; line-height:1.55;
}
#itBe:focus{outline:2px solid var(--accent); outline-offset:1px;}
.it-fa{list-style:none; margin:0; padding:8px 0; background:var(--code-bg); border:1px solid var(--line); border-radius:10px;
  font-family:"Cascadia Mono",Consolas,monospace; font-size:.84rem; color:var(--code-ink);}
.it-fa li{display:flex; align-items:baseline; gap:8px; padding:3px 12px; flex-wrap:wrap;}
.it-fa .ik{flex:0 0 16px; text-align:center; font-weight:800;}
.it-fa .ut{flex:0 1 auto; overflow-wrap:anywhere;}
.it-fa .ok{margin-left:auto; font-size:.74rem; color:#8b949e; font-family:"Segoe UI",system-ui,sans-serif;}
.it-fa li.be .ik{color:#4ade80;}
.it-fa li.ki .ik{color:#8b949e;}
.it-fa li.ki .ut{color:#8b949e; text-decoration:line-through; text-decoration-color:rgba(139,148,158,.6);}
.it-fa li.ki .ok{color:#fbbf24;}
.it-fa li.kov .ik{color:#60a5fa;}
.it-fa li.kov .ok{color:#60a5fa;}
.it-fa li.torol .ik, .it-fa li.torol .ok{color:#f87171;}
/* feladványban: a cél és a találat */
.it-fa .cel{font-size:.7rem; font-weight:800; padding:0 7px; border-radius:99px; font-family:"Segoe UI",system-ui,sans-serif; border:1px solid;}
.it-fa .cel.kimarad{color:#fbbf24; border-color:rgba(251,191,36,.5);}
.it-fa .cel.marad{color:#4ade80; border-color:rgba(74,222,128,.5);}
.it-fa li.hibas{background:rgba(248,113,113,.12); box-shadow:inset 3px 0 0 #f87171;}
.it-fa li.talalt{box-shadow:inset 3px 0 0 #4ade80;}
.it-fb{margin-top:10px; font-size:.93rem; min-height:1.4em; font-weight:700;}
.it-fb.jo{color:var(--green);} .it-fb.meg{color:var(--muted); font-weight:600;}

/* ---------- Lépéssor (már követett fájl) ---------- */
ol.lepesek{list-style:none; counter-reset:lp; margin:16px 0; padding:0; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:10px;}
ol.lepesek li{counter-increment:lp; position:relative; background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:34px 12px 12px; font-size:.88rem; line-height:1.45;}
ol.lepesek li::before{content:counter(lp); position:absolute; top:10px; left:12px; width:20px; height:20px; border-radius:50%;
  background:var(--accent); color:var(--accent-ink); display:grid; place-items:center; font-weight:800; font-size:.74rem;}
ol.lepesek li:nth-child(2)::before{background:var(--orange, #fb923c);}
ol.lepesek li b{position:absolute; top:10px; left:40px; right:10px; font-size:.84rem; color:var(--ink-strong);}
ol.lepesek li span{display:block; color:var(--muted);}

/* ---------- GUI-kártyák ---------- */
.gui-cards{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; margin:16px 0;}
.gc{min-width:0; overflow-wrap:anywhere; background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:14px 16px;}
.gc-h{font-weight:800; color:var(--ink-strong); margin-bottom:8px; display:flex; gap:8px; align-items:center;}
.gc ul{margin:0; padding-left:18px; font-size:.9rem; line-height:1.5;}
.gc li{margin-bottom:6px;}

/* ---------- a szimulátor alatti fájlállapot ---------- */
.g9-allapot{margin-top:14px;}
.g9-allapot .it-lbl{display:block; margin-bottom:6px;}
.g9-allapot .it-fa{columns:2; column-gap:18px;}
.g9-allapot .it-fa li{break-inside:avoid;}

@media (max-width:860px){
  .gui-cards{grid-template-columns:minmax(0,1fr);}
  ol.lepesek{grid-template-columns:repeat(2, minmax(0,1fr));}
  .g9-allapot .it-fa{columns:1;}
}
@media (max-width:640px){
  .it-grid{grid-template-columns:minmax(0,1fr);}
  #itBe{min-height:150px;}
  ol.lepesek{grid-template-columns:minmax(0,1fr);}
}