/* ============================================================
   10 — Változások visszavonása: oldalspecifikus elemek
   kockázat-címkék · Visszavonás-varázsló · Reset-labor · reset/revert ábra · GUI-kártyák · commitlánc
   (a Git-szimulátor stílusa: assets/terminal-sim.css)
   ============================================================ */

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

/* ---------- kockázat-címkék ---------- */
.kock{display:inline-block; font-size:.72rem; font-weight:800; padding:1px 8px; border-radius:99px; margin-right:4px; white-space:nowrap;}
.kock.b{background:rgba(74,222,128,.16); color:var(--green);}
.kock.o{background:rgba(251,146,60,.16); color:var(--orange);}
.kock.v{background:rgba(248,113,113,.16); color:var(--red);}

/* ---------- Visszavonás-varázsló ---------- */
.ix.wizard::before{content:"🧭 VISSZAVONÁS-VARÁZSLÓ";}
.vz-ut{display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 4px; font-size:.8rem;}
.vz-ut span{background:var(--panel2); border:1px solid var(--line); border-radius:99px; padding:2px 10px; color:var(--muted);}
.vz-ut span::after{content:" ›"; color:var(--accent);}
.vz-ut span:last-child::after{content:"";}
.vz-kerdes{font-weight:800; font-size:1.02rem; margin:10px 0 8px; color:var(--ink-strong);}
.vz-opts{display:flex; flex-direction:column; gap:8px;}
.vz-opts button{
  text-align:left; font:inherit; font-size:.93rem; color:var(--card-in-ink); background:var(--card-in); border:1px solid var(--line);
  border-radius:10px; padding:10px 14px; cursor:pointer; line-height:1.4;
}
.vz-opts button:hover{border-color:var(--accent); background:var(--accent-soft);}
.vz-eredm:empty{display:none;}
.vz-eredm{background:var(--card-in); border:2px solid var(--accent); border-radius:12px; padding:14px 16px; margin-top:4px;}
.vz-eredm .vz-cmd{font-family:"Cascadia Mono",Consolas,monospace; font-size:1.02rem; font-weight:700; color:var(--accent2); margin:6px 0 8px; white-space:pre-wrap;}
.vz-eredm p{margin:6px 0; font-size:.92rem;}
.vz-eredm .vz-gui{color:var(--muted); font-size:.88rem;}

/* ---------- Reset-labor ---------- */
.ix.resetlab::before{content:"⏪ RESET-LABOR";}
.rl-chk{display:flex; gap:8px; align-items:center; font-size:.9rem; margin:8px 0 12px; cursor:pointer;}
.rl-chk input{accent-color:var(--accent); width:16px; height:16px;}
.rl-lanc{display:flex; align-items:center; gap:0; flex-wrap:wrap; margin-bottom:12px; padding-top:14px;}
.rl-c{position:relative; min-width:92px; background:var(--card-in); border:2px solid var(--line); border-radius:10px; padding:6px 10px; text-align:center;
  font-family:"Cascadia Mono",Consolas,monospace; font-size:.84rem; transition:opacity .3s, border-color .3s;}
.rl-c small{display:block; font-family:"Segoe UI",system-ui,sans-serif; font-size:.72rem; color:var(--muted);}
.rl-c.fej{border-color:var(--accent);}
.rl-c.fej::before{content:"HEAD → main"; position:absolute; top:-11px; left:50%; transform:translateX(-50%); white-space:nowrap;
  font-size:.64rem; font-weight:800; padding:1px 7px; border-radius:99px; background:var(--accent); color:var(--accent-ink); font-family:"Segoe UI",system-ui,sans-serif;}
.rl-c.arva{opacity:.55; border-style:dashed;}
.rl-c.arva::after{content:"csak a reflogban"; display:block; font-size:.64rem; color:var(--muted); font-family:"Segoe UI",system-ui,sans-serif;}
.rl-ny{width:26px; text-align:center; color:var(--muted);}
.rl-ter{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px;}
.rl-t{background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:10px 12px; text-align:center; transition:box-shadow .3s;}
.rl-t .nev{font-size:.74rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); display:block; margin-bottom:6px;}
.rl-t.valt{box-shadow:0 0 0 3px var(--accent-soft); border-color:var(--accent);}
.ver{display:inline-block; font-family:"Cascadia Mono",Consolas,monospace; font-weight:800; font-size:.95rem; padding:3px 12px; border-radius:8px; color:#fff;}
.ver.v1{background:#2563eb;} .ver.v2{background:#0d9488;} .ver.v3{background:#c2410c;} .ver.v4{background:#9333ea;}
.rl-gombok{display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 10px;}
.rl-gombok .btn{font-family:"Cascadia Mono",Consolas,monospace; font-size:.82rem;}
pre.rl-status{margin:0; min-height:3.2em; font-size:.82rem; white-space:pre-wrap;}
pre.rl-status .g{color:#4ade80;} pre.rl-status .r{color:#f87171;}
.rl-fb{margin-top:10px; font-size:.92rem; min-height:1.4em;}
.rl-fb.baj{color:var(--red); font-weight:700;}

/* ---------- reset vs. revert ábra ---------- */
.rv-cmp{background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:14px 16px; margin:16px 0; display:flex; flex-direction:column; gap:12px;}
.rv-sor{display:flex; align-items:center; flex-wrap:wrap; gap:4px 0;}
.rv-cim{flex:0 0 190px; font-size:.84rem; font-weight:700; color:var(--muted);}
.rv-cim code{font-family:"Cascadia Mono",Consolas,monospace; color:var(--accent2); font-size:.82rem;}
.rv-c{font-family:"Cascadia Mono",Consolas,monospace; font-size:.84rem; font-weight:700; padding:4px 10px; border-radius:8px; border:2px solid var(--line); background:var(--card-in);}
.rv-c.hibas{border-color:var(--red); color:var(--red);}
.rv-c.eltunt{border-style:dashed; opacity:.45; text-decoration:line-through;}
.rv-c.uj{border-color:var(--green); color:var(--green);}
.rv-ny{width:22px; text-align:center; color:var(--muted);}
.rv-ny.halvany{opacity:.3;}
.rv-meg{flex:1 1 100%; margin-left:190px; font-size:.82rem; color:var(--muted); margin-top:2px;}

/* ---------- 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 commitlánc ---------- */
.g10-lanc{margin-top:14px; display:flex; gap:8px; overflow-x:auto; padding:14px 2px 4px;}
.g10-c{position:relative; flex:0 0 auto; min-width:118px; max-width:180px; background:var(--card-in); border:1px solid var(--line); border-radius:10px; padding:6px 9px;}
.g10-c .rf{position:absolute; top:-10px; left:8px; font-size:.66rem; font-weight:800; padding:1px 6px; border-radius:99px; background:var(--panel2);
  border:1px solid var(--line); color:var(--accent2); font-family:"Cascadia Mono",Consolas,monospace; white-space:nowrap;}
.g10-c.fej{border-color:var(--accent);}
.g10-c.fej .rf{background:var(--accent); color:var(--accent-ink); border-color:var(--accent);}
.g10-c.arva{border-style:dashed; opacity:.6;}
.g10-c .h{font-family:"Cascadia Mono",Consolas,monospace; font-size:.8rem; font-weight:700; color:#fbbf24;}
:root[data-theme="light"] .g10-c .h{color:#b45309;}
.g10-c .m{font-size:.74rem; color:var(--muted); line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g10-sep{flex:0 0 auto; align-self:center; font-size:.72rem; color:var(--muted); padding:0 4px; writing-mode:horizontal-tb;}

@media (max-width:860px){
  .gui-cards{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:640px){
  .rl-ter{grid-template-columns:minmax(0,1fr);}
  .rv-cim{flex:1 1 100%; margin-bottom:4px;}
  .rv-meg{margin-left:0;}
}