:root {
  --bg: #0A0F1E;
  --bg2: #0D1528;
  --bg3: #111A30;
  --surface: rgba(255,255,255,0.04);
  --surface2: rgba(255,255,255,0.07);
  --border: rgba(0,194,255,0.10);
  --border2: rgba(0,194,255,0.30);
  --blue: #00C2FF;
  --purple: #0073E6;
  --pink: #00E5FF;
  --cyan: #00C2FF;
  --green: #10B981;
  /* Muted steel-blue used only for the Insights panel — deliberately desaturated
     vs. the app's neon --blue/--cyan brand color, so stat cards, icons and the
     takeaway callout read as calm analyst-report chrome rather than a flashy UI accent. */
  --dg-ink: #4E7DA6;
  --dg-ink-rgb: 78, 125, 166;
  --dg-ink-soft: rgba(78,125,166,0.12);
  --text: #E8F4FF;
  --text2: #7BA8C4;
  --text3: #3A5A70;
  --glow-blue: 0 0 20px rgba(0,194,255,0.35);
  --glow-purple: 0 0 20px rgba(0,115,230,0.35);
  --glow-pink: 0 0 20px rgba(0,194,255,0.25);
  --radius: 14px;
  --sidebar-w: 220px;
  --sidebar-collapsed-w: 0px;
  --sidebar-rail-w: 56px;
  --topnav-h: 56px;

  /* PDF Editor chrome */
  --pdfed-strip-bg: #141B2D;
  --pdfed-strip-border: rgba(255,255,255,0.07);
  --pdfed-strip-header-color: rgba(170,192,216,0.6);
  --pdfed-canvas-area-bg: #1E2535;
  --pdfed-canvas-area-border: rgba(255,255,255,0.05);
  --pdfed-toolbar-bg: #1C2333;
  --pdfed-toolbar-border: rgba(255,255,255,0.07);
  --pdfed-scroll-bg: #2D3548;
  --pdfed-scroll-dot: rgba(255,255,255,0.04);
  --pdfed-panel-bg: #141B2D;
  --pdfed-panel-border: rgba(255,255,255,0.07);
  --pdfed-section-bg: rgba(255,255,255,0.04);
  --pdfed-section-border: rgba(255,255,255,0.07);
  --pdfed-section-label: rgba(170,192,216,0.7);
  --pdfed-btn-hover: rgba(255,255,255,0.07);
  --pdfed-btn-bg: rgba(255,255,255,0.05);
  --pdfed-ribbon-btn-bg: rgba(255,255,255,0.05);
  --pdfed-accent: #5CA8FF;
  --pdfed-accent-bg: rgba(92,168,255,0.16);

  --shadow-card: none;
  --shadow-card-hover: 0 8px 24px rgba(0,0,0,0.4);
  --shadow-nav: none;
  --shadow-nav-active: none;
}

/* ─── SIDEBAR COLLAPSED → MINI ICON RAIL ───
   Rather than disappearing entirely, the sidebar shrinks down to a slim
   strip of icon-only buttons (same nav items, same onclick handlers) so
   people can still jump straight to a tool without reopening the full
   sidebar first. */
.sidebar { will-change: width; }
.sidebar-collapsed .sidebar {
  width: var(--sidebar-rail-w);
  padding: 16px 6px;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 1;
}
.sidebar-collapsed .app {
  grid-template-columns: var(--sidebar-rail-w) 1fr;
}
.sidebar-collapsed .main::before {
  left: var(--sidebar-rail-w);
}

/* Icon-only nav rows: collapse the plain-text label to zero width via
   font-size:0 (the icons are fixed px SVGs, not em-based, so they stay
   put and centered) and hide anything that needs horizontal room. */
.sidebar-collapsed .nav-item,
.sidebar-collapsed .sidebar-folder-header {
  justify-content: center;
  padding: 10px 0;
  gap: 0;
  font-size: 0;
}
.sidebar-collapsed .nav-item.active::before { left: -6px; }
.sidebar-collapsed .sidebar-section,
.sidebar-collapsed .sidebar-folder-body,
.sidebar-collapsed .nav-badge,
.sidebar-collapsed .sidebar-tag,
.sidebar-collapsed .folder-chevron,
.sidebar-collapsed .nav-ext-arrow {
  display: none !important;
}

/* ─── LIGHT THEME ─── */
[data-theme="light"] {
  --bg: #F0F6FF;
  --bg2: #FFFFFF;
  --bg3: #E8F2FF;
  --surface: rgba(0,0,0,0.04);
  --surface2: rgba(0,0,0,0.06);
  --border: rgba(0,115,230,0.12);
  --border2: rgba(0,194,255,0.35);
  --text: #0A0F1E;
  --text2: #2A4A6A;
  --text3: #7A9AB0;
  --glow-blue: 0 0 20px rgba(0,194,255,0.2);
  --shadow-card: 0 1px 1px rgba(16,40,90,0.03), 0 3px 6px rgba(16,40,90,0.04), 0 10px 24px -8px rgba(16,40,90,0.10);
  --shadow-card-hover: 0 2px 4px rgba(16,40,90,0.05), 0 8px 16px -4px rgba(16,40,90,0.08), 0 20px 40px -12px rgba(0,115,230,0.18), 0 0 0 1px rgba(0,194,255,0.08);
  --shadow-nav: 0 1px 2px rgba(16,40,90,0.04), 0 4px 10px -3px rgba(16,40,90,0.09);
  --shadow-nav-active: 0 1px 2px rgba(0,115,230,0.08), 0 4px 12px -2px rgba(0,115,230,0.16), 0 0 0 1px rgba(0,194,255,0.04);
  --dg-ink: #3E6B90;
  --dg-ink-rgb: 62, 107, 144;
  --dg-ink-soft: rgba(62,107,144,0.09);
}
[data-theme="light"] .topnav { background: rgba(240,246,255,0.97); }
[data-theme="light"] .main::before {
  background-image:
    linear-gradient(rgba(0,194,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,194,255,0.05) 1px, transparent 1px);
}
[data-theme="light"] .toast { background: #fff; }

/* PDF Editor light theme */
[data-theme="light"] {
  --pdfed-strip-bg: #E8F0FB;
  --pdfed-strip-border: rgba(0,115,230,0.12);
  --pdfed-strip-header-color: rgba(30,60,100,0.55);
  --pdfed-canvas-area-bg: #F0F6FF;
  --pdfed-canvas-area-border: rgba(0,115,230,0.10);
  --pdfed-toolbar-bg: #E4EEF9;
  --pdfed-toolbar-border: rgba(0,115,230,0.12);
  --pdfed-scroll-bg: #D8E8F8;
  --pdfed-scroll-dot: rgba(0,115,230,0.06);
  --pdfed-panel-bg: #E8F0FB;
  --pdfed-panel-border: rgba(0,115,230,0.12);
  --pdfed-section-bg: rgba(0,115,230,0.04);
  --pdfed-section-border: rgba(0,115,230,0.12);
  --pdfed-section-label: rgba(20,60,110,0.65);
  --pdfed-btn-hover: rgba(0,115,230,0.10);
  --pdfed-btn-bg: rgba(0,115,230,0.06);
  --pdfed-ribbon-btn-bg: rgba(0,115,230,0.06);
  --pdfed-accent: #0F62D6;
  --pdfed-accent-bg: rgba(15,98,214,0.12);
}

* { margin:0; padding:0; box-sizing:border-box; }

html, body {
  height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  overflow: hidden;
}