/* proof.css - a futas vegi bizonyitek kartyaja (asztali app ES web, KOZOS).
   A szinek a gazda temajabol jonnek (--cyan-rgb, --ok-rgb ...), kulonben a
   Mission Control alapjai - mint a teamgraph.css-ben. */

.fp {
  --fp-c: var(--cyan-rgb, 59, 232, 255);
  --fp-a: var(--amber-rgb, 255, 176, 32);
  --fp-ok: var(--ok-rgb, 61, 255, 154);
  --fp-bad: var(--bad-rgb, 255, 77, 94);
  --fp-text: var(--text-rgb, 214, 240, 252);
  --fp-panel: var(--panel-rgb, 9, 18, 28);
  --fp-hud: var(--hud, "Chakra Petch", "Segoe UI", system-ui, sans-serif);
  --fp-mono: var(--mono, "JetBrains Mono", ui-monospace, Consolas, monospace);
  --fp-cut: 12px;
  --fp-st: var(--fp-c);
  position: relative;
  margin: 12px 0;
  padding: 14px 16px 12px;
  color: rgb(var(--fp-text));
  font-family: var(--fp-hud);
  border: 1px solid rgba(var(--fp-st), 0.45);
  border-left-width: 4px;
  background: rgba(var(--fp-panel), 0.82);
  clip-path: polygon(var(--fp-cut) 0, 100% 0, 100% calc(100% - var(--fp-cut)), calc(100% - var(--fp-cut)) 100%, 0 100%, 0 var(--fp-cut));
}
.fp-atment { --fp-st: var(--fp-ok); }
.fp-reszleges { --fp-st: var(--fp-a); }
.fp-bukott { --fp-st: var(--fp-bad); }
.fp-ellenorizetlen { --fp-st: var(--fp-text); }

.fp-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; }
.fp-kicker {
  width: 100%; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
  color: rgb(var(--fp-c));
}
.fp-res {
  font-size: 22px; font-weight: 700; letter-spacing: 0.08em;
  color: rgb(var(--fp-st)); text-shadow: 0 0 12px rgba(var(--fp-st), 0.45);
}
.fp-why { color: rgba(var(--fp-text), 0.82); font-size: 13px; }
.fp-end { margin: 6px 0 0; font-size: 13px; }
.fp-k { color: rgba(var(--fp-text), 0.6); }

.fp-sub {
  margin: 12px 0 4px; font-size: 11px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase;
  color: rgba(var(--fp-text), 0.65);
}
.fp-gates { list-style: none; margin: 0; padding: 0; }
.fp-gate {
  display: grid; grid-template-columns: 18px minmax(80px, 110px) 1fr; gap: 2px 10px;
  align-items: baseline; padding: 3px 0; font-size: 13px;
  border-bottom: 1px solid rgba(var(--fp-c), 0.08);
}
.fp-gate.fp-none { display: block; color: rgba(var(--fp-text), 0.65); }
.fp-mark { font-weight: 700; text-align: center; }
.fp-g-atment .fp-mark, .fp-rgm.fp-g-atment { color: rgb(var(--fp-ok)); }
.fp-g-bukott .fp-mark, .fp-rgm.fp-g-bukott { color: rgb(var(--fp-bad)); }
.fp-g-kimaradt .fp-mark, .fp-rgm.fp-g-kimaradt { color: rgb(var(--fp-a)); }
.fp-g-nincs .fp-mark, .fp-rgm.fp-g-nincs, .fp-g-nincs .fp-gdet,
.fp-g-ures .fp-mark, .fp-rgm.fp-g-ures, .fp-g-ures .fp-gdet { color: rgba(var(--fp-text), 0.45); }
.fp-gdet { font-family: var(--fp-mono); font-size: 12px; overflow-wrap: anywhere; }
.fp-gk .fp-mark { color: rgb(var(--fp-c)); }
.fp-tag {
  grid-column: 3; justify-self: start; font-size: 11px; padding: 1px 6px;
  border: 1px solid rgba(var(--fp-a), 0.5); color: rgb(var(--fp-a));
}

.fp-stats {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px 14px; margin-top: 12px;
}
.fp-stat { display: flex; flex-direction: column; gap: 1px; font-size: 12px; }
.fp-v { font-family: var(--fp-mono); font-size: 14px; color: rgb(var(--fp-text)); }

.fp-det { margin-top: 10px; font-size: 12px; }
.fp-det summary { cursor: pointer; color: rgb(var(--fp-c)); }
.fp-files, .fp-rounds { margin: 6px 0 0; padding: 0; list-style: none; max-height: 260px; overflow: auto; }
.fp-files li, .fp-rounds li { display: flex; gap: 10px; align-items: baseline; padding: 2px 0; }
.fp-diff { font-family: var(--fp-mono); min-width: 92px; color: rgba(var(--fp-text), 0.7); }
.fp-files code, .fp-rc, .fp-id { font-family: var(--fp-mono); overflow-wrap: anywhere; }
.fp-more { color: rgba(var(--fp-text), 0.6); }
.fp-rk { min-width: 64px; color: rgba(var(--fp-text), 0.7); }
.fp-rg { display: inline-flex; gap: 4px; min-width: 64px; font-weight: 700; }
.fp-ro { color: rgba(var(--fp-text), 0.6); }

.fp-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; font-size: 12px; }
.fp-copy { margin-left: auto; }

@media (max-width: 520px) {
  .fp-gate { grid-template-columns: 18px 1fr; }
  .fp-gdet, .fp-tag { grid-column: 2; }
}

/* ---------- atvilagitas (leletek) ---------- */
.fp-findings { list-style: none; margin: 0; padding: 0; }
.fp-finding {
  display: grid; grid-template-columns: 74px minmax(70px, 96px) 1fr auto; gap: 4px 10px;
  align-items: start; padding: 6px 0; font-size: 13px; border-bottom: 1px solid rgba(var(--fp-c), 0.08);
}
.fp-sev { font-size: 11px; font-weight: 700; letter-spacing: 0.08em; padding: 1px 6px; text-align: center; border: 1px solid currentColor; }
.fp-sev-magas .fp-sev { color: rgb(var(--fp-bad)); }
.fp-sev-kozepes .fp-sev { color: rgb(var(--fp-a)); }
.fp-sev-alacsony .fp-sev, .fp-sev-info .fp-sev { color: rgba(var(--fp-text), 0.6); }
.fp-fbody { min-width: 0; }
.fp-fcel { font-family: var(--fp-mono); font-size: 12px; overflow-wrap: anywhere; }
.fp-fhol { font-family: var(--fp-mono); font-size: 12px; color: rgba(var(--fp-text), 0.65); }
.fp-fmsg { margin-top: 2px; font-size: 12px; color: rgba(var(--fp-text), 0.8); overflow-wrap: anywhere; }
.fp-fixall { margin-top: 10px; }
.fp-hint { margin: 8px 0 0; font-size: 12px; color: rgba(var(--fp-text), 0.6); }
.fp-none { color: rgba(var(--fp-text), 0.65); font-size: 13px; }
@media (max-width: 620px) {
  .fp-finding { grid-template-columns: 74px 1fr; }
  .fp-fbody, .fp-fix { grid-column: 2; }
  .fp-fix { justify-self: start; }
}