/* ============================================================
   20 — Pull request: oldalspecifikus elemek
   PR-lánc · base/compare minta · állapotjelek · Merge-mód-összehasonlító · GUI-kártyák · PR-labor
   ============================================================ */

.ix.term::before{content:"⌨ PR-LABOR";}
.side-lbl{margin:0 0 6px; font-weight:800; font-size:.9rem;}
.gg-par{display:flex; flex-direction:column; gap:10px; margin-top:14px;}
.gg-par .gg-doboz{margin-top:0;}
.gg-doboz.kicsi{margin-top:0;}

/* ---------- a PR útja ---------- */
.pr-lanc{display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; counter-reset:pl;}
.pl{flex:1 1 150px; position:relative; background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:10px 12px 10px 40px; min-width:0;}
.pl::before{counter-increment:pl; content:counter(pl); position:absolute; left:10px; top:11px; width:22px; height:22px; border-radius:50%;
  display:grid; place-items:center; font-size:.75rem; font-weight:800; background:var(--panel2); color:var(--muted); border:1px solid var(--line);}
.pl b{display:block; color:var(--ink-strong);}
.pl small{color:var(--muted); font-size:.8rem; line-height:1.35; display:block;}
.pl.kiemelt{border-color:var(--accent); box-shadow:0 0 0 2px var(--accent-soft);}
.pl.kiemelt::before{background:var(--accent); color:var(--accent-ink); border-color:var(--accent);}
ol.lepesek{padding-left:22px;}
ol.lepesek li{margin-bottom:6px;}

/* ---------- base ← compare ---------- */
.cmp-minta{display:flex; flex-wrap:wrap; align-items:center; gap:10px; background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:10px 14px; margin:12px 0;}
.cm-ag{font-family:"Cascadia Mono",Consolas,monospace; font-size:.85rem; background:var(--blue-soft); color:var(--blue); border-radius:6px; padding:3px 9px;}
.cm-ag b{color:inherit;}
.cm-nyil{font-size:1.2rem; color:var(--muted);}

/* ---------- állapot- és merge-doboz-jelek ---------- */
.pr-jel{display:inline-block; border-radius:999px; padding:1px 11px; font-size:.8rem; font-weight:700; color:#ffffff; white-space:nowrap;}
.pr-jel.zold{background:#238636;} .pr-jel.szurke{background:#6e7681;} .pr-jel.lila{background:#8957e5;} .pr-jel.piros{background:#da3633;}
.ok-jel{color:var(--green); font-weight:800;} .hiba-jel{color:var(--red); font-weight:800;} .figy-jel{color:var(--orange); font-weight:800;}

/* ---------- Merge-mód-összehasonlító ---------- */
.ix.modok::before{content:"🔀 MERGE-MÓD-ÖSSZEHASONLÍTÓ";}
.mo-gombok{display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 14px;}
.mo-gombok button{font:inherit; font-size:.86rem; font-weight:700; color:var(--ink); background:var(--opt-bg); border:1px solid var(--line); border-radius:9px; padding:7px 14px; cursor:pointer;}
.mo-gombok button:hover{border-color:var(--accent);}
.mo-gombok button[aria-pressed="true"]{background:#238636; border-color:#238636; color:#ffffff;}
.mo-par{display:flex; flex-direction:column; gap:10px;}
.mo-leiras{background:var(--card-in); border:1px solid var(--line); border-radius:10px; padding:10px 14px; margin-top:12px; font-size:.92rem;}
.mo-leiras p{margin:4px 0;}
.mo-leiras .mo-szam{display:flex; flex-wrap:wrap; gap:6px 14px; font-size:.85rem; color:var(--muted); margin-top:6px;}
.mo-leiras .mo-szam b{color:var(--ink-strong);}

/* ---------- GUI-kártyák ---------- */
.gui-cards{display:grid; grid-template-columns:repeat(2, 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;}

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