/*
 * This file is served verbatim from public/. Do not import it into style.css:
 * the Vite/Tailwind Production transform removes the unprefixed property.
 * Renderer/state guards preserve the solid fallback and Glass Off modes.
 */
html[data-glass-renderer='backdrop']:not([data-glass-effect='off']):not([data-reduce-transparency])
  .app-glass-surface,
html[data-glass-renderer='backdrop']:not([data-glass-effect='off']):not([data-reduce-transparency])
  .app-glass-control,
html[data-glass-renderer='backdrop']:not([data-glass-effect='off']):not([data-reduce-transparency])
  .app-glass-select,
html[data-glass-renderer='backdrop']:not([data-glass-effect='off']):not([data-reduce-transparency])
  .app-glass-menu,
html[data-glass-renderer='backdrop']:not([data-glass-effect='off']):not([data-reduce-transparency])
  .app-glass-segmented,
html[data-glass-renderer='backdrop']:not([data-glass-effect='off']):not([data-reduce-transparency])
  .app-surface-field,
html[data-glass-renderer='backdrop']:not([data-glass-effect='off']):not([data-reduce-transparency])
  .app-surface-modal,
html[data-glass-renderer='backdrop']:not([data-glass-effect='off']):not([data-reduce-transparency])
  .app-glass-control.app-glass-control--analyzer {
  --mybrewfolio-production-glass-contract: native;
  backdrop-filter: var(--app-glass-surface-filter);
  -webkit-backdrop-filter: var(--app-glass-surface-filter);
}

html[data-glass-renderer='backdrop']:not([data-glass-effect='off']):not([data-reduce-transparency])
  .app-surface-modal-backdrop,
html[data-glass-renderer='backdrop']:not([data-glass-effect='off']):not([data-reduce-transparency])
  dialog.app-surface-modal-backdrop::backdrop {
  --mybrewfolio-production-glass-backdrop-contract: native;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

html[data-glass-renderer='backdrop']:not([data-glass-effect='off']):not([data-reduce-transparency])
  dialog.app-surface-modal-backdrop {
  --mybrewfolio-production-glass-dialog-contract: native;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-glass-renderer='fallback'] .app-glass-surface,
html[data-glass-renderer='fallback'] .app-glass-control,
html[data-glass-renderer='fallback'] .app-glass-select,
html[data-glass-renderer='fallback'] .app-glass-menu,
html[data-glass-renderer='fallback'] .app-glass-segmented,
html[data-glass-renderer='fallback'] .app-surface-field,
html[data-glass-renderer='fallback'] .app-surface-modal {
  --mybrewfolio-production-glass-fallback-contract: native;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-glass-effect='off'] .app-glass-surface,
html[data-glass-effect='off'] .app-glass-control,
html[data-glass-effect='off'] .app-glass-select,
html[data-glass-effect='off'] .app-glass-menu,
html[data-glass-effect='off'] .app-glass-segmented,
html[data-glass-effect='off'] .app-card-surface,
html[data-glass-effect='off'] .app-surface-field,
html[data-glass-effect='off'] .app-surface-modal,
html[data-glass-effect='off'] .app-surface-modal-backdrop,
html[data-glass-effect='off'] dialog.app-surface-modal-backdrop::backdrop,
html[data-glass-effect='off'] .shot-chart-tooltip,
html[data-glass-effect='off'] [class*='backdrop-blur'],
html[data-reduce-transparency] .app-glass-surface,
html[data-reduce-transparency] .app-glass-control,
html[data-reduce-transparency] .app-glass-select,
html[data-reduce-transparency] .app-glass-menu,
html[data-reduce-transparency] .app-glass-segmented,
html[data-reduce-transparency] .app-card-surface,
html[data-reduce-transparency] .app-surface-field,
html[data-reduce-transparency] .app-surface-modal,
html[data-reduce-transparency] .app-surface-modal-backdrop,
html[data-reduce-transparency] dialog.app-surface-modal-backdrop::backdrop,
html[data-reduce-transparency] .shot-chart-tooltip,
html[data-reduce-transparency] [class*='backdrop-blur'] {
  --mybrewfolio-production-glass-off-contract: native;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}