, default browser outline barely shows
* against #18181B). Brand-gold ring at 2px keeps it consistent with the
* existing focus pattern in the rest of the admin design system. */
body aside.ap-sidebar a:focus-visible,
body aside.ap-sidebar button:focus-visible {
outline: 2px solid #fbbf24;
outline-offset: -2px;
border-radius: 8px;
}
/* ============================================================================
* 2026-05-19 (v2): Sidebar full-height fix. The aside is already
* `position: fixed; h-[100svh]` (Tailwind) so it IS viewport-tall — but the
* MENU CONTENT inside is shorter than the aside, and because aside has
* `overflow-auto`, the BG of the aside element shows through correctly...
* except the OUTER `` that wraps body's
* content is painting LIGHT bg below the aside's bottom edge (visible when
* page is scrolled or aside doesn't reach absolute viewport top).
*
* Bulletproof fix: a viewport-pinned `body::before` pseudo-element that
* paints the left 250 px column dark, BEHIND everything else. Independent
* of any flex/Tailwind interactions.
* ============================================================================ */
body aside.ap-sidebar {
min-height: 100vh;
min-height: 100svh;
align-self: stretch;
}
/* Desktop: paint the left 250 px gutter dark as a viewport-pinned
* background. Works regardless of what's between body and aside in the
* DOM tree. z-index: 0 keeps it behind the aside (which has z-[200])
* and behind the main content (which has its own bg paint). */
@media (min-width: 992px) {
body::before {
content: "";
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 250px;
background: #18181B;
z-index: 0;
pointer-events: none;
}
/* Also paint the inner flex wrapper's left 250 px so even if ::before
* is overridden by something, the immediate parent of aside still
* shows dark. linear-gradient lets the right side stay bg-stone-100. */
body > #__next > div.flex,
body > div.flex {
background:
linear-gradient(to right, #18181B 0, #18181B 250px, #f5f5f4 250px, #f5f5f4 100%);
background-attachment: fixed;
}
}
/* 2026-05-19 (v3): Force aside bg dark with to defeat any inline
*