/* Technical theme. Loaded after the main stylesheet; unlayered rules here beat Tailwind's layered utilities.
   Palette / radius / font come from the theme variables, the rest are small component tweaks. */
:root{
  --font-sans:ui-monospace,"Cascadia Mono","SF Mono",Consolas,"Liberation Mono",monospace;
  --font-mono:ui-monospace,"Cascadia Mono","SF Mono",Consolas,"Liberation Mono",monospace;
  --radius-md:2px;--radius-lg:2px;--radius-xl:3px;
  --color-bg:#090b0f;--color-panel:#0e1117;--color-panel2:#141821;--color-line:#222a37;
  --color-ink:#d8dee9;--color-mute:#7c8699;
}
html{font-size:15px}
body{font-size:13px;line-height:1.45;font-variant-ligatures:none;font-feature-settings:"zero" 1,"tnum" 1;-webkit-font-smoothing:auto}
::selection{background:rgba(110,168,254,.28)}
.rounded{border-radius:2px}
button.rounded-full{border-radius:2px}

/* flat surfaces: no blur, no soft shadows (popovers keep one for separation) */
header.sticky{background:var(--color-bg);-webkit-backdrop-filter:none;backdrop-filter:none}
[class*="shadow-"]{box-shadow:0 6px 20px rgba(0,0,0,.6)!important}

/* headings: item names stay readable, panel titles become small caps-style labels */
h1{letter-spacing:0}
h2{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--color-mute);font-weight:600}
h2 .num,h2 span{text-transform:none;letter-spacing:0}

/* top bar */
header > div > a:first-child{text-transform:uppercase;letter-spacing:.1em;font-size:12px}
header nav a{text-transform:uppercase;letter-spacing:.08em;font-size:11px;border:1px solid transparent}
header nav a.bg-white\/10{border-color:var(--color-line);background:var(--color-panel2)}

/* stat cards and table headers: small uppercase labels, denser values */
.bg-panel > .text-xs.text-mute:first-child{text-transform:uppercase;letter-spacing:.08em;font-size:10px}
.text-\[22px\]{font-size:19px;line-height:1.5rem}
div.grid.border-b.text-xs.font-medium.text-mute{text-transform:uppercase;letter-spacing:.07em;font-size:10px}

/* inputs and pills */
input,select,textarea{font-family:inherit}
button.rounded-full.border{font-size:11px;letter-spacing:.02em}

/* thin scrollbars */
*{scrollbar-width:thin;scrollbar-color:#2b3444 transparent}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:#2b3444}
::-webkit-scrollbar-track{background:transparent}

/* lowest BIN card */
.ba-lowbin{column-gap:24px;row-gap:10px}
.ba-lowbin:hover{border-color:var(--color-accent)}

/* cursor tooltip on the charts */
.ba-tip{position:absolute;z-index:15;pointer-events:none;min-width:168px;padding:6px 9px;background:rgba(9,11,15,.94);border:1px solid var(--color-line);font-size:11.5px;line-height:1.55}
.ba-tip-row{display:flex;justify-content:space-between;gap:18px}
.ba-tip-row > span:first-child{color:var(--color-mute)}
.ba-tip-row > span:last-child{font-variant-numeric:tabular-nums}

/* price chart + sub-charts share the fullscreen target */
.ba-fs:fullscreen{height:100vh;padding:10px;background:var(--color-bg);display:flex;flex-direction:column;gap:10px}
.ba-fs:fullscreen > .ba-price{height:auto!important;flex:1 1 0;min-height:0}
.ba-fs:fullscreen > .ba-sub{flex:0 0 auto}

/* 5-card stat row on the Activity page (the pre-built stylesheet only has 4) */
@media (min-width:48rem){.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}