/* Tiny custom layer atop Tailwind CDN. Dark theme + monospace tables. */
body { background: #0a0a0a; color: #e5e5e5; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; }
/* border-collapse:separate is required for `position:sticky` on <th>
   to behave consistently across browsers (collapse mode lets the
   collapsed border float free of the sticky element and the row leaks
   through). border-spacing:0 keeps the visual identical to collapse. */
table { font-variant-numeric: tabular-nums; font-family: 'JetBrains Mono', 'Fira Code', monospace; border-collapse: separate; border-spacing: 0; }
.num { font-variant-numeric: tabular-nums; font-family: 'JetBrains Mono', 'Fira Code', monospace; }
.dim { color: #737373; }
.ok { color: #4ade80; }
.warn { color: #fbbf24; }
.bad { color: #f87171; }
a { color: #60a5fa; }
a:hover { text-decoration: underline; }
button { cursor: pointer; }
button:disabled { opacity: 0.5; cursor: not-allowed; }
input, textarea {
  background: #171717;
  border: 1px solid #404040;
  color: #e5e5e5;
  padding: 0.5rem 0.75rem;
  border-radius: 4px;
  font-family: inherit;
}
input:focus, textarea:focus { outline: none; border-color: #60a5fa; }
table th, table td { padding: 0.5rem 0.75rem; }
table th { background: #171717; text-align: left; font-weight: 600; color: #a3a3a3; }
/* Sticky header row pins to the very top of the viewport during scroll.
   The page's top bar is in normal flow and scrolls away with the rest. */
table thead th { position: sticky; top: 0; z-index: 10; }
/* In separate mode there's no shared border between thead and the first
   tbody row, so paint the underline on the th itself with a box-shadow
   inset (border doesn't follow sticky). */
table thead th { box-shadow: inset 0 -1px 0 #262626; }
table tbody tr:hover { background: #171717; }
table tbody tr td { border-bottom: 1px solid #1a1a1a; }
.badge { display: inline-block; padding: 0.125rem 0.5rem; border-radius: 3px; font-size: 0.75rem; font-weight: 500; }
.badge-ok { background: #14532d; color: #86efac; }
.badge-bad { background: #7f1d1d; color: #fca5a5; }
.badge-warn { background: #78350f; color: #fcd34d; }