/* ============================================================
   ncv.css — "not covered" overlay on the Terminal chart. Scoped under
   .ncv. Tokens: --fd, --fm. The chart underneath keeps drawing
   candles; add .tbc--ghost to the chart host so they render at 25%.
   Wiring: js/views.js → viewTerminal() (covCoverage), bound in
   views/terminal.php's own tpl-ncv/tpl-ncv-sys templates.
   ============================================================ */

.ncv{
  position:absolute;inset:0;z-index:5;display:grid;place-items:center;
  background:radial-gradient(ellipse 60% 60% at 50% 45%,rgba(15,17,23,.55),rgba(15,17,23,.15));
  pointer-events:none;
}
.ncv__card{
  pointer-events:auto;width:min(420px,calc(100% - 32px));
  padding:26px 26px 20px;border-radius:2px;
  background:#0f1117;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 30px 80px rgba(0,0,0,.6);
  color:#c9cdd6;font-family:var(--fd);
}
.ncv__sym{margin:0;font:600 22px/1.1 var(--fd);color:#fff;letter-spacing:-.01em}
.ncv__msg{margin:8px 0 0;font:400 14px/1.5 var(--fd);color:#8b92a8}
.ncv__msg span{color:#c9cdd6}

.ncv__others{margin-top:22px}
.ncv__lbl{margin:0 0 4px;font:400 12px/1.2 var(--fd);color:#8b92a8}
.ncv__none{margin:22px 0 0;font:400 13px/1.4 var(--fd);color:#4e5568}
.ncv__sys{
  display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;
  width:100%;padding:12px 0;border:0;border-top:1px solid rgba(255,255,255,.08);
  background:transparent;cursor:pointer;text-align:left;color:inherit;font:inherit;
}
.ncv__sys:last-child{border-bottom:1px solid rgba(255,255,255,.08)}
.ncv__sys:hover .ncv__sysName{color:#fff}
.ncv__sys:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.ncv__sysDot{width:6px;height:6px;border-radius:50%;background:var(--cc,#8b92a8);box-shadow:0 0 8px var(--cc,transparent)}
.ncv__sysName{display:flex;flex-direction:column;gap:3px;min-width:0;font:500 14px/1.2 var(--fd);color:#c9cdd6}
.ncv__sysMeta{font:400 10.5px/1.2 var(--fm);letter-spacing:.06em;text-transform:uppercase;color:#4e5568}
.ncv__sysGo{font:500 11px/1 var(--fm);letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:7px 10px;background:#eceef3;color:#08090d;border-radius:2px}
.ncv__sysGo--lock{background:transparent;color:#8b92a8;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}

/* gap: harmless for the coverage modal's own single button; the new
   locked modal (js/views.js's own covLocked) puts two side by side here
   ("See <best>" + "Unlock") and needs the breathing room between them. */
.ncv__foot{margin-top:18px;display:flex;justify-content:flex-end;gap:18px}
.ncv__ghost{
  border:0;background:transparent;cursor:pointer;padding:8px 0;
  font:400 12px/1 var(--fm);letter-spacing:.04em;color:#8b92a8;
  text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.15);
}
.ncv__ghost:hover{color:#fff}
.ncv__ghost span{color:#c9cdd6}

/* the chart underneath */
.tbc--ghost .tbc__box{opacity:.25}

@media (max-width:767px){
  .ncv{align-items:end;padding-bottom:16px}
  .ncv__card{width:calc(100% - 24px)}
}