/* App-shell viewport that holds all screens */
.unya-main-interface .unya-main-viewport {
  position: relative;
  margin-top: 12px;
  padding-bottom: 72px; /* space for bottom dock */
  min-height: 480px;
  overflow: hidden;
}

/* Each module screen */
.unya-main-interface .unya-screen {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateX(18px) translateY(4px);
  filter: blur(2px);
  transition:
    opacity 0.22s ease-out,
    transform 0.22s ease-out,
    filter 0.22s ease-out;
}

/* Active screen – slide/fade in */
.unya-main-interface .unya-screen.is-active {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0) translateY(0);
  filter: none;
  z-index: 1;
}

/* For extra polish if you later want direction-aware animations: */
.unya-main-interface .unya-screen.is-entering {
  opacity: 0;
  transform: translateX(28px) translateY(4px);
}

.unya-main-interface .unya-screen.is-leaving {
  opacity: 0;
  transform: translateX(-24px) translateY(4px);
  filter: blur(2px);
}
/* ============================================================
   Unya 2.0 — Main Screens (virtual iframe behavior)
   - Only the active screen is visible
   ============================================================ */

.unya-main-interface .unya-main-viewport {
  /* Container that holds the individual module screens */
  margin-top: 1.5rem;
  padding-bottom: 72px; /* space for bottom dock */
  min-height: 480px;
}

/* All screens hidden by default */
.unya-main-interface .unya-screen {
  display: none;
}

/* Only the active screen shows */
.unya-main-interface .unya-screen.is-active {
  display: block;
  animation: unya-screen-fade 0.18s ease-out;
}

@keyframes unya-screen-fade {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}