.syndu-mode-shell {
  --syndu-mode-stack-max: 1040px;
  --syndu-mode-shell-pad: 10px;
  width: 100%;
  max-width: min(calc(100vw - (var(--smart-panel-page-gutter, clamp(0.55rem, 2.2vw, 1rem)) * 2)), var(--syndu-mode-stack-max));
  margin: calc(env(safe-area-inset-top, 0px) + 8px) auto -44px;
  padding: 0 var(--syndu-mode-shell-pad);
  box-sizing: border-box;
  position: relative;
  z-index: 34;
}

.syndu-mode-shell--global {
  z-index: 240;
  pointer-events: auto;
}

body:has(.syndu-top-stack) .syndu-mode-shell--global {
  display: none;
}

.syndu-top-stack {
  display: contents;
}

.syndu-top-stack__mode {
  width: 100%;
  margin-bottom: 8px;
  position: relative;
  z-index: 36;
}

.syndu-top-stack .syndu-mode-shell {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: auto;
}

.luna-backoffice-page .syndu-mode-shell {
  --syndu-mode-stack-max: 1120px;
  --syndu-mode-shell-pad: 10px;
}

body:has(#ip_page_container.homepage-smart-panels) .syndu-mode-shell {
  --syndu-mode-stack-max: 1060px;
  --syndu-mode-shell-pad: 0px;
}

body:has(#ip_page_container.throttle-luna-page) .syndu-mode-shell {
  --syndu-mode-stack-max: 1180px;
  --syndu-mode-shell-pad: 8px;
}

.godai-page .syndu-mode-shell {
  --syndu-mode-stack-max: none;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  position: fixed;
  inset: calc(env(safe-area-inset-top, 0px) + 10px) 12px auto 12px;
  z-index: 34;
}

.syndu-mode-panel {
  width: 100%;
}

.syndu-mode-panel__toggle {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
}

.syndu-mode-panel__option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 56px;
  padding: 0 14px;
  border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(8, 14, 26, 0.5);
  color: rgba(233, 239, 252, 0.72);
  font-family: "Open Sans", sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 140ms ease, background 140ms ease, color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.syndu-mode-panel__option:hover,
.syndu-mode-panel__option:focus-visible {
  color: #faf4ff;
  text-decoration: none;
  border-color: rgba(172, 120, 255, 0.42);
  background:
    radial-gradient(120% 180% at 20% 0%, rgba(172, 120, 255, 0.18), rgba(255, 255, 255, 0.04) 44%, rgba(20, 22, 30, 0.92) 100%);
  box-shadow:
    0 0 0 1px rgba(172, 120, 255, 0.12) inset,
    0 0 12px rgba(172, 120, 255, 0.08);
  transform: translateY(-1px);
}

.syndu-mode-panel__option.is-active {
  border-color: rgba(172, 120, 255, 0.42);
  background:
    radial-gradient(120% 180% at 20% 0%, rgba(172, 120, 255, 0.28), rgba(255, 255, 255, 0.06) 44%, rgba(20, 22, 30, 0.94) 100%);
  color: #faf4ff;
  box-shadow:
    0 0 0 1px rgba(172, 120, 255, 0.16) inset,
    0 0 18px rgba(172, 120, 255, 0.12);
}

#ip_page_container.homepage-smart-panels .syndu-top-stack__mode {
  max-width: min(calc(100vw - (var(--smart-panel-page-gutter) * 2)), var(--homepage-smart-panel-stack-max));
  margin: 2px auto 0;
}

[data-context-nav-page] .syndu-top-stack__mode {
  max-width: min(calc(100vw - (var(--smart-panel-page-gutter) * 2)), var(--context-nav-stack-max, 1040px));
  margin: 2px auto 0;
  padding: 0 10px;
  box-sizing: border-box;
}

#ip_page_container.throttle-dashboard-page .syndu-top-stack__mode,
#ip_page_container.throttle-admin-page .syndu-top-stack__mode,
#ip_page_container.throttle-doc-page .syndu-top-stack__mode {
  max-width: var(--throttle-stack-max);
  margin: 2px auto 0;
  padding: 0 var(--throttle-stack-inline-pad, 8px);
  box-sizing: border-box;
}

#ip_page_container.homepage-smart-panels .throttle-page-header,
[data-context-nav-page] .throttle-page-header,
#ip_page_container.throttle-dashboard-page .throttle-dashboard-header,
#ip_page_container.throttle-admin-page .throttle-admin-header,
#ip_page_container.throttle-doc-page .throttle-page-header,
#ip_page_container.throttle-dashboard-page .throttle-product-tab,
#ip_page_container.throttle-admin-page .throttle-product-tab,
#ip_page_container.homepage-smart-panels .throttle-page-menu__toggle,
[data-context-nav-page] .throttle-page-menu__toggle,
#ip_page_container.throttle-doc-page .throttle-page-menu__toggle {
  border-radius: 2px;
}

@media (max-width: 640px) {
  .syndu-mode-shell {
    margin-top: calc(env(safe-area-inset-top, 0px) + 4px);
    margin-bottom: -40px;
    padding: 0 8px;
  }

  .godai-page .syndu-mode-shell {
    inset: calc(env(safe-area-inset-top, 0px) + 6px) 8px auto 8px;
    padding: 0;
    margin: 0;
  }

  [data-context-nav-page] .syndu-top-stack__mode {
    padding-inline: 8px;
  }

  .syndu-mode-panel__toggle {
    gap: 6px;
  }

  .syndu-mode-panel__option {
    min-height: 48px;
    padding: 0 10px;
    font-size: 0.72rem;
    letter-spacing: 0.12em;
  }
}