/* Smart Shrimp Log — Global Top Clarity v1
   Reduce excessive glass haze while preserving the canonical green/premium character.
   Presentation-only: no layout, data, route, or business semantics. */
:root{
  --ssl-top-surface:rgba(255,255,255,.985);
  --ssl-top-surface-dark:rgba(18,37,32,.985);
  --ssl-top-blur:5px;
  --ssl-top-shadow:0 3px 10px rgba(15,23,42,.045);
}

/* Shared mobile/primary top chrome. */
#app .primary-mobile-toolbar,
#app .gm-farm-toolbar{
  background:var(--ssl-top-surface)!important;
  -webkit-backdrop-filter:blur(var(--ssl-top-blur)) saturate(1.02)!important;
  backdrop-filter:blur(var(--ssl-top-blur)) saturate(1.02)!important;
  box-shadow:var(--ssl-top-shadow)!important;
}

/* Legacy/shared topbars that still appear on operational sub-routes. */
#app .topbar,
#app .topbar.refined-topbar{
  -webkit-backdrop-filter:blur(4px) saturate(1.02)!important;
  backdrop-filter:blur(4px) saturate(1.02)!important;
  box-shadow:0 3px 10px rgba(15,23,42,.04)!important;
}

/* Domain summary surfaces: retain gradients, remove glass haze. */
#app .global-mobile-top-inventory,
#app .global-mobile-top-admin,
#app .global-mobile-top-settings{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:0 4px 12px rgba(17,78,62,.045)!important;
}

/* Dashboard and Pond headers were already unblurred: explicitly protect that clarity. */
#app .marix-reference-brand,
#app .pond-context-heading{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
}

/* Reduce glow on top-level profile/alert controls without flattening the design. */
#app .marix-reference-alert,
#app .marix-reference-profile,
#app .primary-mobile-brand,
#app .gm-farm-brand{
  box-shadow:0 2px 8px rgba(28,87,65,.055)!important;
}

:root[data-theme="dark"] #app .primary-mobile-toolbar,
:root[data-theme="dark"] #app .gm-farm-toolbar{
  background:var(--ssl-top-surface-dark)!important;
  box-shadow:0 3px 10px rgba(0,0,0,.18)!important;
}

@media (max-width:900px){
  /* Mobile readability takes priority: only a light residual glass effect remains. */
  #app .primary-mobile-toolbar,
  #app .gm-farm-toolbar{
    -webkit-backdrop-filter:blur(4px) saturate(1.01)!important;
    backdrop-filter:blur(4px) saturate(1.01)!important;
    background:rgba(255,255,255,.99)!important;
  }

  :root[data-theme="dark"] #app .primary-mobile-toolbar,
  :root[data-theme="dark"] #app .gm-farm-toolbar{
    background:rgba(18,37,32,.99)!important;
  }
}