/* The admin dashboard (admin.js): a page of its own over the whole window, in the page's own
   dark palette. */
#admin-dashboard {
  position: fixed; inset: 0; z-index: 1500;
  display: flex; flex-direction: column;
  background: #0d1117; color: #c9d1d9;
  font-size: 13px;
}
#admin-dashboard[hidden] { display: none; }
#admin-dashboard header {
  display: flex; justify-content: space-between; align-items: flex-end; gap: 12px;
  padding: 16px 20px 12px; border-bottom: 1px solid #21262d;
}
#admin-dashboard h2 { margin: 0 0 2px; font-size: 16px; letter-spacing: .04em; color: #58a6ff; text-transform: uppercase; }
#admin-dashboard .adm-tools { display: flex; gap: 6px; }
#admin-dashboard button, #admin-open {
  background: #21262d; color: #c9d1d9; border: 1px solid #30363d; border-radius: 4px;
  padding: 4px 10px; font: inherit; font-size: 12px; cursor: pointer;
}
#admin-dashboard button:hover, #admin-open:hover { border-color: #58a6ff; }
#admin-dashboard button:focus-visible, #admin-open:focus-visible { outline: 2px solid #58a6ff; outline-offset: 1px; }
#admin-open { margin-top: 6px; }
#admin-open[hidden] { display: none; }
#admin-dashboard .adm-body { padding: 12px 20px 24px; overflow: auto; }
#admin-dashboard .adm-sub { color: #8b949e; font-size: 11px; }
#admin-dashboard .adm-warn { color: #f85149; }
#admin-dashboard .adm-note { color: #8b949e; font-size: 11px; }
#admin-dashboard table.adm-table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
#admin-dashboard th {
  text-align: left; font-size: 11px; font-weight: 600; color: #8b949e; text-transform: uppercase;
  letter-spacing: .04em; padding: 8px 10px; border-bottom: 1px solid #30363d;
}
#admin-dashboard td { padding: 9px 10px; border-bottom: 1px solid #21262d; vertical-align: top; }
#admin-dashboard tr.adm-member td:first-child { box-shadow: inset 2px 0 0 #3fb950; }
#admin-dashboard .adm-name { font-weight: 600; }
#admin-dashboard .adm-num { white-space: nowrap; }
#admin-dashboard .adm-yes { color: #3fb950; white-space: nowrap; }
#admin-dashboard .adm-id {
  padding: 0 4px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px;
  background: none; border: 1px dashed #30363d; color: #8b949e;
}
#admin-dashboard .adm-open { background: #1f3a5f; border-color: #58a6ff; color: #58a6ff; }
#admin-dashboard th button.adm-sort {
  background: none; border: 0; padding: 0; color: inherit; font: inherit;
  text-transform: inherit; letter-spacing: inherit; cursor: pointer;
}
#admin-dashboard th button.adm-sort:hover, #admin-dashboard th button.adm-sorted { color: #c9d1d9; }
#admin-dashboard .adm-arrow { color: #58a6ff; }
#admin-dashboard .adm-body { max-width: 1200px; }