
/* Keep every desktop navigation item reachable in a short browser window.
 * The nav owns its scroll area; brand/status stay fixed and rows keep their size. */
@media (min-width: 901px) {
  .iam-sidebar { overflow: hidden; }
  .iam-sidebar__brand, .iam-sidebar__status { flex-shrink: 0; }
  .iam-sidebar__nav { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
  .iam-sidebar__nav .iam-nav-item { flex-shrink: 0; }
}

/* Center short modal panels while letting tall forms start inside the scroll area.
 * Auto block margins collapse to zero when the panel is taller than the viewport. */
.iam-view .fixed.inset-0.z-50 { align-items: flex-start; }
.iam-view .fixed.inset-0.z-50 > .relative { margin-block: auto; flex-shrink: 0; }
