/* Small supplements to Tailwind (loaded via CDN). Keeps the dashboard readable
   on mobile and tames scrollbars in the dark theme. */
:root { color-scheme: dark; }

html, body { -webkit-text-size-adjust: 100%; }
body { font-feature-settings: "tnum" 1, "cv01" 1; }

/* thin dark scrollbars for the feeds/tables */
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background: #3f3f46; border-radius: 8px; }
*::-webkit-scrollbar-track { background: transparent; }

/* numbers line up in tables */
table td, table th { font-variant-numeric: tabular-nums; }

/* respect iOS safe areas when installed to home screen */
@supports (padding: max(0px)) {
  header > div:first-child { padding-left: max(1rem, env(safe-area-inset-left)); padding-right: max(1rem, env(safe-area-inset-right)); }
}