/* nx-chrome-kit-v3 — VISIBLE Night Instrument surface (DESK iframe must still look branded) */
@import url("./nx-fonts.css");
@import url("./tokens.css");
@import url("./nx-shell.css");

:root {
  color-scheme: dark !important;
  --bg: var(--nx-bg) !important;
  --bg2: var(--nx-bg-raised) !important;
  --bg-root: var(--nx-bg) !important;
  --bg-primary: var(--nx-bg) !important;
  --bg-surface: var(--nx-bg-surface) !important;
  --bg-elevated: var(--nx-bg-raised) !important;
  --panel: var(--nx-bg-surface) !important;
  --panel-2: var(--nx-bg-raised) !important;
  --panel-3: var(--nx-bg-hover) !important;
  --surface: var(--nx-bg-surface) !important;
  --plane: var(--nx-bg) !important;
  --ink: var(--nx-ink) !important;
  --text: var(--nx-ink) !important;
  --text-primary: var(--nx-ink) !important;
  --muted: var(--nx-muted) !important;
  --text-secondary: var(--nx-muted) !important;
  --line: var(--nx-line) !important;
  --border: var(--nx-line) !important;
  --accent: var(--nx-fn-pool) !important;
  --blue: var(--nx-fn-pool) !important;
  --cyan: var(--nx-fn-temp) !important;
  --green: var(--nx-fn-down) !important;
  --red: var(--nx-fn-up) !important;
  --warn: var(--nx-fn-warn) !important;
  --radius: 2px !important;
  --r: 2px !important;
}

html, body {
  background: #0B0E0C !important;
  background-image: none !important;
  color: #EDE8E0 !important;
}

/* Common product chrome → Night Instrument raised/surface */
header, .header, .topbar, .top, .brand-header, .sidebar, .mobile-header,
.menubar, nav, .nav, .shell > .top, .app-header, #sidebar, .drawer,
.card, .panel, .modal, .popover, .dropdown, .sheet,
.oversold-modal-content, .qp-shell {
  background: #101411 !important;
  color: #EDE8E0 !important;
  border-color: rgba(237, 232, 224, 0.135) !important;
}

.topbar, .top, .brand-header, header, .header, .mobile-header {
  border-bottom: 1px solid rgba(237, 232, 224, 0.135) !important;
  backdrop-filter: none !important;
}

/* Sticky product bars: keep usable under DESK window */
.topbar, .top, .brand-header, .header {
  position: sticky;
  top: 0;
  z-index: 40;
}

body > .nx-topbar {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #101411 !important;
  border-bottom: 1px solid rgba(237, 232, 224, 0.135) !important;
}

/* Embed: hide ONLY mother wordmark row — surface paint stays */
html.nx-embed .nx-topbar { display: none !important; }

/* Controls */
button, .btn, .nx-btn, input, select, textarea {
  border-radius: 2px !important;
}
input, select, textarea {
  color-scheme: dark !important;
  background: #161A17 !important;
  color: #EDE8E0 !important;
  border: 1px solid rgba(237, 232, 224, 0.135) !important;
}

:focus-visible {
  outline: 1px solid rgba(237, 232, 224, 0.22) !important;
  outline-offset: 2px;
}

/* Titles */
h1, h2, .brand h1, .logo-text, .nx-topbar-name {
  font-family: "Space Grotesk", var(--nx-gothic), sans-serif !important;
}

/* Kill light paper leftovers that fight Night Instrument */
.bg-white, .bg-slate-50, .bg-gray-50, .bg-gray-100 {
  background-color: #161A17 !important;
}
.text-black, .text-slate-900, .text-gray-900 {
  color: #EDE8E0 !important;
}