/* HIBA One surface opacity hardening — safe hotfix 2026-08-09
 * Rule: readable transient surfaces are solid. Background dimming never uses
 * backdrop-filter so Safari cannot blur the foreground through stacking contexts.
 */

/* APP: menus, popovers, sheets and dialogs are always readable. */
body.hiba-one-app-page :is(.account-menu,.topbar-menu,.workspace-menu,.mobile-more-sheet,.ia-context-panel),
body.hiba-one-app-page :is(.quick-actions-editor,.navigation-editor,.schedule-action-dialog),
body.hiba-one-app-page [popover]{
  background:#FFFFFF!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  opacity:1!important;
  isolation:isolate;
}

/* Important: no body pseudo-overlay here. It can sit above nested popovers on iOS Safari. */
body.hiba-one-app-page .account-menu,
body.hiba-one-app-page .topbar-workspace .workspace-menu{
  z-index:100!important;
  box-shadow:0 24px 64px rgba(8,20,38,.18)!important;
}

/* Search: opaque working surface, no live blur of the page below. */
body.hiba-one-app-page .header-search-overlay{
  background:#F7F9FC!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.hiba-one-app-page .header-search-overlay .global-search-dialog{
  background:#FFFFFF!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.hiba-one-app-page .header-search-overlay .global-search-field,
body.hiba-one-app-page .global-search-overlay:not(.header-search-overlay) .global-search-dialog{
  background:#FFFFFF!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.hiba-one-app-page .global-search-overlay:not(.header-search-overlay){
  background:rgba(8,20,38,.28)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Backdrops dim only. Never blur the foreground on Safari. */
body.hiba-one-app-page .quick-actions-editor::backdrop,
body.hiba-one-app-page .navigation-editor::backdrop,
body.hiba-one-app-page .schedule-action-dialog::backdrop{
  background:rgba(8,20,38,.32)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.hiba-one-app-page .mobile-overlay{
  background:rgba(8,20,38,.26)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Persistent navigation may retain a very subtle material cue. */
body.hiba-one-app-page .app-topbar.is-scrolled,
body.hiba-one-app-page .mobile-bottom-nav,
body.hiba-one-app-page .ia-sidebar{
  background:rgba(255,255,255,.98)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.03)!important;
  backdrop-filter:blur(10px) saturate(1.03)!important;
}

/* PUBLIC: header can be slightly translucent; menus themselves stay solid. */
.hiba-public-header-unified .marketing-header__inner,
.hiba-marketing-hallmark .marketing-header__inner{
  background:rgba(255,255,255,.98)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.03)!important;
  backdrop-filter:blur(10px) saturate(1.03)!important;
}
.hiba-public-header-unified :is(.public-mobile-menu,.hm-mobile-menu-card,.hm-mobile-submenu-card),
.hiba-marketing-hallmark :is(.public-mobile-menu,.hm-mobile-menu-card,.hm-mobile-submenu-card){
  background:#FFFFFF!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  opacity:1!important;
}
.hiba-public-header-unified .hm-mobile-nav,
.hiba-marketing-hallmark .hm-mobile-nav{
  background:#F7F9FC!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

.hiba-marketing-hallmark .public-doc-nav{
  background:rgba(255,255,255,.99)!important;
  -webkit-backdrop-filter:blur(8px) saturate(1.02)!important;
  backdrop-filter:blur(8px) saturate(1.02)!important;
}

@media(prefers-reduced-transparency:reduce){
  body.hiba-one-app-page :is(.app-topbar,.mobile-bottom-nav,.ia-sidebar,.account-menu,.topbar-menu,.workspace-menu,.mobile-more-sheet,.header-search-overlay,.global-search-dialog),
  .hiba-public-header-unified .marketing-header__inner,
  .hiba-marketing-hallmark .marketing-header__inner{
    background:#FFFFFF!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}