/* Sidebar presentation only. No menu markup, event handlers or visibility rules change. */
[data-sidebar="sidebar"] {
  --lumi-nav-bg:#faf8f5;
  --lumi-nav-text:#51483f;
  --lumi-nav-muted:#a29385;
  --lumi-nav-icon:#887665;
  --lumi-nav-line:#eae2d9;
  --lumi-nav-hover:#ffffff;
  --lumi-nav-active:#fff0e3;
  --lumi-nav-active-end:#fff8f0;
  --lumi-nav-active-line:#edcfb8;
  --lumi-nav-accent:#bf4b17;
  --lumi-nav-shadow:#83542b08;
  background:linear-gradient(180deg,#fcfaf7 0%,var(--lumi-nav-bg) 50%,#f8f5f0 100%);
  color:var(--lumi-nav-text);
  box-shadow:inset -1px 0 0 var(--lumi-nav-line);
}
[data-sidebar="sidebar"] [data-sidebar="content"] {
  padding-block:8px 16px;
  scrollbar-width:thin;
  scrollbar-color:#d5c7b8 transparent;
}
[data-sidebar="sidebar"] [data-sidebar="group"] {padding-inline:10px}
[data-sidebar="sidebar"] [data-sidebar="group"]+[data-sidebar="group"] {margin-top:5px}
[data-sidebar="sidebar"] [data-sidebar="group-label"] {
  height:29px;padding-inline:9px;
  color:var(--lumi-nav-muted);font-size:10px;font-weight:600;
  letter-spacing:.7px;
}
[data-sidebar="sidebar"] [data-sidebar="menu"] {gap:4px}
[data-sidebar="sidebar"] [data-sidebar="menu-button"] {
  min-height:34px;border-radius:10px;
  color:var(--lumi-nav-text);font-size:13px;font-weight:450;
  background:transparent;
  box-shadow:inset 0 0 0 1px transparent;
  transition:background-color .16s,color .16s,box-shadow .16s;
  position:relative;
}
[data-sidebar="sidebar"] [data-sidebar="menu-button"]>svg {
  width:17px;height:17px;stroke-width:1.65;color:var(--lumi-nav-icon);
}
[data-sidebar="sidebar"] [data-sidebar="menu-button"]:hover:not(:disabled):not([aria-disabled="true"]),
[data-sidebar="sidebar"] [data-sidebar="menu-button"][data-open]:not([data-active]) {
  background:var(--lumi-nav-hover);color:#3e3328;
  box-shadow:inset 0 0 0 1px var(--lumi-nav-line),0 2px 4px var(--lumi-nav-shadow);
}
[data-sidebar="sidebar"] [data-sidebar="menu-button"][data-active],
[data-sidebar="sidebar"] [data-sidebar="menu-button"][data-active]:hover {
  background:linear-gradient(100deg,var(--lumi-nav-active),var(--lumi-nav-active-end));
  color:var(--lumi-nav-accent);font-weight:600;
  box-shadow:inset 0 0 0 1px var(--lumi-nav-active-line),0 2px 5px var(--lumi-nav-shadow);
}
[data-sidebar="sidebar"] [data-sidebar="menu-button"][data-active]::before {
  content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;
  border-radius:0 3px 3px 0;background:var(--lumi-nav-accent);pointer-events:none;
}
[data-sidebar="sidebar"] [data-sidebar="menu-button"][data-active]>svg {color:var(--lumi-nav-accent);stroke-width:1.8}
[data-sidebar="sidebar"] [data-sidebar="menu-sub"] {border-color:var(--lumi-nav-line)}
[data-sidebar="sidebar"] [data-sidebar="menu-sub-button"] {
  border-radius:8px;color:var(--lumi-nav-text);font-size:12px;
  transition:background-color .16s,color .16s;
}
[data-sidebar="sidebar"] [data-sidebar="menu-sub-button"]:hover {background:var(--lumi-nav-hover)}
[data-sidebar="sidebar"] [data-sidebar="menu-sub-button"][data-active] {
  background:var(--lumi-nav-active);color:var(--lumi-nav-accent);font-weight:550;
}
[data-sidebar="sidebar"] :is([data-sidebar="menu-button"],[data-sidebar="menu-sub-button"]):focus-visible {
  outline:2px solid #d8834f;outline-offset:2px;
}
/* Keep native icon-only collapse sizing, hiding, tooltips and flyouts intact. */
[data-collapsible="icon"] [data-sidebar="sidebar"] [data-sidebar="group"] {padding-inline:6px}
[data-collapsible="icon"] [data-sidebar="sidebar"] [data-sidebar="menu-button"] {min-height:32px;border-radius:9px}
[data-collapsible="icon"] [data-sidebar="sidebar"] [data-sidebar="menu-button"][data-active]::before {top:10px;bottom:10px;width:2px}
.dark [data-sidebar="sidebar"] {
  --lumi-nav-bg:#201c18;--lumi-nav-text:#c5b8ac;--lumi-nav-muted:#8e7c6b;
  --lumi-nav-icon:#a68c76;--lumi-nav-line:#3b3027;--lumi-nav-hover:#2b241e;
  --lumi-nav-active:#3c271a;--lumi-nav-active-end:#30231a;
  --lumi-nav-active-line:#694025;--lumi-nav-accent:#f0a16a;--lumi-nav-shadow:#0001;
  background:linear-gradient(180deg,#241e19,var(--lumi-nav-bg));
}
.dark [data-sidebar="sidebar"] [data-sidebar="menu-button"]:hover:not(:disabled):not([aria-disabled="true"]) {color:#e3d2c2}
.dark [data-sidebar="sidebar"] [data-sidebar="menu-button"][data-active]:hover {color:var(--lumi-nav-accent)}
@media(prefers-reduced-motion:reduce){
  [data-sidebar="sidebar"] :is([data-sidebar="menu-button"],[data-sidebar="menu-sub-button"]){transition:none}
}
