/*
  Modern theme frosted-glass blur rules.
  Served from public/ — never processed by PostCSS/Vite so backdrop-filter
  and -webkit-backdrop-filter reach the browser intact.

  Pattern: CSS variables hold per-mode backgrounds; selectors use .theme-modern
  only (no dark/light duplication). The html root carries .dark or .light from
  ThemeProvider, which sets the right variable values automatically.
*/

.dark.theme-modern {
  --glass-overlay-bg:   rgba(0,0,0,.4);
  --glass-dialog-bg:    rgba(11,11,11,.4);
  --glass-dialog-border:hsla(0,0%,100%,.15);
  --glass-panel-bg:     rgba(11,11,11,.5);
  --glass-panel-border: hsla(0,0%,100%,.12);
  --glass-header-bg:    rgba(0,0,0,.1);
  --glass-widget-bg:    rgba(11,11,11,.7);
  --glass-toast-bg:     rgba(254,254,254,.1);
  --glass-search-bg:    rgba(11,11,11,.7);
}

.light.theme-modern {
  --glass-overlay-bg:   rgba(255,255,255,.3);
  --glass-dialog-bg:    rgba(250,250,250,.6);
  --glass-dialog-border:hsla(0,0%,0%,.1);
  --glass-panel-bg:     rgba(248,248,248,.7);
  --glass-panel-border: hsla(0,0%,0%,.1);
  --glass-header-bg:    rgba(255,255,255,.5);
  --glass-widget-bg:    rgba(255,255,255,.65);
  --glass-toast-bg:     rgba(255,255,255,.75);
  --glass-search-bg:    rgba(255,255,255,.85);
}

/* Radix popper dropdowns — frosted via ::before pseudo-element */
.theme-modern [data-radix-popper-content-wrapper]>*::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  z-index: -1;
  pointer-events: none;
}

.theme-modern [data-radix-dialog-overlay] {
  background: var(--glass-overlay-bg) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.theme-modern [role=dialog],
.theme-modern [role=alertdialog],
.theme-modern [data-slot=drawer-content] {
  background: var(--glass-dialog-bg) !important;
  backdrop-filter: blur(40px) !important;
  -webkit-backdrop-filter: blur(40px) !important;
  border: 1px solid var(--glass-dialog-border) !important;
}

.theme-modern [data-panel-card] {
  background: var(--glass-panel-bg) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-color: var(--glass-panel-border) !important;
}

.theme-modern #dashboard-header-bar {
  background: var(--glass-header-bg) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.theme-modern [data-widget-id] {
  background: var(--glass-widget-bg);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.theme-modern [data-sonner-toast] {
  background: var(--glass-toast-bg) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}

.theme-modern [data-search-instrument-popup] {
  background: var(--glass-search-bg) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}