/* Light-only liquid glass. Content remains native DOM above decorative refraction. */
html.light-mode body,
html.light-mode body.portal-body { background:linear-gradient(135deg,#dce6f3,#d9eaf0 55%,#e3def2) !important; }
html.light-mode[data-hwc-glass-preference="on"] {
  --hwc-glass-surface: rgba(255,255,255,.48);
  --hwc-glass-raised: rgba(248,252,255,.86);
  --hwc-glass-border: rgba(255,255,255,.92);
  --hwc-glass-shadow: 0 8px 28px rgba(42,77,132,.1), inset 0 1px 0 rgba(255,255,255,.96), inset 0 -1px 0 rgba(140,167,206,.18);
}
html.light-mode[data-hwc-glass-preference="on"] body,
html.light-mode[data-hwc-glass-preference="on"] body.portal-body {
  isolation:isolate;
  background:#dce6f3 url('../img/glass-scene.svg?v=20261102_v4') center / cover fixed !important;
  color:#16283f;
}
html.light-mode[data-hwc-glass-preference="on"] body :is(main.portal-wrapper,.portal-wrapper > .dashboard-layout) { background:transparent !important; }
html.light-mode[data-hwc-glass-preference="on"] body :is(.dashboard-main,.portal-sidebar,.sa-card,.agent-table-card,.premium-card,.card,.hero-glass,.login-container,.booking-form) {
  background:var(--hwc-glass-surface) !important;
  border:1px solid var(--hwc-glass-border) !important;
  box-shadow:var(--hwc-glass-shadow) !important;
  backdrop-filter:blur(20px) saturate(135%);
  -webkit-backdrop-filter:blur(20px) saturate(135%);
}
/* Layout containers must not become containing blocks for fixed workspace tools. */
html.light-mode[data-hwc-glass-preference="on"] body.portal-body .dashboard-main {
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
html.light-mode[data-hwc-glass-preference="on"] body header.navbar {
  background:rgba(241,248,255,.8) !important;
  border-bottom:1px solid rgba(255,255,255,.95) !important;
  box-shadow:0 4px 24px rgba(42,77,132,.12), inset 0 -1px 0 rgba(137,167,207,.15) !important;
  backdrop-filter:blur(24px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(24px) saturate(150%) !important;
}
html.light-mode[data-hwc-glass-preference="on"] body .overview-dashboard {
  --overview-surface:rgba(255,255,255,.8);
  --overview-raised:rgba(248,252,255,.88);
  --overview-accent-surface:rgba(231,240,255,.9);
  --overview-border:rgba(147,173,212,.4);
  --overview-hover:#edf4ff;
  --overview-text:#16283f;
  --overview-muted:#3c4e65;
}
html.light-mode[data-hwc-glass-preference="on"] body .overview-dashboard :is(.overview-card,.overview-metric,.overview-progress-card,.overview-header) {
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.25) 48%,rgba(230,243,255,.4)),var(--hwc-glass-surface) !important;
  border-color:var(--hwc-glass-border);
  box-shadow:0 10px 28px rgba(42,77,132,.14),inset 0 2px 0 #fff,inset 1px 0 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(104,143,196,.35);
  backdrop-filter:blur(12px) saturate(165%);
  -webkit-backdrop-filter:blur(12px) saturate(165%);
}
html.light-mode[data-hwc-glass-preference="on"] body .overview-dashboard .overview-metric { border-top-color:var(--metric-color); }
html.light-mode[data-hwc-glass-preference="on"] body .overview-dashboard .overview-header { border-inline-start-color:var(--overview-brand); }
html.light-mode[data-hwc-glass-preference="on"] body .overview-dashboard :is(.overview-task,.overview-shortcut,.overview-secondary,.overview-refresh) { background:rgba(255,255,255,.45); }
html.light-mode[data-hwc-glass-preference="on"] body .overview-dashboard :is(.overview-task,.overview-shortcut,.overview-metric):hover { background:rgba(237,246,255,.96) !important; }
/* Menus and input fields keep a stronger white floor so underlying text cannot bleed through. */
html.light-mode[data-hwc-glass-preference="on"] body :is(.nav-dropdown-menu,.custom-select-options,.profile-dropdown-glass,.menu-panel,.custom-modal,.agent-modal-content) {
  background:rgba(248,252,255,.97) !important;
  backdrop-filter:blur(20px) saturate(130%);
  -webkit-backdrop-filter:blur(20px) saturate(130%);
  box-shadow:var(--hwc-glass-shadow);
}
html.light-mode[data-hwc-glass-preference="on"] body :is(input,textarea,select) { background-color:rgba(255,255,255,.95); }
.hwc-liquid-scene { position:fixed; inset:0; z-index:-1; pointer-events:none; overflow:hidden; contain:strict; }
.hwc-liquid-scene > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hwc-liquid-pane { position:absolute; width:min(38vw,480px); height:200px; border-radius:48px; }
.hwc-liquid-pane:first-of-type { top:16%; left:5%; }
.hwc-liquid-pane:last-child { right:4%; bottom:10%; width:min(30vw,380px); height:260px; }
@media(max-width:992px) {
  html.light-mode[data-hwc-glass-preference="on"] body,
  html.light-mode[data-hwc-glass-preference="on"] body.portal-body { background-attachment:scroll !important; }
  html.light-mode[data-hwc-glass-preference="on"] body :is(.portal-sidebar,.sa-card,.hero-glass) { backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
  html.light-mode[data-hwc-glass-preference="on"] body .overview-dashboard :is(.overview-card,.overview-metric,.overview-progress-card,.overview-header) { backdrop-filter:blur(8px) saturate(145%); -webkit-backdrop-filter:blur(8px) saturate(145%); }
}
@supports not (backdrop-filter:blur(1px)) {
  @supports not (-webkit-backdrop-filter:blur(1px)) {
    html.light-mode { --hwc-glass-surface:#f8fbff; --hwc-glass-raised:#fff; }
  }
}
@media(prefers-reduced-transparency:reduce) {
  html.light-mode:not([data-hwc-glass-preference="on"]) { --hwc-glass-surface:#fff; --hwc-glass-raised:#fff; }
  html.light-mode:not([data-hwc-glass-preference="on"]) body,
  html.light-mode:not([data-hwc-glass-preference="on"]) body.portal-body { background:#edf2f9 !important; }
  html.light-mode:not([data-hwc-glass-preference="on"]) body :is(.dashboard-main,.portal-sidebar,.sa-card,.agent-table-card,.premium-card,.card,.hero-glass,.login-container,.navbar,.overview-card,.overview-metric,.overview-progress-card,.overview-header,.nav-dropdown-menu,.custom-select-options,.menu-panel) { background:Canvas !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
  html:not([data-hwc-glass-preference="on"]) .hwc-liquid-scene { display:none; }
}
html.light-mode[data-hwc-glass-preference="off"] body :is(.portal-sidebar,.sa-card,.premium-card,.hero-glass,.login-container,.overview-card,.overview-metric,.overview-header) { background:#fff !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
html .hwc-glass-toggle { display:none; }
html.light-mode body .hwc-glass-toggle { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; min-width:40px; min-height:40px; flex:0 0 40px; padding:0; border:1px solid #8eafd8; border-radius:50%; background:rgba(255,255,255,.5); color:#16365b; cursor:pointer; }
html.light-mode body .hwc-glass-toggle[aria-pressed="true"] { background:rgba(201,235,255,.65); border-color:#3885b8; }
.hwc-glass-toggle svg { flex-shrink:0; pointer-events:none; }
.hwc-glass-toggle[aria-pressed="true"] .hwc-glass-off-mark { display:none; }
.hwc-glass-toggle:hover { box-shadow:0 0 0 3px rgba(79,155,220,.14); }
/* The shared accessibility sheet loads last; explicit site opt-in overrides its hero blur reset. */
html.light-mode[data-hwc-glass-preference="on"] body .hero-glass {
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(244,251,255,.6)) !important;
  backdrop-filter:blur(18px) saturate(155%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(155%) !important;
  border:1px solid rgba(255,255,255,.8) !important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(139,176,208,.4),0 16px 45px rgba(7,31,61,.22) !important;
}
@media(forced-colors:active) {
  html.light-mode body :is(.hero-glass,.overview-card,.overview-metric,.overview-header,.navbar) { background:Canvas !important; color:CanvasText !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
  .hwc-liquid-scene { display:none; }
}
