/* MachIntell Teams - design tokens + base */
:root {
  --bg: #0b0b0f;
  --bg-2: #101016;
  --surface: #14141b;
  --surface-2: #1a1a23;
  --surface-3: #22222d;
  --border: #262631;
  --border-2: #31313e;
  --text: #ececf2;
  --text-2: #b4b4c3;
  --muted: #80808f;
  --brand: #8b7cff;
  --brand-2: #6f5df5;
  --brand-soft: rgba(139, 124, 255, 0.14);
  --info: #5aa9ff;
  --success: #3ccf91;
  --warn: #f5b84a;
  --danger: #f2626b;
  --info-soft: rgba(90, 169, 255, 0.13);
  --success-soft: rgba(60, 207, 145, 0.13);
  --warn-soft: rgba(245, 184, 74, 0.14);
  --danger-soft: rgba(242, 98, 107, 0.14);
  --neutral-soft: rgba(160, 160, 180, 0.12);
  --shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
  --radius: 10px;
  --radius-lg: 14px;
  --sidebar: 236px;
  --font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;
  color-scheme: dark;
  --c-violet: #8b7cff; --c-blue: #5aa9ff; --c-teal: #2ec4b6; --c-green: #3ccf91;
  --c-amber: #f5b84a; --c-orange: #f2894a; --c-rose: #f2627f; --c-slate: #8a94a6;
}
[data-theme="light"] {
  --bg: #f7f7f9;
  --bg-2: #f1f1f5;
  --surface: #ffffff;
  --surface-2: #f6f6f9;
  --surface-3: #ececf2;
  --border: #e5e5ec;
  --border-2: #d7d7e1;
  --text: #16161d;
  --text-2: #474757;
  --muted: #7a7a8a;
  --brand: #6a55f0;
  --brand-2: #5641e0;
  --brand-soft: rgba(106, 85, 240, 0.1);
  --shadow: 0 12px 40px rgba(20, 20, 40, 0.12);
  color-scheme: light;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--font);
  font-size: 14px;
  line-height: 1.5;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
a.link, .prose a { color: var(--brand); }
a.link:hover, .prose a:hover { text-decoration: underline; }
button, input, select, textarea { font: inherit; color: inherit; }
::selection { background: var(--brand-soft); }
.ic { flex-shrink: 0; display: inline-block; vertical-align: middle; }
.mono { font-family: var(--mono); font-size: 12px; }
.muted { color: var(--muted); }
.text-2 { color: var(--text-2); }
.small { font-size: 12px; }
.tiny { font-size: 11px; }
.strong { font-weight: 600; }
.nowrap { white-space: nowrap; }
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.hidden { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* Layout primitives */
.row { display: flex; align-items: center; gap: 8px; }
.row-top { display: flex; align-items: flex-start; gap: 8px; }
.col { display: flex; flex-direction: column; gap: 8px; }
.spread { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.wrap { flex-wrap: wrap; }
.grow { flex: 1; min-width: 0; }
.gap-4 { gap: 4px; } .gap-12 { gap: 12px; } .gap-16 { gap: 16px; } .gap-24 { gap: 24px; }
.mt-4 { margin-top: 4px; } .mt-8 { margin-top: 8px; } .mt-12 { margin-top: 12px; } .mt-16 { margin-top: 16px; } .mt-24 { margin-top: 24px; }
.mb-8 { margin-bottom: 8px; } .mb-12 { margin-bottom: 12px; } .mb-16 { margin-bottom: 16px; } .mb-24 { margin-bottom: 24px; }
.grid { display: grid; gap: 16px; }
.grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid-main { grid-template-columns: minmax(0, 1fr) 340px; align-items: start; }
@media (max-width: 1100px) { .grid-main { grid-template-columns: 1fr; } .grid-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 720px) { .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; } }