/* =====================================================
   ViyaBook — Static dark-sidebar fallback
   -----------------------------------------------------
   Loaded by pages that do NOT pull in styles.css / layout.css
   (dashboard, data-export, gst-report, help-center,
   subscription, telegram-settings). Those pages have no
   static dark-sidebar source, so when the runtime-injected
   theme in components/layout.js is slow / stale (service
   worker) / fails, the sidebar renders white.

   This file guarantees the dark chrome is present from the
   first paint, independent of JavaScript. It intentionally
   ONLY styles the sidebar shell (background / border / size)
   and the empty-skeleton state — nav-link, brand and footer
   styling continue to come from components/layout.js so the
   look stays identical to every other page.

   Dark-mode (html.viya-dv) overrides in dark.css have higher
   specificity and still win, so this only governs light mode.
   ===================================================== */

.sidebar,
aside.sidebar {
  width: var(--vb-sidebar-w, 220px);
  min-width: var(--vb-sidebar-w, 220px);
  max-width: var(--vb-sidebar-w, 220px);
  min-height: 100vh;
  min-height: 100dvh;
  background: linear-gradient(180deg, #0C1E3E 0%, #061229 100%);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  color: #eaf2ff;
}

/* Dark placeholder while layout.js is still populating the sidebar,
   so there is never a white flash before the nav renders. */
.sidebar:empty {
  box-sizing: border-box;
  padding: 22px 20px;
  overflow: hidden;
  position: relative;
}

/* Mobile show/hide is intentionally left to the existing per-page /
   layout.js rules so this file does not fight their drawer logic. */