/* Owner0285 supersedes centered desktop / mobile bottom-sheet placement.
   All public native modal shells share these viewport/backdrop tokens. */
:root {
  --sb-modal-gap: 12px;
  --sb-modal-top: calc(var(--sb-modal-gap) + env(safe-area-inset-top, 0px));
  --sb-modal-bottom: calc(var(--sb-modal-gap) + env(safe-area-inset-bottom, 0px));
  --sb-modal-backdrop: rgba(15, 23, 42, .48);
  --sb-modal-blur: 8px;
}
dialog.sheet.sheet::backdrop,
dialog.sb-modal.sb-modal::backdrop {
  background: var(--sb-modal-backdrop);
  -webkit-backdrop-filter: blur(var(--sb-modal-blur));
  backdrop-filter: blur(var(--sb-modal-blur));
}
dialog.sheet.sheet[open],
dialog.sb-modal.sb-modal[open] {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  inline-size: 100%;
  max-inline-size: none;
  block-size: 100vh;
  block-size: 100dvh;
  max-block-size: none;
  margin: 0;
  padding: var(--sb-modal-top) var(--sb-modal-gap) var(--sb-modal-bottom);
  overflow: hidden;
  border: 0;
  background: transparent;
}
dialog.sheet.sheet > .sheet-card,
dialog.sb-modal.sb-modal > .sb-modal__panel {
  align-self: flex-start;
  flex-shrink: 1;
  min-block-size: 0;
  max-inline-size: 100%;
  max-height: calc(100vh - var(--sb-modal-top) - var(--sb-modal-bottom));
  max-block-size: calc(100vh - var(--sb-modal-top) - var(--sb-modal-bottom));
  max-height: calc(100dvh - var(--sb-modal-top) - var(--sb-modal-bottom));
  max-block-size: calc(100dvh - var(--sb-modal-top) - var(--sb-modal-bottom));
  margin-block: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 0;
  border-radius: 22px;
}
dialog.sheet.sheet .sheet-handle,
dialog.sb-modal.sb-modal .sheet-handle { display: none; }