/* views.css — one full-screen route in .main (prevents agent offices stacking) */

.main {
  position: relative;
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Every route hidden unless it is the sole .active view */
.main > .view {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.main > .view.active {
  display: flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
  position: absolute;
  inset: 0;
  z-index: 2;
  flex-direction: column;
  flex: none;
  width: 100%;
  height: 100%;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}