/* 1) Base component/layout rules (critical) */
@import url("/hydrogen/css/main.css");

/* 2) Element theme tokens & component variants (colors, etc.) */
@import url("/hydrogen/themes/element/theme.css");

/* 3) Ensure the app can occupy the viewport */
html, body, #app { height: 100%; margin: 0; }
.hydrogen { height: 100%; }

/* 4) Popup container styles (RootView would normally provide these) */
.popup-container {
  position: fixed;
  z-index: 2147483000; /* above app surfaces */
  inset: 0;            /* full viewport, allows centered modals & menus */
  pointer-events: none; /* base layer is inert; child menus enable pointer-events */
}

/* Popups that are inserted will toggle pointer-events as needed */
.popup-container .popup, 
.popup-container .menu {
  pointer-events: auto;
}