/* Watchdog glass top bar (universal).
   watchdog-glass-header.js tags each page's sticky/fixed top bar with
   data-wd-glass and adds a .wd-glass-layer behind its contents. The frosted
   layer lives on its own child (not the bar) so the bar never becomes a
   containing block for fixed menus or dropdowns inside it. The page's own
   header color is kept, just made translucent (--wd-glass-rgb). */
html body [data-wd-glass]{background-color:transparent!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;isolation:isolate;border-bottom-color:rgba(15,35,80,.07)!important}
html body [data-wd-glass]>.wd-glass-layer{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:rgba(var(--wd-glass-rgb,251,250,247),.68);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(15,35,80,.07)}
html body [data-wd-glass="dark"]>.wd-glass-layer{background:rgba(var(--wd-glass-rgb,15,35,80),.84);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.18)}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  html body [data-wd-glass]>.wd-glass-layer{background:rgba(var(--wd-glass-rgb,251,250,247),.96)}
}
@media (prefers-reduced-transparency:reduce){
  html body [data-wd-glass]>.wd-glass-layer{background:rgba(var(--wd-glass-rgb,251,250,247),.97);-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media print{
  html body [data-wd-glass]>.wd-glass-layer{display:none}
  html body [data-wd-glass]{background:#fff!important}
}