/* ============================================================
   23 — Issues, Projects, mérföldkövek: oldalspecifikus elemek
   issue-minta · címkejelek · Hibajelentés-ellenőrző · Kanban-minta · Issue-labor
   ============================================================ */

.ix.term::before{content:"⌨ ISSUE-LABOR";}
.side-lbl{margin:0 0 6px; font-weight:800; font-size:.9rem;}
.grid2 pre{margin-top:0;}

/* ---------- issue-minta ---------- */
.issue-minta{border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--card-in); margin:14px 0;}
.im-fej{display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:10px 14px; border-bottom:1px solid var(--line); background:var(--panel);}
.im-fej b{color:var(--ink-strong); font-size:1.02rem;}
.im-jel{background:#238636; color:#ffffff; border-radius:999px; padding:1px 10px; font-size:.78rem; font-weight:700;}
.im-szam{color:var(--muted);}
.im-test{display:grid; grid-template-columns:minmax(0,1fr) 200px; gap:14px; padding:10px 14px;}
.im-bal p{margin:4px 0; font-size:.9rem;}
.im-jobb{font-size:.82rem; border-left:1px solid var(--line); padding-left:12px; display:flex; flex-direction:column; gap:6px;}
.im-l{display:block; color:var(--muted); font-weight:700; font-size:.74rem;}
.im-c{display:inline-block; border-radius:999px; padding:0 8px; font-size:.74rem; font-weight:700;}
.im-c.bug{background:#d73a4a; color:#ffffff;}
.c-jel{display:inline-block; border-radius:999px; padding:0 9px; font-size:.8rem; font-weight:700; white-space:nowrap;}

/* ---------- Hibajelentés-ellenőrző ---------- */
.ix.iro::before{content:"🐞 HIBAJELENTÉS-ELLENŐRZŐ";}
.ir-grid{display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:16px; margin-top:10px;}
.ir-urlap label{display:block; font-weight:700; font-size:.86rem; margin-bottom:8px; color:var(--ink-strong);}
.ir-urlap input, .ir-urlap textarea{display:block; width:100%; margin-top:3px; font:inherit; font-size:.88rem; font-weight:400; color:var(--ink); background:var(--card-in);
  border:1px solid var(--line); border-radius:8px; padding:6px 10px; resize:vertical;}
.ir-urlap input:focus, .ir-urlap textarea:focus{outline:2px solid var(--accent); outline-offset:0;}
.ir-lista{background:var(--card-in); border:1px solid var(--line); border-radius:12px; padding:10px 14px; align-self:start;}
.ir-pont{font-weight:800; color:var(--accent2); margin-bottom:6px;}
.ir-lista ul{list-style:none; margin:0; padding:0; font-size:.86rem;}
.ir-lista li{position:relative; padding:4px 0 4px 24px; line-height:1.4;}
.ir-lista li::before{content:"○"; position:absolute; left:2px; top:3px; color:var(--muted);}
.ir-lista li.ok::before{content:"✓"; color:var(--green); font-weight:800;}
.ir-lista li.ok{color:var(--muted);}
.ir-lista li.figy::before{content:"!"; color:var(--orange); font-weight:800; left:6px;}

/* ---------- Kanban-minta ---------- */
.kanban-minta{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; margin:14px 0;}
.km-o{background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:8px; min-width:0;}
.km-f{font-weight:800; color:var(--ink-strong); font-size:.86rem; margin:2px 4px 8px; display:flex; justify-content:space-between;}
.km-f span{color:var(--muted); font-weight:700;}
.km-k{background:var(--card-in); border:1px solid var(--line); border-radius:8px; padding:6px 9px; font-size:.84rem; margin-bottom:6px; overflow-wrap:anywhere;}
.km-k small{display:block; color:var(--muted);}
.km-k.kesz{opacity:.7; text-decoration:line-through; text-decoration-color:var(--green);}

@media (max-width:760px){
  .ir-grid, .im-test{grid-template-columns:minmax(0,1fr);}
  .im-jobb{border-left:0; padding-left:0; border-top:1px solid var(--line); padding-top:8px;}
}
@media (max-width:520px){
  .kanban-minta{grid-template-columns:minmax(0,1fr);}
}
