/* AgentDock: console only; pairs with the existing catalog glass. Native layout, theme and controls stay in charge. */
body:has([data-slot="sidebar-wrapper"]) {
  --ad-base: #f1f2f3;
  --ad-light: rgba(255, 255, 255, .80);
  --ad-shade: rgba(126, 130, 135, .045);
  --ad-glass: rgba(255, 255, 255, .48);
  --ad-inner: rgba(255, 255, 255, .32);
  --ad-shell: rgba(255, 255, 255, .10);
  --ad-edge: rgba(110, 115, 120, .13);
  --ad-highlight: rgba(255, 255, 255, .84);
  --ad-shadow: 0 8px 28px rgba(20, 25, 30, .055), 0 1px 3px rgba(20, 25, 30, .025), inset 0 1px 0 var(--ad-highlight);
  background-color: var(--ad-base);
  background-image:
    radial-gradient(ellipse at 12% 5%, var(--ad-light), transparent 52%),
    radial-gradient(ellipse at 93% 35%, var(--ad-shade), transparent 55%),
    linear-gradient(transparent, transparent);
  background-attachment: fixed;
}

.dark body:has([data-slot="sidebar-wrapper"]) {
  --ad-base: #161719;
  --ad-light: rgba(255, 255, 255, .025);
  --ad-shade: rgba(0, 0, 0, .08);
  --ad-glass: rgba(37, 38, 40, .57);
  --ad-inner: rgba(255, 255, 255, .035);
  --ad-shell: rgba(255, 255, 255, .015);
  --ad-edge: rgba(255, 255, 255, .10);
  --ad-highlight: rgba(255, 255, 255, .12);
  --ad-shadow: 0 8px 28px rgba(0, 0, 0, .12), inset 0 1px 0 var(--ad-highlight);
}

/* Console: a translucent frame around the original dense workspace. */
[data-slot="sidebar-wrapper"] {
  background: transparent;
}
[data-slot="sidebar-wrapper"] > header {
  background: var(--ad-glass);
  border-bottom: 1px solid var(--ad-edge);
  box-shadow: 0 1px 16px rgba(20, 25, 30, .025);
  -webkit-backdrop-filter: blur(28px);
  backdrop-filter: blur(28px);
}
[data-slot="sidebar-wrapper"] [data-slot="sidebar-inner"] {
  background: var(--ad-inner);
  border: 1px solid var(--ad-edge);
  border-radius: 16px;
  box-shadow: inset 0 1px 0 var(--ad-highlight);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
}
[data-slot="sidebar-wrapper"] [data-slot="sidebar-inset"] {
  background: var(--ad-shell);
  border: 1px solid var(--ad-edge);
  box-shadow: var(--ad-shadow);
}
[data-slot="sidebar-wrapper"] [data-slot="sidebar-inset"] :is(.bg-card, [data-slot="card"]) {
  background: var(--ad-glass);
  border-color: var(--ad-edge);
  box-shadow: var(--ad-shadow);
  -webkit-backdrop-filter: blur(28px);
  backdrop-filter: blur(28px);
}
[data-slot="sidebar-wrapper"] [data-slot="sidebar-inset"] [class~="bg-background/60"] {
  background: var(--ad-inner);
  border-color: var(--ad-edge);
  box-shadow: inset 0 1px 0 var(--ad-highlight);
}
/* Reduce blur cost on phones. */
@media (max-width: 767px) {
  [data-slot="sidebar-wrapper"] [data-slot="sidebar-inset"] :is(.bg-card, [data-slot="card"]) {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body:has([data-slot="sidebar-wrapper"]) {
    --ad-glass: color-mix(in srgb, var(--ad-base) 94%, transparent);
    --ad-inner: color-mix(in srgb, var(--ad-base) 88%, transparent);
  }
}
/* Neutral frosted surface: fine grain, edge reflection and real backdrop blur. */
[data-slot="sidebar-wrapper"] [data-slot="sidebar-inset"] :is(.bg-card, [data-slot="card"]) {
  background-image: linear-gradient(145deg, rgba(255,255,255,.24), rgba(255,255,255,.015) 62%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23888' opacity='.045' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");
  background-size: auto, 160px 160px;
}
.dark [data-slot="sidebar-wrapper"] [data-slot="sidebar-inset"] :is(.bg-card, [data-slot="card"]) {
  background-image: linear-gradient(145deg, rgba(255,255,255,.035), transparent 62%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23888' opacity='.045' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");
}