/* Design tokens, reset and typography. Everything else builds on this. */
:root{
  --bg:#080a0f; --panel:#11151d; --panel2:#0d1118; --line:#1e2532; --line2:#2a3342;
  --text:#e5eaf2; --dim:#7d8ba3; --dim2:#5a6678;
  --up:#22c55e; --down:#f04452; --warn:#f0b429; --accent:#4d7cfe; --accent2:#7aa2ff;
  --radius:10px;
  --font:ui-sans-serif,-apple-system,"Segoe UI",Roboto,Helvetica,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;background:var(--bg);color:var(--text);
  font:13.5px/1.5 var(--font);
  -webkit-font-smoothing:antialiased;
}
h1,h2{margin:0}
a{cursor:pointer}

/* `hidden` must beat the `display:flex` that layout.css sets on views. */
[hidden]{display:none !important}

.mono,td.mono{font-family:var(--mono)}
.spacer{flex:1}
.up{color:var(--up)}
.down{color:var(--down)}
.warn{color:var(--warn)}
.dim{color:var(--dim2)}
.empty{color:var(--dim2);font-style:italic}