/* Phase 1: stage MosNet parent only. Reuse the incumbent Circuit Shop metalwork. */
.page-mosnet .mosnet-app[data-mosnet-view] .mosnet-stage {
  --mf-corner-w: 72px;
  --mf-corner-h: 34.4px;
  --mf-side-w: 11.84px;
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  min-width: 0;
  padding: 36px 12px;
}
.page-mosnet .mosnet-app[data-mosnet-view] .mosnet-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  background-image:
    url('/assets/frames/header-top-left.webp'),
    url('/assets/frames/header-top-right.webp'),
    url('/assets/frames/header-bottom-left.webp'),
    url('/assets/frames/header-bottom-right.webp'),
    url('/assets/frames/header-top.webp'),
    url('/assets/frames/header-bottom.webp'),
    url('/assets/frames/straight-rail-left.png'),
    url('/assets/frames/straight-rail-right.png');
  background-position: left top, right top, left bottom, right bottom,
    center top, center bottom, left center, right center;
  background-size:
    var(--mf-corner-w) var(--mf-corner-h),
    var(--mf-corner-w) var(--mf-corner-h),
    var(--mf-corner-w) var(--mf-corner-h),
    var(--mf-corner-w) var(--mf-corner-h),
    calc(100% - 2 * var(--mf-corner-w)) var(--mf-corner-h),
    calc(100% - 2 * var(--mf-corner-w)) var(--mf-corner-h),
    var(--mf-side-w) 2.56px,
    var(--mf-side-w) 2.56px;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat,
    no-repeat, no-repeat, repeat-y, repeat-y;
}
.page-mosnet .mosnet-app[data-mosnet-view] .mosnet-frame-slot {
  min-width: 0;
}
.page-mosnet .mosnet-app[data-mosnet-view] .mosnet-frame {
  max-width: 100%;
}
.page-mosnet .mosnet-tabs {
  flex-wrap: wrap;
  min-width: 0;
  max-width: 100%;
}
@media (max-width: 600px) {
  .page-mosnet .mosnet-bar-inner {
    display: flex;
    flex-wrap: wrap;
  }
  .page-mosnet .mosnet-back,
  .page-mosnet .mosnet-direct,
  .page-mosnet .mosnet-signout,
  .page-mosnet .mosnet-staff {
    max-width: 100%;
    white-space: normal;
  }
  .page-mosnet .mosnet-direct { order: 0; margin-left: auto; }
  .page-mosnet .mosnet-tabs { order: 1; flex-basis: 100%; flex-wrap: wrap; }
  .page-mosnet .mosnet-signout,
  .page-mosnet .mosnet-staff { order: 2; }
  .page-mosnet .mosnet-staff { margin-left: auto; }
  .page-mosnet .mosnet-app[data-mosnet-view] .mosnet-stage {
    --mf-corner-w: 54px;
    --mf-corner-h: 25.8px;
    --mf-side-w: 8px;
    padding: 28px 8px;
  }
}
@media (forced-colors: active) {
  .page-mosnet .mosnet-app[data-mosnet-view] .mosnet-stage::before {
    background: none;
    border: 1px solid CanvasText;
  }
}