/* ============================================================
   Git és GitHub tananyag — a TERMINÁL-SZIMULÁTOR stílusa
   (assets/terminal-sim.js) — PowerShell-ablak + küldetéslista
   A doboz felirata oldalanként: .ix.term::before{content:"…";}
   ============================================================ */

.ix.term::before{content:"⌨ TERMINÁL-KÜLDETÉSEK";}
.term-grid{display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:16px; margin-top:10px; align-items:start;}
.term-win{
  display:flex; flex-direction:column; background:#012456; border:1px solid #274b7a; border-radius:10px; overflow:hidden;
  font-family:"Cascadia Mono",Consolas,monospace; font-size:.84rem; color:#eef3fb; min-width:0;
}
.term-title{display:flex; justify-content:space-between; background:#0c1f3d; color:#c9d6ea; padding:6px 12px;
  font-family:"Segoe UI",sans-serif; font-size:.78rem;}
.term-body{height:300px; overflow-y:auto; padding:10px 12px 2px; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.45; outline:none;}
.term-body .o-cmd{color:#ffffff;}
.term-body .o-cmd .p{color:#9fb6d6;}
.term-body .o-err{color:#ff8a8a;}
.term-body .o-ok{color:#8ef0a7;}
.term-body .o-dim{color:#9fb6d6;}
.term-body .o-dir{color:#7fd8ff; font-weight:700;}
.term-body .o-red{color:#ff7b72;}
.term-body .o-grn{color:#7ee787;}                      /* előkészített (staged) fájlok */
.term-body .o-short{color:#7ee787;}
.term-body .o-hash{color:#f2cc60;}
.term-body .o-ref{color:#56d4dd; font-weight:700;}
.term-body .o-meta{color:#ffffff; font-weight:700;}   /* diff fejléce */
.term-body .o-hunk{color:#56d4dd;}                    /* @@ … @@ */
.term-body .o-graph{color:#f2cc60;}                   /* --graph vonalai */
.term-in{display:flex; align-items:center; gap:6px; padding:4px 12px 10px; cursor:text;}
.term-pr{color:#9fb6d6; white-space:nowrap; flex:0 1 auto; overflow:hidden; text-overflow:ellipsis; max-width:60%;}
.term-in input{
  flex:1; min-width:60px; background:transparent; border:0; outline:none; color:#ffffff; caret-color:#ffcf5a;
  font:inherit; padding:2px 0;
}
.term-side{background:var(--card-in); border:1px solid var(--line); border-radius:10px; padding:12px 12px 10px; min-width:0;}
.ms-head{display:flex; justify-content:space-between; font-weight:800; font-size:.86rem; color:var(--ink-strong); margin-bottom:8px;}
.ms-head span{color:var(--accent2);}
.ms-list{margin:0; padding-left:0; list-style:none; counter-reset:ms; font-size:.84rem;}
.ms-list li{counter-increment:ms; position:relative; padding:5px 4px 5px 30px; border-radius:7px; line-height:1.4; color:var(--muted);}
.ms-list li::before{
  content:counter(ms); position:absolute; left:4px; top:5px; width:19px; height:19px; border-radius:50%;
  display:grid; place-items:center; font-size:.7rem; font-weight:800; background:var(--panel2); color:var(--muted); border:1px solid var(--line);
}
.ms-list li.now{background:var(--accent-soft); color:var(--ink-strong);}
.ms-list li.now::before{background:var(--accent); color:var(--accent-ink); border-color:var(--accent);}
.ms-list li.done{color:var(--muted); text-decoration:line-through; text-decoration-color:var(--green);}
.ms-list li.done::before{content:"✓"; background:var(--green); color:#062b14; border-color:var(--green);}
.ms-list code{font-family:"Cascadia Mono",Consolas,monospace; font-size:.82rem; color:var(--accent2);}
.ms-list .tipp{display:block; font-size:.76rem; color:var(--muted); margin-top:2px;}

@media (max-width:860px){
  .term-grid{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .term-body{height:240px;}
}
