/* AgentDock console: one radius scale and one glass recipe for the sidebar, the workspace and popups.
   Panel 20px > card 16px > tile 12px > control 10px (base --radius). Switches, avatars and dots stay round. */
[data-slot=sidebar-wrapper],
[data-slot=dialog-content],[data-slot=sheet-content],[data-slot=popover-content],[data-slot=dropdown-menu-content],[data-slot=select-content],[data-slot=tooltip-content]{
  --radius:10px;
  --ad-tile-line:rgba(104,108,150,.14);
  --ad-glass-edge:rgba(255,255,255,.88) rgba(104,108,150,.12) rgba(104,108,150,.18) rgba(255,255,255,.74);
  --ad-glass-shadow:0 12px 30px -18px rgba(38,46,84,.30),0 1px 2px rgba(38,46,84,.05);
}

/* 1. Outer panels: sidebar and workspace share one radius. */
html body:not(#ad-x) [data-slot=sidebar-inner],
html body:not(#ad-x) [data-slot=sidebar-inset]{border-radius:20px!important}
html body:not(#ad-x) [data-slot=sidebar] :is([data-slot=sidebar-menu-button],[data-slot=sidebar-menu-sub-button]){border-radius:10px!important}

/* 2. Cards: same radius, glass edge (light top/left, faint bottom/right) and soft shadow everywhere. */
html body:not(#ad-x) [data-slot=sidebar-inset] :is(
  [data-slot=card],[data-slot=data-table-card],.bg-card.rounded-2xl,div.overflow-hidden.rounded-lg.border,
  div.rounded-lg.border:has(table),div.grid.divide-x:not(.border):not([data-slot=card] *) > div
){
  border-radius:16px!important;border-width:1px!important;border-style:solid!important;
  border-color:var(--ad-glass-edge)!important;box-shadow:var(--ad-glass-shadow)!important;
}
html body:not(#ad-x) [data-slot=sidebar-inset] [data-slot=card-header]{border-radius:16px 16px 0 0!important}
html.dark body:not(#ad-x) [data-slot=sidebar-inset] :is([data-slot=card],[data-slot=data-table-card],.bg-card.rounded-2xl,div.overflow-hidden.rounded-lg.border,div.rounded-lg.border:has(table),div.grid.divide-x:not(.border):not([data-slot=card] *) > div){
  border-color:rgba(255,255,255,.10)!important;box-shadow:0 12px 30px -18px rgba(0,0,0,.6)!important;
}

/* 3. Tiles inside cards: 12px, hairline border, no shadow (no glass stacked on glass). */
html body:not(#ad-x) [data-slot=sidebar-inset] :is([data-slot=card],[data-slot=data-table-card],.bg-card,div.overflow-hidden.rounded-lg.border)
  :is([class*="rounded-xl"],[class*="rounded-2xl"],[class*="rounded-3xl"],.rounded-lg.border):not(.bg-card):not([data-slot=card]):not([data-slot=avatar]):not([data-slot=avatar-fallback]):not(.inline-flex):not(.h-8):not(.h-7):not(input):not(button){
  border-radius:12px!important;box-shadow:none!important;
}
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] :is([data-slot=card],[data-slot=data-table-card],.bg-card,div.overflow-hidden.rounded-lg.border)
  :is([class*="rounded-xl"],[class*="rounded-2xl"],[class*="rounded-3xl"],.rounded-lg).border:not(.bg-card):not([data-slot=card]):not(.inline-flex):not(.h-8):not(.h-7):not(input):not(button){
  border-color:var(--ad-tile-line)!important;background-image:none!important;
}
html body:not(#ad-x) [data-slot=sidebar-inset] a[data-slot=button][class*="rounded-xl"]{border-radius:12px!important}

/* 4. Controls: 10px rounded rectangles, flat (no drop shadow, no highlight strip). */
html body:not(#ad-x) [data-slot=sidebar-wrapper] :is(
  input:not([type=checkbox]):not([type=radio]):not([data-slot=input-group-control]),textarea,
  [data-slot=input-group],[data-slot=toggle-group-item],
  div.inline-flex.rounded-lg.border,div.h-8.rounded-lg.border
){border-radius:10px!important}
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-wrapper] :is(
  [data-slot=button],[data-slot=input],input:not([type=checkbox]):not([type=radio]),textarea,
  [data-slot=select-trigger],[data-slot=popover-trigger],[data-slot=dropdown-menu-trigger],[data-slot=dialog-trigger],
  [data-slot=tooltip-trigger]:is(button,a),[data-slot=toggle-group-item],[data-slot=input-group],[data-slot=input-group-button],
  [data-slot=tabs-list],[data-slot=tabs-trigger],div.inline-flex.rounded-lg.border,div.h-8.rounded-lg.border,div.inline-flex.rounded-lg.border > button
):not([role=switch]):not(:focus-visible):not(:focus-within){
  box-shadow:none!important;background-image:none!important;
}
html body:not(#ad-x) [data-slot=sidebar-wrapper] [data-slot=tabs-list]{border-radius:10px!important}
html body:not(#ad-x) [data-slot=sidebar-wrapper] :is([data-slot=tabs-trigger],div.inline-flex.rounded-lg.border > button){border-radius:7px!important}
html body:not(#ad-x) [data-slot=sidebar-wrapper] [data-slot=badge]:not(:empty),
html body:not(#ad-x) [data-slot=sidebar-inset] a[class*="rounded-4xl"]{border-radius:6px!important}

/* 5. Popups follow the same scale. */
html body:not(#ad-x) :is([data-slot=dropdown-menu-content],[data-slot=popover-content],[data-slot=select-content]){border-radius:12px!important}
html body:not(#ad-x) :is([data-slot=dropdown-menu-item],[data-slot=select-item]){border-radius:8px!important}
html body:not(#ad-x) :is([data-slot=dialog-content],[data-slot=alert-dialog-content]){border-radius:20px!important}

/* 6. Inline notices: flat tinted tile instead of a raised capsule. */
html body:not(#ad-x) [data-slot=sidebar-inset] [data-slot=alert]{border-radius:12px!important;box-shadow:none!important;background-image:none!important}
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] [data-slot=alert]{background-color:rgba(99,102,241,.06)!important;border:1px solid rgba(99,102,241,.16)!important}

/* 7. Switches: flat track + plain white knob. */
html body:not(#ad-x) [role=switch]{
  background-image:none!important;background-color:rgba(120,126,160,.24)!important;
  border:1px solid rgba(110,120,160,.16)!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html body:not(#ad-x) [role=switch]:is([aria-checked=true],[data-checked]){background-color:rgb(99,102,241)!important;border-color:rgb(99,102,241)!important}
html body:not(#ad-x) [role=switch] > *{background-image:none!important;background-color:#fff!important;box-shadow:0 1px 2px rgba(30,36,72,.22)!important}
html.dark body:not(#ad-x) [role=switch]:not([aria-checked=true]){background-color:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.14)!important}

/* 8. Tiles that sit directly on the workspace use the tile radius too. */
html body:not(#ad-x) [data-slot=sidebar-inset] div.rounded-xl.border:not(.bg-card){border-radius:12px!important;box-shadow:none!important}

/* 9. Header navigation settings: all six entries are framed the same way. */
html body:not(#ad-x) [data-slot=sidebar-inset] form:has(> div.grid > div.rounded-xl.border) > div.grid > [data-slot=form-item]:has([role=switch]){
  border:1px solid var(--ad-tile-line);border-radius:12px;padding:10px 12px;
  background:color-mix(in oklab,var(--muted) 20%,transparent);
}
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] form:has(> div.grid > div.rounded-xl.border) > div.grid > div.rounded-xl.border{border-color:var(--ad-tile-line)!important}

/* 10. A lone item in a multi-column list takes the full row (e.g. email binding). */
html body:not(#ad-x) [data-slot=sidebar-inset] ul.grid > li:only-child{grid-column:1/-1}

/* 11. Profile: when the right column is empty, the settings cards span the full width like the card above. */
html body:not(#ad-x) [data-slot=sidebar-inset] div.grid[class*="minmax(360px"]:not(:has(> :nth-child(2) [data-slot=card])){grid-template-columns:minmax(0,1fr)!important}

/* 12. Full-width actions inside cards are tinted, so the saturated primary stays for the main page action. */
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] [data-slot=card] [data-slot=button].w-full:not([class*="outline"]):not([class*="ghost"]):not([class*="secondary"]){
  background:rgba(99,102,241,.10)!important;color:rgb(67,56,202)!important;border:1px solid rgba(99,102,241,.22)!important;
}
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] [data-slot=card] [data-slot=button].w-full:not([class*="outline"]):not([class*="ghost"]):not([class*="secondary"]):hover{background:rgba(99,102,241,.16)!important}

/* 13. Frosted glass in three clearly separated layers.
   Backdrop (pale, faint cool tint) < panel (thin glass) < card (brighter glass, crisp edge, soft lift) < tile (near-white, hairline, slight lift). */
[data-slot=sidebar-wrapper]{
  --ad-hl:linear-gradient(155deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.18) 34%,rgba(255,255,255,0) 58%,rgba(205,210,238,.12) 100%);
  --ad-card-bg:rgba(255,255,255,.52);
  --ad-card-line:rgba(255,255,255,.9);
  --ad-card-shade:0 12px 32px -14px rgba(47,51,92,.16),0 1px 2px rgba(47,51,92,.05),inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 .5px rgba(120,125,170,.10);
  --ad-tile-bg:rgba(255,255,255,.74);
  --ad-tile-edge:rgba(110,116,160,.13);
  --ad-tile-shade:0 1px 2px rgba(47,51,92,.05),0 6px 14px -10px rgba(47,51,92,.18),inset 0 1px 0 #fff;
}
/* Backdrop: barely tinted, low saturation. */
html:not(.dark) body:not(#ad-x):has([data-slot=sidebar-wrapper]){
  background-color:#f2f4f8!important;
  background-image:
    url("/brand/catalog-particles-light-still.svg?v=7"),
    radial-gradient(ellipse 60% 50% at 10% 15%,rgba(150,140,220,.07),transparent 72%),
    radial-gradient(ellipse 55% 45% at 90% 8%,rgba(140,190,225,.06),transparent 72%),
    radial-gradient(ellipse 60% 55% at 75% 95%,rgba(150,150,215,.06),transparent 72%)!important;
  background-attachment:fixed!important;background-size:auto,100% 100%,100% 100%,100% 100%!important;
}
/* Panels: the thinnest glass. */
html:not(.dark) body:not(#ad-x) :is([data-slot=sidebar-inner],[data-slot=sidebar-inset]){
  background-color:rgba(228,232,245,.42)!important;
  background-image:linear-gradient(160deg,rgba(255,255,255,.35),rgba(255,255,255,0) 40%)!important;
  border:1px solid rgba(255,255,255,.7)!important;
  box-shadow:0 16px 44px -18px rgba(47,51,92,.14),inset 0 1px 0 rgba(255,255,255,.9)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.15)!important;backdrop-filter:blur(24px) saturate(1.15)!important;
}
/* Cards. */
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] :is(
  [data-slot=card],[data-slot=data-table-card],.bg-card.rounded-2xl,div.overflow-hidden.rounded-lg.border,
  div.rounded-lg.border:has(table),div.grid.divide-x:not(.border):not([data-slot=card] *) > div
){
  background-color:var(--ad-card-bg)!important;background-image:var(--ad-hl)!important;
  border:1px solid var(--ad-card-line)!important;box-shadow:var(--ad-card-shade)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.2)!important;backdrop-filter:blur(16px) saturate(1.2)!important;
}
/* Title bar and pagination bar sit on the panel: no white strip, no hard rule, no drop shadow. */
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] div.shrink-0[class*="pt-3"][class*="pb-2.5"],
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] div.shrink-0.border-t{
  background:transparent!important;background-image:none!important;box-shadow:none!important;border-color:rgba(255,255,255,.75)!important;
}
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] div.shrink-0[class*="pt-3"][class*="pb-2.5"]{border-bottom:0!important}
/* Tiles inside a card: near-white, hairline edge, slight lift, so they read as a separate layer. */
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] :is([data-slot=card],[data-slot=data-table-card],.bg-card,div.overflow-hidden.rounded-lg.border)
  :is([class*="rounded-xl"],[class*="rounded-2xl"],[class*="rounded-3xl"],.rounded-lg.border):not(.bg-card):not([data-slot=card]):not([data-slot=avatar]):not([data-slot=avatar-fallback]):not(.inline-flex):not(.h-8):not(.h-7):not(input):not(button):not([data-slot=button]):not(:has([data-slot=empty-icon])){
  background-color:var(--ad-tile-bg)!important;background-image:none!important;
  border:1px solid var(--ad-tile-edge)!important;box-shadow:var(--ad-tile-shade)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
/* Tiles nested in tiles stay flat. */
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] :is([class*="rounded-xl"],[class*="rounded-2xl"]):not(.bg-card) :is([class*="rounded-xl"],[class*="rounded-2xl"]):not(.bg-card):not(button):not([data-slot=button]){
  box-shadow:none!important;background-color:rgba(246,247,251,.9)!important;
}
/* Fields and secondary buttons: solid enough to read, hairline edge. */
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] :is(input:not([type=checkbox]):not([type=radio]):not([data-slot=input-group-control]),textarea,[data-slot=input-group],[data-slot=select-trigger],[data-slot=popover-trigger],[data-slot=dropdown-menu-trigger],[data-slot=dialog-trigger],[data-slot=button][class*="border"]:not([class*="bg-primary"])){
  background-color:rgba(255,255,255,.72)!important;border-color:rgba(110,116,160,.16)!important;box-shadow:0 1px 2px rgba(47,51,92,.05)!important;
}
/* Tables: rows on the card glass, header slightly whiter, pinned column opaque. */
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] table :is(thead,thead tr,th){background-color:rgba(255,255,255,.45)!important}
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] table :is(tbody,tbody tr,tbody td){background-color:transparent!important}
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] table tbody tr:hover{background-color:rgba(255,255,255,.5)!important}
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] table tr{border-color:rgba(110,116,160,.10)!important}
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] table :is(th,td).sticky{background-color:rgba(248,249,253,.94)!important}
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] :is(div,section)[class*="rounded"]:has([data-slot=empty-icon]):not(.bg-card):not([data-slot=card]):not(:has(table)):not(:has([data-slot=card])){
  background:transparent!important;border-color:transparent!important;box-shadow:none!important;
}

/* 15. System settings: each settings form sits in the same glass card as the rest of the console. */
html body:not(#ad-x) [data-slot=sidebar-inset] div.flex.h-full.w-full.flex-col > section.flex.flex-col > :is(form.grid,div.flex.min-w-0.flex-col.gap-4){
  border-radius:16px;padding:20px 22px;
}
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] div.flex.h-full.w-full.flex-col > section.flex.flex-col > :is(form.grid,div.flex.min-w-0.flex-col.gap-4){
  background-color:var(--ad-card-bg);background-image:var(--ad-hl);
  border:1px solid var(--ad-card-line);box-shadow:var(--ad-card-shade);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);
}
html.dark body:not(#ad-x) [data-slot=sidebar-inset] div.flex.h-full.w-full.flex-col > section.flex.flex-col > :is(form.grid,div.flex.min-w-0.flex-col.gap-4){border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}

html body:not(#ad-x) [data-slot=sidebar-inset] div.flex.h-full.w-full.flex-col > section.flex.flex-col:has(> div.flex.min-w-0.flex-col.gap-4) > [data-slot=separator]{display:none}
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] form:has(> div.grid > div.rounded-xl.border) > div.grid > :is([data-slot=form-item]:has([role=switch]),div.rounded-xl.border){
  background:var(--ad-tile-bg)!important;border:1px solid var(--ad-tile-edge)!important;box-shadow:var(--ad-tile-shade)!important;
}

/* 16. Real frosted glass: panels do not blur (a blurring ancestor would hide the backdrop from the cards),
   so each card blurs the actual page backdrop. Backdrop = low-saturation slate tones with visible light/dark variation. */
html:not(.dark) body:not(#ad-x):has([data-slot=sidebar-wrapper]){
  background-color:#eceef5!important;
  background-image:
    url("/brand/catalog-particles-light-still.svg?v=7"),
    radial-gradient(ellipse 48% 42% at 14% 22%,rgba(118,124,178,.20),transparent 70%),
    radial-gradient(ellipse 44% 40% at 86% 14%,rgba(112,146,186,.18),transparent 70%),
    radial-gradient(ellipse 52% 46% at 68% 88%,rgba(128,120,176,.16),transparent 70%),
    radial-gradient(ellipse 40% 38% at 34% 78%,rgba(104,136,160,.12),transparent 70%),
    radial-gradient(ellipse 36% 30% at 50% 45%,rgba(255,255,255,.55),transparent 70%)!important;
  background-attachment:fixed!important;background-size:auto,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%!important;
}
html:not(.dark) body:not(#ad-x) :is([data-slot=sidebar-inner],[data-slot=sidebar-inset]){
  background-color:rgba(255,255,255,.16)!important;
  background-image:linear-gradient(160deg,rgba(255,255,255,.28),rgba(255,255,255,0) 38%)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
[data-slot=sidebar-wrapper]{--ad-card-bg:rgba(250,251,255,.36);--ad-tile-bg:rgba(255,255,255,.66)}
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] :is(
  [data-slot=card],[data-slot=data-table-card],.bg-card.rounded-2xl,div.overflow-hidden.rounded-lg.border,
  div.rounded-lg.border:has(table),div.grid.divide-x:not(.border):not([data-slot=card] *) > div
),
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] div.flex.h-full.w-full.flex-col > section.flex.flex-col > :is(form.grid,div.flex.min-w-0.flex-col.gap-4){
  background-color:var(--ad-card-bg)!important;
  -webkit-backdrop-filter:blur(26px) saturate(1.5)!important;backdrop-filter:blur(26px) saturate(1.5)!important;
}

/* 17. Glass cues that read even on a calm backdrop: more see-through fill, refraction edge (bright top-left, dim bottom-right), diagonal sheen. */
html:not(.dark) body:not(#ad-x):has([data-slot=sidebar-wrapper]){
  background-image:
    url("/brand/catalog-particles-light-still.svg?v=7"),
    radial-gradient(ellipse 46% 40% at 12% 20%,rgba(120,128,168,.26),transparent 70%),
    radial-gradient(ellipse 42% 38% at 88% 12%,rgba(116,140,172,.24),transparent 70%),
    radial-gradient(ellipse 50% 44% at 66% 90%,rgba(126,122,166,.22),transparent 70%),
    radial-gradient(ellipse 38% 36% at 32% 76%,rgba(110,136,158,.16),transparent 70%),
    radial-gradient(ellipse 34% 28% at 52% 42%,rgba(255,255,255,.6),transparent 70%)!important;
}
[data-slot=sidebar-wrapper]{
  --ad-card-bg:rgba(250,251,255,.26);
  --ad-hl:linear-gradient(135deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.16) 30%,rgba(255,255,255,.04) 55%,rgba(255,255,255,0) 70%,rgba(160,166,210,.10) 100%);
  --ad-card-line:rgba(255,255,255,.55);
  --ad-card-shade:inset 1px 1px 0 rgba(255,255,255,.95),inset -1px -1px 0 rgba(96,102,150,.14),0 14px 34px -16px rgba(40,46,90,.22),0 1px 2px rgba(40,46,90,.06);
}
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] :is(
  [data-slot=card],[data-slot=data-table-card],.bg-card.rounded-2xl,div.overflow-hidden.rounded-lg.border,
  div.rounded-lg.border:has(table),div.grid.divide-x:not(.border):not([data-slot=card] *) > div
),
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] div.flex.h-full.w-full.flex-col > section.flex.flex-col > :is(form.grid,div.flex.min-w-0.flex-col.gap-4){
  background-color:var(--ad-card-bg)!important;background-image:var(--ad-hl)!important;
  border-color:var(--ad-card-line)!important;box-shadow:var(--ad-card-shade)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.6) brightness(1.04)!important;backdrop-filter:blur(24px) saturate(1.6) brightness(1.04)!important;
}
html:not(.dark) body:not(#ad-x):has([data-slot=sidebar-wrapper]){
  background-color:#e4e7f0!important;
  background-image:
    url("/brand/catalog-particles-light-still.svg?v=7"),
    radial-gradient(ellipse 46% 40% at 12% 20%,rgba(112,120,164,.30),transparent 70%),
    radial-gradient(ellipse 42% 38% at 88% 12%,rgba(108,134,168,.28),transparent 70%),
    radial-gradient(ellipse 50% 44% at 66% 90%,rgba(120,114,160,.26),transparent 70%),
    radial-gradient(ellipse 38% 36% at 32% 76%,rgba(104,130,152,.20),transparent 70%),
    radial-gradient(ellipse 40% 34% at 50% 40%,rgba(246,247,252,.28),transparent 70%)!important;
}
[data-slot=sidebar-wrapper]{--ad-card-bg:rgba(250,251,255,.22)}
/* 18. Same material as the About page and the top nav: About's backdrop (pale grey, faint indigo glow, particles),
   About's card glass for cards, the nav capsule's glass for the sidebar. Inner tiles are whiter so layers stay apart. */
html:not(.dark) body:not(#ad-x):has([data-slot=sidebar-wrapper]){
  background-color:#f3f5f8!important;
  background-image:url("/brand/catalog-particles-light-still.svg?v=7"),radial-gradient(at 75% 12%,rgba(99,102,241,.035),transparent 56%)!important;
  background-size:cover,100% 100%!important;background-position:center,center!important;background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inner]{
  background-color:rgba(255,255,255,.32)!important;background-image:none!important;
  border:0!important;
  box-shadow:-5px 10px 24px rgba(49,65,96,.10),0 2px 5px rgba(49,65,96,.05),inset 1px 1px 0 rgba(255,255,255,.95),inset 2px -2px 1px rgba(255,255,255,.88)!important;
  -webkit-backdrop-filter:blur(28px) saturate(1.6)!important;backdrop-filter:blur(28px) saturate(1.6)!important;
}
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset]{
  background-color:rgba(255,255,255,.10)!important;background-image:none!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 18px 55px rgba(47,51,92,.06),inset 0 1px 0 rgba(255,255,255,.9)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
[data-slot=sidebar-wrapper]{
  --ad-card-bg:rgba(255,255,255,.06);
  --ad-hl:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.024) 68%);
  --ad-card-line:rgba(255,255,255,.78);
  --ad-card-shade:0 18px 55px rgba(47,51,92,.086),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(255,255,255,.2);
  --ad-tile-bg:rgba(255,255,255,.52);
  --ad-tile-edge:rgba(255,255,255,.9);
  --ad-tile-shade:0 0 0 1px rgba(96,104,160,.08),0 6px 16px -10px rgba(47,51,92,.22),inset 0 1px 0 #fff;
}
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] :is(
  [data-slot=card],[data-slot=data-table-card],.bg-card.rounded-2xl,div.overflow-hidden.rounded-lg.border,
  div.rounded-lg.border:has(table),div.grid.divide-x:not(.border):not([data-slot=card] *) > div
),
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] div.flex.h-full.w-full.flex-col > section.flex.flex-col > :is(form.grid,div.flex.min-w-0.flex-col.gap-4){
  background-color:var(--ad-card-bg)!important;background-image:var(--ad-hl)!important;
  border:1px solid var(--ad-card-line)!important;box-shadow:var(--ad-card-shade)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.35)!important;backdrop-filter:blur(18px) saturate(1.35)!important;
}
/* 19. Depth: three brightness steps and real shadows. A white edge alone vanishes on a pale backdrop,
   so every glass layer also gets a faint dark outline. Frame (greyer) < card (lighter glass, lifted) < tile (near-white, small lift). */
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset]{
  background-color:rgba(228,232,241,.42)!important;
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:0 0 0 1px rgba(70,80,130,.06),0 20px 50px -24px rgba(30,40,80,.18),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inner]{
  box-shadow:0 0 0 1px rgba(70,80,130,.06),0 12px 30px -12px rgba(30,40,80,.18),inset 1px 1px 0 rgba(255,255,255,.95),inset 2px -2px 1px rgba(255,255,255,.88)!important;
}
[data-slot=sidebar-wrapper]{
  --ad-card-bg:rgba(255,255,255,.36);
  --ad-hl:linear-gradient(135deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.12) 38%,rgba(255,255,255,0) 68%);
  --ad-card-line:rgba(255,255,255,.88);
  --ad-card-shade:0 0 0 1px rgba(70,80,130,.08),0 2px 4px rgba(30,40,80,.05),0 12px 28px -8px rgba(30,40,80,.16),0 32px 64px -32px rgba(30,40,80,.22),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(70,80,130,.06);
  --ad-tile-bg:rgba(255,255,255,.74);
  --ad-tile-edge:rgba(255,255,255,.95);
  --ad-tile-shade:0 0 0 1px rgba(70,80,130,.10),0 1px 2px rgba(30,40,80,.06),0 8px 18px -10px rgba(30,40,80,.24),inset 0 1px 0 #fff;
}
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] :is(
  [data-slot=card],[data-slot=data-table-card],.bg-card.rounded-2xl,div.overflow-hidden.rounded-lg.border,
  div.rounded-lg.border:has(table),div.grid.divide-x:not(.border):not([data-slot=card] *) > div
),
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] div.flex.h-full.w-full.flex-col > section.flex.flex-col > :is(form.grid,div.flex.min-w-0.flex-col.gap-4){
  -webkit-backdrop-filter:blur(20px) saturate(1.4)!important;backdrop-filter:blur(20px) saturate(1.4)!important;
}
/* Fields and secondary buttons read as tiles too. */
html:not(.dark) body:not(#ad-x) [data-slot=sidebar-inset] :is(input:not([type=checkbox]):not([type=radio]):not([data-slot=input-group-control]),textarea,[data-slot=input-group],[data-slot=select-trigger],[data-slot=popover-trigger],[data-slot=dropdown-menu-trigger],[data-slot=dialog-trigger],[data-slot=button][class*="border"]:not([class*="bg-primary"])){
  background-color:rgba(255,255,255,.8)!important;border-color:rgba(70,80,130,.14)!important;box-shadow:0 1px 2px rgba(30,40,80,.06),inset 0 1px 0 #fff!important;
}