/* Semantic display surfaces, including dynamically rendered cards. Never targets editor paper/cells. */
html.light-mode[data-hwc-glass-preference="on"] {
  --hwc-panel-glass:linear-gradient(135deg,rgba(255,255,255,.6),rgba(240,249,255,.34));
  --hwc-frame-glass:rgba(242,249,255,.3);
  --hwc-panel-rim:rgba(255,255,255,.8);
  --hwc-panel-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 24px rgba(35,70,120,.1);
}
html:not(.light-mode)[data-hwc-glass-preference="on"] {
  --hwc-panel-glass:linear-gradient(135deg,rgba(29,58,85,.65),rgba(7,22,39,.72));
  --hwc-frame-glass:rgba(8,26,44,.42);
  --hwc-panel-rim:rgba(177,218,249,.22);
  --hwc-panel-shadow:inset 0 1px 0 rgba(222,242,255,.14),0 8px 24px rgba(0,0,0,.18);
}
html.light-mode[data-hwc-glass-preference="on"] body [data-hwc-glass-surface],
html:not(.light-mode)[data-hwc-glass-preference="on"] body [data-hwc-glass-surface] {
  background:var(--hwc-panel-glass) !important;
  border-color:var(--hwc-panel-rim) !important;
  box-shadow:var(--hwc-panel-shadow) !important;
}
html.light-mode[data-hwc-glass-preference="on"] body [data-hwc-glass-surface="frame"],
html:not(.light-mode)[data-hwc-glass-preference="on"] body [data-hwc-glass-surface="frame"] {
  background:var(--hwc-frame-glass) !important;
  /* No new containing block for fixed menus, draggable cards or editor dialogs. */
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
/* ID-scoped legacy presentation rules otherwise beat the semantic card marker. */
html.light-mode[data-hwc-glass-preference="on"] body #services .card,
html.light-mode[data-hwc-glass-preference="on"] body #reviews .review-card,
html.light-mode[data-hwc-glass-preference="on"] body #partnerAgentHeroBanner .dash-panel,
html.light-mode[data-hwc-glass-preference="on"] body .admin-workspace-view[data-view="partner-agents"] .admin-stat-card {
  background:var(--hwc-panel-glass) !important;
  border-color:var(--hwc-panel-rim) !important;
  box-shadow:var(--hwc-panel-shadow) !important;
}
/* Glass off returns to each component's original theme; forced colours always win. */
html.light-mode[data-hwc-glass-preference="off"] { --hwc-off-surface:#fff; }
html:not(.light-mode)[data-hwc-glass-preference="off"] { --hwc-off-surface:#0c213a; }
html.light-mode[data-hwc-glass-preference="off"] body :is([data-hwc-glass-surface],.hero-glass,.portal-sidebar,.dashboard-main,.login-container,.booking-form,.overview-card,.overview-metric,.overview-header,.overview-progress-card),
html:not(.light-mode)[data-hwc-glass-preference="off"] body :is([data-hwc-glass-surface],.hero-glass,.portal-sidebar,.dashboard-main,.login-container,.booking-form,.overview-card,.overview-metric,.overview-header,.overview-progress-card) {
  background:var(--hwc-off-surface) !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
html[data-hwc-glass-preference="off"] body header.navbar { background:var(--hwc-off-surface) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
html[data-hwc-glass-preference="on"] body [data-hwc-glass-interactive] {
  transition:box-shadow 150ms ease,border-color 150ms ease,background-color 150ms ease,scale 150ms ease;
}
@media(hover:hover) and (pointer:fine) {
  html[data-hwc-glass-preference="on"] body [data-hwc-glass-interactive]:hover {
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 15px rgba(37,111,176,.18);
  }
}
html[data-hwc-glass-preference="on"] body [data-hwc-glass-interactive]:active { scale:.98; }
html[data-hwc-glass-preference="on"] body [data-hwc-glass-interactive]:disabled { scale:1; box-shadow:none; }
@media(prefers-reduced-motion:reduce) {
  html[data-hwc-glass-preference="on"] body [data-hwc-glass-interactive] { transition:none !important; scale:1 !important; }
}
@media(forced-colors:active) {
  html.light-mode[data-hwc-glass-preference="on"] body [data-hwc-glass-surface],
  html:not(.light-mode)[data-hwc-glass-preference="on"] body [data-hwc-glass-surface],
  html.light-mode[data-hwc-glass-preference="on"] body :is(#services,#reviews,#partnerAgentHeroBanner) [data-hwc-glass-surface] {
    background:Canvas !important; color:CanvasText !important; border-color:CanvasText !important; box-shadow:none !important;
    backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
  }
  html.light-mode[data-hwc-glass-preference="on"] body .hero-glass { background:Canvas !important; color:CanvasText !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; box-shadow:none !important; }
  html:not(.light-mode)[data-hwc-glass-preference="on"] body .overview-dashboard :is(.overview-card,.overview-metric,.overview-header,.overview-progress-card) { background:Canvas !important; color:CanvasText !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
}
@supports not (backdrop-filter:blur(1px)) {
  @supports not (-webkit-backdrop-filter:blur(1px)) {
    html.light-mode[data-hwc-glass-preference="on"] { --hwc-panel-glass:#f8fbff; --hwc-frame-glass:#f1f6fc; }
    html:not(.light-mode)[data-hwc-glass-preference="on"] { --hwc-panel-glass:#10263e; --hwc-frame-glass:#0c213a; }
    html.light-mode[data-hwc-glass-preference="on"] body .hero-glass { background:#f1f6fc !important; }
  }
}