/* =====================================================================
   Browns Digital Studio — Surfaces (Meridian aesthetic)
   Clean neutral surfaces with hairline borders, no heavy blur.
   Applies to BOTH light and dark themes.
===================================================================== */

/* ========================================================================
   Remove Heavy Blur — ALL THEMES
   Per spec: static surfaces = solid fill + 1px border, no backdrop-filter
======================================================================== */

.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;
}

/* ========================================================================
   Flat Fills + Borders — ALL THEMES
   Stat cards use surface-2, panels use surface
======================================================================== */

/* Stat cards */
.dash-stat {
  background: var(--surface-2) !important;
  border: 1px solid var(--border-card) !important;
  box-shadow: none !important;
  border-radius: var(--radius-lg) !important;
}

/* Content panels and cards */
.console-panel,
.settings-card,
.cw-card,
.site-card,
.project-card {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
  border-radius: var(--radius-md) !important;
}

.settings-block {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
  border-radius: var(--radius-md) !important;
}

/* ========================================================================
   Glass ONLY on Floating Layers — ALL THEMES
======================================================================== */
.modal,
.popover,
.dropdown-menu,
.cmdk,
.toolbar-float {
  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;
}

@supports not (backdrop-filter: blur(1px)) {
  .modal,
  .popover,
  .dropdown-menu,
  .cmdk,
  .toolbar-float {
    background: var(--surface-raised) !important;
  }
}