/**
 * Small hand-written companion stylesheet for the static export's "global
 * chrome" (sidebar collapse, mobile drawer, command palette, topbar
 * dropdowns, sidebar accordion groups) — behavior/vela-static.js toggles the
 * classes/attributes these rules key off of.
 *
 * Everything else on every page is styled entirely by assets/css/style.css,
 * the real purged Tailwind bundle copied straight out of `vela-dashboard`'s
 * production build — this file only adds the handful of rules that markup
 * invented by the build pipeline (not present in the React source) needs.
 */

/* Bulletproof show/hide: !important so it always wins regardless of
   whatever Tailwind utility classes (flex, block, hidden, ...) also sit on
   the same element, since their generated order in style.css isn't something
   this pipeline controls. */
.vela-closed {
  display: none !important;
}

/* Desktop sidebar collapse (mirrors Sidebar.tsx's collapsed prop, which
   Tailwind can't do for us here since these exact classes only exist on
   whichever collapsed-state branch React happened to render). */
.vela-sidebar-aside[data-collapsed="true"] {
  width: 76px !important;
}
.vela-sidebar-aside[data-collapsed="true"] .vela-nav-label {
  display: none !important;
}
.vela-sidebar-aside[data-collapsed="true"] .vela-group-panel {
  display: none !important;
}
.vela-sidebar-aside[data-collapsed="true"] .vela-group-toggle {
  justify-content: center;
}

.vela-chevron.vela-rotated {
  transform: rotate(180deg);
}