/* Reusable HiOS material. Existing geometry, typography and brand colors belong
   to the host. Only elements explicitly marked as surfaces receive this layer. */
[data-liquid-glass-surface] {
  --liquid-glass-tint: rgba(170,197,217,.08);
  position: relative;
  isolation: isolate;
  background: var(--hios-glass-fill, var(--liquid-glass-tint));
  --liquid-glass-shadow: 0 6px 22px rgba(28,39,57,.06);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
[data-theme="dark"] [data-liquid-glass-surface] {
  --liquid-glass-tint: rgba(156,190,214,.06);
  --liquid-glass-shadow: 0 6px 22px rgba(0,0,0,.16);
  background: var(--hios-glass-fill, var(--liquid-glass-tint));
}
/* Keep border space to preserve geometry; the material has no raised rim. */
html [data-liquid-glass-surface] {
  border-color: transparent !important;
  box-shadow: var(--hios-glass-shadow, var(--liquid-glass-shadow)) !important;
}
/* The live material samples the page directly; never stack parent blur. */
html [data-liquid-glass-surface]:has(> [data-liquid-glass-ready]) {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
[data-liquid-glass-surface]:is(.liquidGlass-wrapper, .glass, .glass-strong, .glass-subtle, .glass-nav):has(> [data-liquid-glass-ready])::after { display: none; }
.liquid-glass-optics {
  visibility: hidden;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.liquid-glass-optics[data-liquid-glass-ready] { visibility: visible; }
/* Suppress the library’s decorative inset outlines on every edge. */
.hios-live-glass > div[data-lg-layer] { display: none; }
.hios-live-tint {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.liquid-glass-tint { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: var(--liquid-glass-tint); }
/* No per-card blur, masks or SVG maps on a phone, including between gestures. */
@media (hover: none) and (pointer: coarse), (max-width: 767px) {
  html [data-liquid-glass-surface] {
    background: var(--liquid-glass-tint) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .liquid-glass-optics { display: none; }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  html:root [data-liquid-glass-surface] {
    background: var(--hios-glass-solid, #fff) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  html:root[data-theme="dark"] [data-liquid-glass-surface] { background: var(--hios-glass-solid, #191f29) !important; }
  .liquid-glass-optics { display: none; }
}
@media (forced-colors: active) {
  html:root [data-liquid-glass-surface], html:root[data-theme] [data-liquid-glass-surface] { background: Canvas !important; border-color: CanvasText !important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
  .liquid-glass-optics { display: none; }
}