/* Wizard Request Board — the catalog's "Backglass" theme, trimmed to what the
   board uses. Static styling only: everything data-driven is inline in board.js. */

* { box-sizing: border-box; }
html { color-scheme: dark; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: #080b14;
  color: #e6ebf5;
  font-family: 'Manrope', system-ui, sans-serif;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
}
a { color: #4de3ff; text-decoration: none; }
a:hover { color: #9df0ff; }
button, input, select { font-family: inherit; font-size: inherit; }
select option { background: #0d1220; color: #e6ebf5; }
::selection { color: #080b14; background: #4de3ff; }
:focus-visible { outline: 2px solid #4de3ff; outline-offset: 2px; }

.msym {
  font-family: 'Material Symbols Outlined';
  font-weight: 300;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
}

/* header nav — base colour here, never inline, so :hover wins */
.nav-a { color: #8d97ad; transition: color 140ms ease, background 140ms ease; }
.nav-a:hover { color: #e6ebf5; background: rgba(77, 227, 255, 0.08); }

/* Phones: the links would wrap the header onto three lines, and the sticky
   toolbar below is pinned at the header's 64px. The footer carries them. */
@media (max-width: 600px) { .nav-wide { display: none; } }

.chip-logout { color: #677187; }
.chip-logout:hover { color: #e6ebf5; }

.gate-btn:hover { background: rgba(77, 227, 255, 0.16) !important; border-color: #4de3ff !important; color: #9df0ff !important; }

.footer-col a { color: #b6bfd1; }
.footer-col a:hover { color: #4de3ff; }

select:disabled { cursor: not-allowed; opacity: 0.7; }

* { scrollbar-width: thin; scrollbar-color: rgba(77, 227, 255, 0.38) #0a0e1a; }
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: #0a0e1a; }
::-webkit-scrollbar-thumb { border: 2px solid transparent; background-clip: padding-box; border-radius: 999px; background-color: rgba(77, 227, 255, 0.34); }

/* Board filters + Downloads Tester hovers (base colours are inline, so !important) */
.filter-clear { color: #8d97ad; }
.filter-clear:hover { color: #e6ebf5; }
.dim-x { color: #8d97ad; }
.dim-x:hover { color: #e6ebf5; }
.dl-hit:hover { background: rgba(77, 227, 255, 0.12); }
.chip-hover:hover { background: rgba(77, 227, 255, 0.18) !important; }
.mirror-opt:hover { background: rgba(77, 227, 255, 0.16) !important; }

/* GitHub icon link at the right end of the header */
.hdr-right { display: flex; align-items: center; gap: 8px; }
.gh-link {
  width: 40px; height: 40px; flex: none;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 8px;
  color: #8d97ad; text-decoration: none;
  transition: color 140ms ease, border-color 140ms ease;
}
.gh-link:hover { color: #4de3ff; border-color: #4de3ff; }
.gh-link svg { width: 20px; height: 20px; }