/* Q4HMS application additions. Tokens only: no raw colours or pixel spacing
   beyond what the design system itself uses. Loaded after bundle.css. */
html, body { margin: 0; min-height: 100%; background: var(--bg); }
[x-cloak] { display: none !important; }
.hms-icon use { pointer-events: none; }

/* A dialog over the page: the design system's scrim, fixed to the viewport. */
.hms-overlay { position: fixed; inset: 0; z-index: 60; overflow: auto; display: grid; }
.hms-overlay > .hms-scrim { min-height: 100vh; }

/* The profile menu drops from the top bar. */
.hms-pop { position: relative; }
.hms-pop > .hms-menu { position: absolute; right: 0; top: calc(100% + var(--space-2)); z-index: 40; min-width: 300px; }

/* Small screens: the sidebar opens over the content from the menu button. */
@media (max-width: 900px) {
  .hms-side[data-open="true"] { display: flex; position: fixed; inset: 0 auto 0 0; z-index: 50; }
}
.hms-pagefoot { margin-top: var(--space-4); }

/* The shell and the access pages fill the window. */
.hms-app, .hms-login, .hms-center { min-height: 100vh; }