/**
 * Layout fallbacks for Chrome < 84 (Huawei Y6 era): no flex gap, no inset, no min()/dvh.
 */

/* --- flex gap → sibling margins (Instant / Find) --- */
.grigsi-legacy-layout .inst-scene,
.grigsi-legacy-layout .inst-scene--idle,
.grigsi-legacy-layout .inst-scene--find-spartan,
.grigsi-legacy-layout .inst-join-block,
.grigsi-legacy-layout .inst-find-setup-hub,
.grigsi-legacy-layout .inst-find-main .inst-find-form,
.grigsi-legacy-layout .inst-find-name-row,
.grigsi-legacy-layout .inst-reel__dots,
.grigsi-legacy-layout .inst-site-nav {
  gap: 0 !important;
}

.grigsi-legacy-layout .inst-scene > * + *,
.grigsi-legacy-layout .inst-scene--idle > * + *,
.grigsi-legacy-layout .inst-scene--find-spartan > * + * {
  margin-top: 14px;
}

.grigsi-legacy-layout .inst-join-block > * + * {
  margin-top: 10px;
}

.grigsi-legacy-layout .inst-find-setup-hub > * + * {
  margin-top: 0;
}

.grigsi-legacy-layout .inst-find-setup-hub .inst-find-setup__action {
  margin-bottom: 8px;
}

.grigsi-legacy-layout .inst-find-main .inst-find-form > * + * {
  margin-top: 10px;
}

.grigsi-legacy-layout .inst-find-name-row > * + * {
  margin-left: 8px;
  margin-top: 0;
}

.grigsi-legacy-layout .inst-reel__dots > * + * {
  margin-left: 8px;
}

.grigsi-legacy-layout .inst-site-nav a + a {
  margin-left: 6px;
}

/* Orb stage — reserve height when min() unsupported */
.grigsi-legacy-layout .inst-reel__stage {
  min-height: 54vw;
  max-height: 280px;
}

.grigsi-legacy-layout .inst-find-orb-wrap,
.grigsi-legacy-layout .inst-find-home__orb-wrap {
  min-height: 44vw;
  max-height: 220px;
  margin-bottom: 12px !important;
}

.grigsi-legacy-layout .inst-find-main,
.grigsi-legacy-layout .inst-find-setup {
  margin-top: 8px;
}

/* --- Space hero dock (circles / buttons) --- */
.grigsi-legacy-layout body.space-dock-hero-active #panel-chat #chat-panel-inner .space-media-dock.space-media-dock--hero,
.grigsi-legacy-layout body.space-dock-hero-active #panel-chat #chat-panel-inner .space-media-dock.space-media-dock--hero-settle {
  gap: 0 !important;
  padding: 10px 8px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap !important;
  -webkit-justify-content: center;
  justify-content: center !important;
  -webkit-align-content: center;
  align-content: center !important;
}

.grigsi-legacy-layout .space-media-dock__btn {
  margin: 5px !important;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto !important;
}

.grigsi-legacy-layout body.space-dock-hero-active #panel-chat #chat-panel-inner::after {
  width: 46vw !important;
  max-width: 248px !important;
  height: 46vw !important;
  max-height: 248px !important;
  font-size: 5rem !important;
}

.grigsi-legacy-layout .space-share.chat-first-shell #space-tabs,
.grigsi-legacy-layout .space-bottom-dock-inner,
.grigsi-legacy-layout .space-composer-row {
  gap: 0 !important;
}

.grigsi-legacy-layout .space-bottom-dock-inner > * + * {
  margin-left: 8px;
}

/* --- Homepage grids --- */
.grigsi-legacy-layout .home-connect-panels,
.grigsi-legacy-layout .home-hub-grid,
.grigsi-legacy-layout .home-core-grid {
  gap: 0 !important;
}

.grigsi-legacy-layout .home-connect-panels > * {
  margin-bottom: 12px;
}

.grigsi-legacy-layout .home-hub-grid > * {
  margin: 5px;
}

.grigsi-legacy-layout .home-core-grid > * {
  margin-bottom: 12px;
}

.grigsi-legacy-layout .grigsi-top-bar .nav-buttons a + a {
  margin-left: 4px;
}

/* --- Modals: inset → longhand --- */
.grigsi-legacy-layout .gf-soft-overlay,
.grigsi-legacy-layout .gi-soft-overlay,
.grigsi-legacy-layout .lf-soft-overlay,
.grigsi-legacy-layout .ac-soft-overlay,
.grigsi-legacy-layout .avp-soft-overlay,
.grigsi-legacy-layout .gc-soft-overlay,
.grigsi-legacy-layout .inst-modal {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

.grigsi-legacy-layout .inst {
  min-height: 100vh !important;
}

.grigsi-legacy-layout body.inst-page--product-find .inst-scene--find-spartan {
  min-height: auto !important;
}

/* Native Find app (old Android WebView) */
.grigsi-legacy-layout body.inst-find-native .inst-scene--find-spartan {
  padding-top: 12px !important;
  padding-bottom: 24px !important;
}

.grigsi-legacy-layout body.inst-find-native .inst-find-orb-wrap {
  min-height: 44vw !important;
  max-height: 220px !important;
  margin-bottom: 16px !important;
}

.grigsi-legacy-layout body.inst-find-native .inst-find-home__orb,
.grigsi-legacy-layout body.inst-find-native .inst-reel__orb {
  width: 46vw !important;
  max-width: 248px !important;
  height: 46vw !important;
  max-height: 248px !important;
}

.grigsi-legacy-layout body.inst-find-native .inst-find-main,
.grigsi-legacy-layout body.inst-find-native .inst-find-device {
  margin-top: 12px !important;
}

.grigsi-legacy-layout body.inst-find-native .inst {
  padding-top: 16px !important;
}

/* Beat instant.css min()/dvh rules that collapse the Find orb on old WebView */
.grigsi-legacy-layout body.inst-find-native-registered .inst-find-orb-wrap,
.grigsi-legacy-layout body.inst-find-launcher-registered .inst-find-orb-wrap {
  min-height: 40vw !important;
  max-height: 200px !important;
  margin-bottom: 16px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center !important;
}

.grigsi-legacy-layout .inst-find-home__orb.inst-reel__orb,
.grigsi-legacy-layout .inst-find-home__orb.inst-reel__orb.is-active {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  display: block !important;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto !important;
  width: 46vw !important;
  max-width: 248px !important;
  height: 46vw !important;
  max-height: 248px !important;
  transform: none !important;
  opacity: 1 !important;
}

.grigsi-legacy-layout .inst-reel__ring,
.grigsi-legacy-layout .inst-reel__pulse {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

.grigsi-legacy-layout .inst-reel__pulse {
  top: -8% !important;
  right: -8% !important;
  bottom: -8% !important;
  left: -8% !important;
}

.grigsi-legacy-layout .inst-reel__core {
  top: 18% !important;
  right: 18% !important;
  bottom: 18% !important;
  left: 18% !important;
}

.grigsi-legacy-layout body.inst-find-native-unregistered .inst-scene--find-spartan,
.grigsi-legacy-layout body.inst-find-launcher-unregistered .inst-scene--find-spartan,
.grigsi-legacy-layout body.inst-find-native-registered .inst-scene--find-spartan,
.grigsi-legacy-layout body.inst-find-launcher-registered .inst-scene--find-spartan {
  min-height: 0 !important;
  padding-top: 16px !important;
  padding-bottom: 28px !important;
}

.grigsi-legacy-layout body.inst-find-native-unregistered .inst-find-main,
.grigsi-legacy-layout body.inst-find-launcher-unregistered .inst-find-main {
  margin-top: 12px !important;
}

.grigsi-legacy-layout body.inst-find-native-unregistered .inst-find-setup,
.grigsi-legacy-layout body.inst-find-launcher-unregistered .inst-find-setup {
  margin-top: 16px !important;
}

.grigsi-legacy-layout body.inst-page::before,
.grigsi-legacy-layout body.inst-page::after {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

/* Overlay X — large tap target; undo sticky float */
.grigsi-legacy-layout .gf-soft-platforms .gf-soft-plat + .gf-soft-plat,
.grigsi-legacy-layout .gi-soft-platforms .gi-soft-plat + .gi-soft-plat,
.grigsi-legacy-layout .lf-soft-platforms .lf-soft-plat + .lf-soft-plat,
.grigsi-legacy-layout .ac-soft-platforms .ac-soft-plat + .ac-soft-plat,
.grigsi-legacy-layout .avp-soft-platforms .avp-soft-plat + .avp-soft-plat,
.grigsi-legacy-layout .gc-soft-platforms .gc-soft-plat + .gc-soft-plat {
  margin-top: 10px !important;
}

.grigsi-legacy-layout .gf-soft-panel,
.grigsi-legacy-layout .gi-soft-panel,
.grigsi-legacy-layout .lf-soft-panel,
.grigsi-legacy-layout .ac-soft-panel,
.grigsi-legacy-layout .avp-soft-panel,
.grigsi-legacy-layout .gc-soft-panel {
  max-width: 420px !important;
  width: 100% !important;
}

/* Find setup — Android APK row (visible on Android web browser only) */
#btn-find-android-apk {
  display: none;
}
.grigsi-android #btn-find-android-apk {
  display: block;
  border-color: rgba(125, 255, 200, 0.45);
  background: rgba(46, 160, 130, 0.18);
  text-decoration: none;
  text-align: center;
  color: inherit;
}
html[data-grigsi-find-apk] #btn-find-android-apk,
html[data-grigsi-find-apk] #btn-find-local-soft,
html[data-grigsi-find-native] #btn-find-android-apk,
html[data-grigsi-find-native] #btn-find-local-soft,
body.inst-find-native #btn-find-android-apk,
body.inst-find-native #btn-find-local-soft {
  display: none !important;
}

.grigsi-legacy-layout .gf-soft-close,
.grigsi-legacy-layout .gi-soft-close,
.grigsi-legacy-layout .ac-soft-close,
.grigsi-legacy-layout .avp-soft-close,
.grigsi-legacy-layout .lf-soft-close,
.grigsi-legacy-layout .gc-soft-close {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  float: none !important;
  z-index: 5 !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  pointer-events: auto !important;
}