/* Short action views, never substantive About content. Load after one-v42.css.
   Only the document scrolls. No fixed body, viewport-height cap, overflow mask,
   scrollbar hiding, or nested scrolling container is used. */
html.one-dialog-view-open {
  height: auto;
  overflow-y: auto;
  scroll-behavior: auto;
  scroll-padding-top: 16px;
  overscroll-behavior: auto;
}
body.one-dialog-view-open {
  --one-dialog-gutter: 20px;
  display: flex;
  flex-direction: column;
  position: static;
  height: auto;
  min-height: 100vh;
  min-height: 100dvh;
  /* One extra pixel keeps the 24px minimum after zoom scroll rounding. */
  padding-block: calc(24px + env(safe-area-inset-top)) calc(25px + env(safe-area-inset-bottom));
  overflow: visible;
  overscroll-behavior: auto;
}
/* Background nodes retain their DOM/state but are neither laid out nor focusable.
   The controller restores each node's original inert/aria-hidden attributes. */
body.one-dialog-view-open > :not([data-one-dialog-active]) {
  display: none !important;
}
body.one-dialog-view-open > dialog[data-one-dialog-active][open] {
  display: block;
  flex: 0 0 auto;
  position: relative;
  inset: auto;
  float: none;
  box-sizing: border-box;
  width: min(680px, calc(100% - 2 * var(--one-dialog-gutter)));
  min-width: 0;
  max-width: none;
  height: auto;
  min-height: 0;
  max-height: none;
  margin: 0 auto;
  padding: 56px 36px calc(32px + env(safe-area-inset-bottom));
  overflow: visible;
  overscroll-behavior: auto;
  overflow-wrap: anywhere;
}
/* Center the three framed panels when they fit. Taller panels grow the document;
   automatic margins never create an unreachable top or a second scroll surface. */
body.one-dialog-view-open > dialog:is(.contact-dialog, .share-dialog, .qr-dialog)[data-one-dialog-active][open] {
  margin-block: auto;
  background: var(--surface, #0c0e10);
  border: 1px solid rgba(192, 160, 96, .32);
  box-shadow: none;
}
body.one-dialog-view-open > dialog.qr-dialog[data-one-dialog-active] {
  width: min(460px, calc(100% - 2 * var(--one-dialog-gutter)));
}
body.one-dialog-view-open > dialog.mobile-navigation[data-one-dialog-active] {
  width: min(580px, calc(100% - 2 * var(--one-dialog-gutter)));
}
@media (max-width: 600px) {
  body.one-dialog-view-open { --one-dialog-gutter: 16px; }
  body.one-dialog-view-open > dialog[data-one-dialog-active][open] {
    padding: 56px 22px calc(32px + env(safe-area-inset-bottom));
  }
}