:root {
  --bg: #050d12;
  --bg-soft: #07151c;
  --panel: rgba(12, 25, 33, 0.82);
  --panel-strong: rgba(13, 30, 39, 0.94);
  --panel-soft: rgba(255, 255, 255, 0.034);
  --line: rgba(180, 245, 255, 0.115);
  --line-strong: rgba(32, 244, 222, 0.42);
  --text: #f1f8fd;
  --text-soft: #b9c8d3;
  --muted: #7e8d98;
  --accent: #19f2df;
  --accent-2: #0da5ff;
  --green: #48dd8d;
  --yellow: #ffc65a;
  --red: #ff6875;
  --purple: #a874ff;
  --orange: #ff934d;
  --shadow: 0 18px 58px rgba(0, 0, 0, 0.42);
  --radius-lg: 20px;
  --radius: 15px;
  --radius-sm: 10px;
  --sidebar-width: 270px;
  --header-height: 86px;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  font-family: var(--font);
  color: var(--text);
  background:
    radial-gradient(circle at 72% -8%, rgba(25, 242, 223, 0.13), transparent 32%),
    radial-gradient(circle at 8% 18%, rgba(13, 165, 255, 0.10), transparent 28%),
    linear-gradient(135deg, #040a0e 0%, #071018 46%, #041016 100%);
  overflow: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .22;
  background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at 58% 34%, black, transparent 68%);
}

button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: rgba(255,255,255,0.025); }
::-webkit-scrollbar-thumb { background: rgba(25, 242, 223, 0.24); border-radius: 999px; }
.hidden { display: none !important; }

/* v0.1.6: feste App-Fläche, kein globales Browser-Scrolling auf Desktop */
:root {
  --sidebar-width: 250px;
  --header-height: 72px;
  --gap: 12px;
  --content-pad-x: 20px;
  --content-pad-y: 14px;
}
#app { width: 100vw; height: 100dvh; overflow: hidden; }
html, body { width: 100%; height: 100%; overflow: hidden; }