/* Dark console chrome: each material is clipped to its own rounded pane.
   Keep layout spacers transparent and avoid broad black shadows in the gaps. */
html.dark body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar-wrapper"] > header {
  background: transparent;
  border: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html.dark body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar-wrapper"] > header > div {
  overflow: clip;
  clip-path: inset(0 round 999px);
  box-shadow: inset 0 1px 0 rgba(230,230,255,.14), inset 0 -1px 0 rgba(206,209,240,.07) !important;
}
html.dark body:has([data-slot="sidebar-wrapper"]) :is([data-slot="sidebar-container"], [data-slot="sidebar-gap"]) {
  background: transparent;
  box-shadow: none;
}
html.dark body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar-inner"] {
  overflow: clip;
  clip-path: inset(0 round 16px);
  box-shadow: inset 0 1px 0 rgba(225,222,250,.13), inset 0 -1px 0 rgba(225,222,250,.025);
}
/* This title precedes a separate scrolling region; no backdrop pane or drop
   shadow is needed between the navigation capsule and the content cards. */
html.dark body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar-inset"] main > div.shrink-0:first-child:has(> div > div > h2) {
  background: transparent;
  border-bottom-color: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}