/* ============================================================
   Schema Reference — GitHub-repo style.
   The UI is rendered with inline styles by viz5-docs.jsx; this file
   only holds globals + the few :hover effects inline styles can't do.
   ============================================================ */

* { box-sizing: border-box; }

html, body, #root {
  height: 100%;
  margin: 0;
  background: #ffffff;
  color: #1f2328;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}
#root { display: flex; }
.viz { height: 100vh; width: 100%; }

/* scrollbars — thin, subtle (GitHub-style) */
.scroll { scrollbar-width: thin; scrollbar-color: #c8d1da transparent; }
.scroll::-webkit-scrollbar { width: 10px; height: 10px; }
.scroll::-webkit-scrollbar-thumb { background: #d0d7de; border: 2px solid #ffffff; border-radius: 8px; }
.scroll::-webkit-scrollbar-thumb:hover { background: #818b98; }
.scroll::-webkit-scrollbar-track,
.scroll::-webkit-scrollbar-corner { background: transparent; }

/* hover helpers (inline styles can't express :hover) */
.hb-soft:hover { background: #f6f8fa; }
.hb-inset:hover { background: #eaeef2; }

/* sidebar table rows: soft hover, but keep the selected (blue) highlight */
.tbl-item:not(.is-sel):hover { background: #f6f8fa; }