/* ===========================================
   JAVY 5 - Main Layout
   =========================================== */

#app-root {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  position: relative;
  z-index: var(--z-base);
}

/* ---- Main Content Area ---- */
#main-content {
  flex: 1;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* ---- Z-index layers ---- */
#header {
  position: relative;
  z-index: var(--z-header);
}
#toast-container {
  position: relative;
  z-index: var(--z-toast);
}
/* #main-content: NO z-index — so fixed-positioned modals inside
   can escape this layer and appear above the header */
/* Note: #chat-container uses position:fixed + z-index:var(--z-chat) from chat.css */