/* Keep every editor/detail sheet visually consistent on mobile.
   CSS-only: no event interception. */
.sheet-wrap {
  bottom: calc(var(--nav-h, 56px) + var(--safe-b, 0px)) !important;
  padding-top: max(72px, calc(var(--safe-t, 0px) + 56px)) !important;
  align-items: flex-end !important;
}

.sheet {
  max-height: 76dvh !important;
  border-radius: 22px 22px 0 0 !important;
}

.sheet-close {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  touch-action: manipulation !important;
}

/* The real main nav stays outside the modal overlay and remains clickable. */
.nav {
  z-index: 110 !important;
}

@media (min-width: 720px) {
  .sheet-wrap {
    bottom: 0 !important;
    padding: 24px !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .sheet {
    max-width: 560px !important;
    max-height: 82vh !important;
    border-radius: 18px !important;
  }
}