/* =====================================================================
   Browns Digital Studio — Surfaces Fixes
   Remove heavy backdrop blur (allowed for both themes per spec).
   Flat materials scoped to dark theme only.
===================================================================== */

/* ========================================================================
   Remove Heavy Blur — LIGHT AND DARK
   Per spec: "remove heavy backdrop blur from cards" is allowed change
======================================================================== */

.dash-stat,
.console-panel,
.console-notes,
.dash-checklist-card,
.site-card,
.project-card,
.settings-card,
.settings-block,
.cw-card,
.page-head,
.ph-icon {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Remove inset highlight (reduces visual noise) */
.dash-stat::before,
.console-panel::before,
.console-notes::before,
.dash-checklist-card::before {
  opacity: 0 !important;
}

/* ========================================================================
   Dark Theme: Flat Fills + Borders
======================================================================== */
:root[data-theme="dark"] .dash-stat {
  background: var(--surface-2) !important;
  border: 1px solid var(--border-card) !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] .console-panel,
:root[data-theme="dark"] .settings-card,
:root[data-theme="dark"] .cw-card {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
}

/* Glass ONLY on floating layers */
:root[data-theme="dark"] .modal,
:root[data-theme="dark"] .popover,
:root[data-theme="dark"] .dropdown-menu,
:root[data-theme="dark"] .cmdk {
  background: var(--glass-bg) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--shadow-float) !important;
}