/* ============================================================
   27 — GitHub Actions: oldalspecifikus elemek
   CI-lánc · annotált YAML · Workflow-építő · YAML-hibakereső · ellenőrzés-minta · Actions fül (a mockban)
   ============================================================ */

.ix.term::before{content:"⌨ ACTIONS-LABOR";}
.ok-jel{color:var(--green); font-weight:800;} .hiba-jel{color:var(--red); font-weight:800;} .figy-jel{color:var(--orange); font-weight:800;}
#gh27{margin-top:14px;}

/* ---------- CI-lánc ---------- */
.ci-lanc{display:flex; flex-wrap:wrap; gap:8px; margin:14px 0;}
.cl{flex:1 1 130px; background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:8px 12px; min-width:0; font-size:.9rem;}
.cl b{color:var(--ink-strong);}
.cl small{display:block; color:var(--muted); font-family:"Cascadia Mono",Consolas,monospace; font-size:.74rem; overflow-wrap:anywhere;}
.cl.ok{border-color:color-mix(in srgb, var(--green) 50%, transparent);}

/* ---------- annotált YAML ---------- */
.yaml-magy pre{font-size:.8rem;}
.yaml-magy .k, #weYaml .k{color:#82aaff;}

/* ---------- Workflow-építő ---------- */
.ix.epito::before{content:"🛠 WORKFLOW-ÉPÍTŐ";}
.we-grid{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:16px; margin-top:10px;}
.we-ur fieldset{border:1px solid var(--line); border-radius:10px; padding:6px 12px 8px; margin:0 0 10px; min-width:0;}
.we-ur legend{font-weight:800; font-size:.84rem; color:var(--ink-strong); padding:0 4px;}
.we-ur label{display:block; font-size:.86rem; margin:3px 0; cursor:pointer;}
.we-ur input{accent-color:var(--accent); margin-right:6px;}
.we-fajl{font:.76rem "Cascadia Mono",Consolas,monospace; color:var(--muted); margin-bottom:4px;}
#weYaml{margin:0; font-size:.78rem; min-height:220px; white-space:pre; overflow-x:auto;}
#weYaml .v{color:#c3e88d;} #weYaml .c{color:#6b7684; font-style:italic;}
.we-magy{margin:10px 0 0; padding-left:18px; font-size:.86rem;}
.we-magy li{margin-bottom:4px;}
.we-magy .figy{color:var(--orange);}

/* ---------- YAML-hibakereső ---------- */
#besoroloYaml .item{white-space:pre; font-family:"Cascadia Mono",Consolas,monospace; font-size:.8rem; text-align:left; overflow-x:auto; line-height:1.5;}

/* ---------- ellenőrzés-minta ---------- */
.chk-minta{border:1px solid var(--line); border-radius:10px; overflow:hidden; margin:12px 0; background:var(--card-in);}
.chk-minta > div{padding:8px 12px; border-top:1px solid var(--line); font-size:.9rem;}
.chk-minta > div:first-child{border-top:0;}
.chk-minta small{display:block; color:var(--muted); font-size:.8rem; margin-left:18px;}

/* ---------- Actions fül a GitHub-felületen ---------- */
.ak{display:grid; grid-template-columns:190px minmax(0,1fr); gap:16px;}
.ak-bal{display:flex; flex-direction:column; gap:2px; font-size:.84rem;}
.ak-bal button{text-align:left; font:inherit; color:inherit; background:none; border:0; border-radius:6px; padding:5px 10px; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ak-bal button[aria-current="page"]{background:var(--gh-panel2); font-weight:600; box-shadow:inset 3px 0 0 #fd8c73;}
.ak-cim{font-size:.72rem; font-weight:700; color:var(--gh-muted); padding:6px 10px 2px; text-transform:uppercase; letter-spacing:.04em;}
.ak-allapot{flex:0 0 auto; width:18px; text-align:center; font-weight:800;}
.ak-allapot.ok{color:var(--gh-green-t);} .ak-allapot.hiba{color:var(--gh-red-t);} .ak-allapot.fut{color:var(--gh-orange-t); animation:ak-pulz 1s infinite;}
@keyframes ak-pulz{50%{opacity:.35;}}
@media (prefers-reduced-motion:reduce){ .ak-allapot.fut{animation:none;} }
.ak-sablon{display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:10px; margin-top:10px;}
.ak-kartya{border:1px solid var(--gh-line); border-radius:6px; padding:10px 12px; background:var(--gh-bg); display:flex; flex-direction:column; gap:6px;}
.ak-kartya b{font-size:.9rem;}
.ak-kartya .gh-btn{align-self:flex-start;}
.ak-szerk textarea{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace !important; font-size:.78rem !important; white-space:pre; overflow-wrap:normal; min-height:280px;}
.ak-lepes{border-top:1px solid var(--gh-line);}
.ak-lepes summary{display:flex; align-items:center; gap:8px; padding:6px 10px; cursor:pointer; font-size:.84rem; list-style:none;}
.ak-lepes summary::-webkit-details-marker{display:none;}
.ak-lepes summary::before{content:"›"; color:var(--gh-muted); width:10px; transition:transform .15s;}
.ak-lepes[open] summary::before{transform:rotate(90deg);}
.ak-lepes .ak-ido{margin-left:auto; color:var(--gh-muted); font-size:.76rem;}
.ak-log{border:0 !important; border-radius:0 !important; box-shadow:none !important; margin:0; padding:8px 12px 10px 38px; background:#0d1117; color:#e6edf3; font:.76rem/1.5 ui-monospace,"Cascadia Mono",Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere;}
.ak-log .h{color:#f85149;} .ak-log .o{color:#3fb950;} .ak-log .d{color:#8d96a0;}
.ak-futfej{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:10px;}
.ak-futfej h4{margin:0;}
.ak-job{border:1px solid var(--gh-line); border-radius:6px; overflow:hidden; margin-top:10px;}
.ak-job-f{display:flex; align-items:center; gap:8px; padding:8px 12px; background:var(--gh-panel); font-weight:600; font-size:.86rem;}
.ak-hibadoboz{border:1px solid var(--gh-red); background:var(--gh-del); border-radius:6px; padding:8px 12px; margin:8px 0; font-size:.84rem;}

@media (max-width:760px){
  .we-grid, .ak{grid-template-columns:minmax(0,1fr);}
  .ak-bal{flex-direction:row; flex-wrap:wrap;}
}