/* Fill only the remaining flat components. Existing page/nav/card surfaces stay intact. */
body:has([data-slot="sidebar-wrapper"]) {
  --ad-component-track: rgba(120,136,168,.10);
  --ad-component-rim: rgba(255,255,255,.82);
  --ad-component-low-edge: rgba(110,128,165,.23);
  --ad-component-selected: linear-gradient(125deg,rgba(255,255,255,.62),rgba(224,221,255,.20) 72%),rgba(99,102,241,.14);
  --ad-component-selected-edge: rgba(99,102,241,.33);
  --ad-component-selected-shadow: 0 4px 10px rgba(66,61,136,.14),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(124,119,206,.12);
  --ad-component-ink: #4f46e5;
}
.dark body:has([data-slot="sidebar-wrapper"]) {
  --ad-component-track: rgba(9,14,27,.24);
  --ad-component-rim: rgba(216,227,255,.22);
  --ad-component-low-edge: rgba(7,12,24,.45);
  --ad-component-selected: linear-gradient(125deg,rgba(202,211,255,.15),rgba(143,131,229,.035) 72%),rgba(119,112,232,.18);
  --ad-component-selected-edge: rgba(177,174,255,.35);
  --ad-component-selected-shadow: 0 4px 12px rgba(0,0,0,.24),inset 0 1px 0 rgba(224,231,255,.28),inset 0 -1px 0 rgba(145,139,225,.12);
  --ad-component-ink: #d1ccff;
}

/* Recessed segmented track, with a raised translucent active segment. */
body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar-inset"] [data-slot="tabs-list"][data-variant="default"] {
  background: linear-gradient(145deg,rgba(255,255,255,.10),transparent 70%),var(--ad-component-track);
  box-shadow: inset 0 1px 3px rgba(45,59,93,.12),inset 0 0 0 1px var(--ad-component-low-edge),0 1px 0 var(--ad-component-rim);
  -webkit-backdrop-filter: blur(12px) saturate(135%);
  backdrop-filter: blur(12px) saturate(135%);
}
body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar-inset"] [data-slot="tabs-list"][data-variant="default"] [data-slot="tabs-trigger"]:is([data-active],[aria-selected="true"]) {
  background: var(--ad-component-selected);
  border-color: var(--ad-component-selected-edge);
  box-shadow: var(--ad-component-selected-shadow);
  color: var(--ad-component-ink);
}

/* Same active material in the existing sidebar shape; keep native focus rings. */
body:has([data-slot="sidebar-wrapper"]) :is([data-slot="sidebar-menu-button"], [data-slot="sidebar-menu-sub-button"])[data-active] {
  background: var(--ad-component-selected);
  color: var(--ad-component-ink);
  box-shadow: var(--ad-component-selected-shadow),inset 0 0 0 1px var(--ad-component-selected-edge);
  -webkit-backdrop-filter: blur(12px) saturate(135%);
  backdrop-filter: blur(12px) saturate(135%);
}

/* The form wrapper replaces data-slot=switch, so target its native switch role. */
body:has([data-slot="sidebar-wrapper"]) [role="switch"] {
  background: linear-gradient(180deg,rgba(117,134,164,.18),rgba(255,255,255,.22)),var(--ad-component-track);
  border-color: var(--ad-component-low-edge);
  box-shadow: inset 0 1px 3px rgba(43,55,85,.19),0 1px 0 var(--ad-component-rim);
  -webkit-backdrop-filter: blur(8px) saturate(140%);
  backdrop-filter: blur(8px) saturate(140%);
}
body:has([data-slot="sidebar-wrapper"]) [role="switch"][aria-checked="true"] {
  background: linear-gradient(155deg,rgba(160,157,255,.72),rgba(79,70,229,.78)),rgba(99,102,241,.24);
  border-color: rgba(103,96,219,.40);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.48),inset 0 -1px 2px rgba(51,40,145,.28),0 2px 5px rgba(79,70,229,.17);
}
.dark body:has([data-slot="sidebar-wrapper"]) [role="switch"] {
  background: linear-gradient(180deg,rgba(6,10,24,.45),rgba(178,190,222,.09)),rgba(54,63,87,.26);
}
.dark body:has([data-slot="sidebar-wrapper"]) [role="switch"][aria-checked="true"] {
  background: linear-gradient(155deg,rgba(172,164,255,.60),rgba(99,85,225,.64)),rgba(99,102,241,.30);
  border-color: rgba(190,181,255,.38);
}
body:has([data-slot="sidebar-wrapper"]) [role="switch"] [data-slot="switch-thumb"] {
  background: linear-gradient(145deg,#fff 15%,#f7f8ff 55%,#dce2f4);
  box-shadow: 0 2px 4px rgba(30,36,72,.28),inset 0 1px 0 #fff,inset 0 -1px 1px rgba(136,145,180,.24);
}
body:has([data-slot="sidebar-wrapper"]) [role="switch"]:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 3px;
}

/* Table frame carries one blur; normal cells stay transparent so tint is not
   painted twice. Pinned cells use a denser frosted veil to hide passing text. */
[data-slot="sidebar-inset"] div.rounded-lg.border:has([data-slot="table"]) {
  background: linear-gradient(135deg,rgba(255,255,255,.18),rgba(226,231,251,.06) 70%),rgba(249,251,255,.12);
  border-color: var(--ad-component-rim);
  box-shadow: 0 9px 24px rgba(41,53,90,.08),inset 0 1px 0 var(--ad-component-rim),inset 0 -1px 0 rgba(133,148,182,.15);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
}
.dark [data-slot="sidebar-inset"] div.rounded-lg.border:has([data-slot="table"]) {
  background: linear-gradient(135deg,rgba(196,210,255,.055),transparent 70%),rgba(22,28,42,.20);
  box-shadow: 0 9px 24px rgba(0,0,0,.22),inset 0 1px 0 var(--ad-component-rim),inset 0 -1px 0 rgba(7,11,22,.25);
}
[data-slot="sidebar-inset"] [data-slot="table-body"] > [data-slot="table-row"] > [data-slot="table-cell"]:not(.sticky) {
  background-color: transparent !important;
}
[data-slot="sidebar-inset"] [data-slot="table-body"] > [data-slot="table-row"] > [data-slot="table-cell"].sticky {
  background-color: var(--ad-grid-pinned) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
[data-slot="sidebar-inset"] [data-slot="table-body"] > [data-slot="table-row"]:is(:hover,[data-state="selected"],:has([aria-expanded="true"])) > [data-slot="table-cell"].sticky {
  background-color: var(--ad-grid-pinned-active) !important;
}
[data-slot="sidebar-inset"] [data-slot="table-header"] {
  box-shadow: 0 5px 10px -7px rgba(41,53,90,.30),inset 0 1px 0 var(--ad-component-rim);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
}
[data-slot="sidebar-inset"] [data-slot="table-header"] :is([data-slot="table-row"],[data-slot="table-head"]:not(.sticky)) {
  background-color: transparent !important;
}
[data-slot="sidebar-inset"] [data-slot="table-head"].sticky {
  background-color: var(--ad-grid-pinned-head) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
[data-slot="sidebar-inset"] div.bg-background.border-t:has([data-slot="select-trigger"]) {
  background: linear-gradient(120deg,rgba(255,255,255,.17),transparent),var(--ad-grid-head);
  border-color: var(--ad-grid-edge);
  box-shadow: 0 -5px 15px -12px rgba(37,48,80,.28),inset 0 1px 0 var(--ad-component-rim);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  [data-slot="sidebar-inset"] div.rounded-lg.border:has([data-slot="table"]) { background: #edf0f8; }
  .dark [data-slot="sidebar-inset"] div.rounded-lg.border:has([data-slot="table"]) { background: #242b3b; }
}

/* Isolate each overview backdrop in its rounded paint layer. The pane's
   existing material, border, shadow and content remain unchanged. */
body:has([data-slot="sidebar-menu-button"][href="/dashboard/overview"][data-active]) [data-slot="sidebar-inset"] .bg-card {
  position: relative;
  isolation: isolate;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body:has([data-slot="sidebar-menu-button"][href="/dashboard/overview"][data-active]) [data-slot="sidebar-inset"] .bg-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background: var(--ad-material);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
  clip-path: border-box;
}

/* overview-balance-divider: the overview is one pane, without a hard rule
   across its middle. Keep the original spacing and wallet action. */
[data-slot="sidebar-inset"] div[class*="--overview-accent"]:has(> a[data-slot="button"][href="/wallet"]) {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
}