/* Keep the original natural viewport width: reserving a gutter on every
   Angular page shifts short auth forms by 7.5px and right-aligned links by 15px.
   Long documents retain natural overflow and desktop scrollbar behavior. */

/* Frozen mobile comparisons paint rails on the ordinary iframe's HTML scroller
   but not the original top-level viewport, even with gutter:auto; the browser
   mechanism is unproven. Match visibility only on narrow, coarse/no-hover screens.
   This removes root-thumb dragging there, not touch/keyboard scrolling or the
   inherited auth horizontal pan. Desktop and nested/modal scrollers stay native. */
@media (max-width: 720px) and (hover: none) and (pointer: coarse) {
  html.dalih-page-view {
    scrollbar-width: none;
  }
  @supports not (scrollbar-width: none) {
    html.dalih-page-view::-webkit-scrollbar {
      display: none;
    }
  }
}

/* The native map dialog supplies the chrome; its embedded document is the
   original white dialog surface, not the ordinary Angular page background. */
html.dalih-definitions-view,
.dalih-definitions-view body {
  block-size: auto;
  background: white;
}
.dalih-definitions-view body {
  padding-inline: 24px;
}
.dalih-definitions-view app-navbar {
  display: none;
}
.dalih-definitions-view app-root {
  display: block;
}

body.dalih-route-shell {
  margin: 0;
  overflow: hidden;
}

.dalih-route-shell .dalih-route-frame {
  position: fixed;
  inset: 0;
  display: block;
  inline-size: 100%;
  block-size: 100%;
  border: 0;
  visibility: hidden;
}

/* Keep a real viewport while inactive, so charts and maps do not initialize or
   resize at 0px. Inert also removes the inactive document from keyboard access. */
.dalih-route-shell .dalih-route-frame.is-active {
  visibility: visible;
}