/* PAGE-SCOPED-VIEW-CONTROLS-20261004 */
#nb #page-root{
  position:relative!important;
}
#nb .adq-page-view-toolbar{
  position:sticky!important;
  top:10px!important;
  align-self:flex-end!important;
  z-index:70!important;
  width:max-content!important;
  margin:10px 14px 8px auto!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:6px!important;
  border:1px solid rgba(153,140,214,.28)!important;
  border-radius:18px!important;
  background:rgba(28,23,61,.92)!important;
  box-shadow:0 10px 28px rgba(5,3,20,.22)!important;
  backdrop-filter:blur(14px)!important;
}
#nb .adq-page-view-icon{
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(166,153,220,.24)!important;
  border-radius:50%!important;
  background:rgba(69,59,111,.30)!important;
  color:#e7e1ff!important;
  cursor:pointer!important;
  padding:0!important;
}
#nb .adq-page-view-icon:hover,
#nb .adq-page-view-icon:focus-visible{
  border-color:rgba(183,169,255,.58)!important;
  background:rgba(91,77,146,.44)!important;
}
#nb .adq-page-view-icon svg{
  width:21px!important;
  height:21px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#nb .adq-page-view-icon[data-page-width] svg rect{
  fill:none!important;
  stroke:currentColor!important;
}
#nb .adq-page-view-status{
  min-width:82px!important;
  text-align:center!important;
  color:#beb5df!important;
  font-size:12px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
#nb .adq-page-view-save{
  height:44px!important;
  min-width:72px!important;
  padding:0 14px!important;
  border:1px solid rgba(255,178,67,.55)!important;
  border-radius:14px!important;
  background:#ffb243!important;
  color:#23152d!important;
  font:700 12px/1 inherit!important;
  cursor:pointer!important;
}
#nb .adq-page-view-save:disabled{
  border-color:rgba(166,153,220,.20)!important;
  background:rgba(69,59,111,.24)!important;
  color:#9b92ba!important;
  cursor:default!important;
}
#nb .adq-page-view-popover{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  z-index:120!important;
  width:340px!important;
  max-width:min(340px,calc(100vw - 20px))!important;
  padding:18px!important;
  border:1px solid rgba(166,153,220,.30)!important;
  border-radius:16px!important;
  background:#211942!important;
  box-shadow:0 18px 44px rgba(4,2,18,.42)!important;
}
#nb .adq-page-view-popover > strong{
  display:block!important;
  margin:0 0 8px!important;
  color:#f3efff!important;
  font-size:15px!important;
  font-weight:750!important;
  line-height:1.25!important;
}
#nb .adq-page-view-options{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}
#nb .adq-page-view-options button{
  min-height:34px!important;
  border:1px solid rgba(166,153,220,.24)!important;
  border-radius:10px!important;
  background:rgba(67,56,111,.36)!important;
  color:#ded7f6!important;
  font-weight:700!important;
  cursor:pointer!important;
}
#nb .adq-page-view-options button[aria-pressed="true"]{
  border-color:#ffb243!important;
  background:rgba(255,178,67,.16)!important;
  color:#ffd28d!important;
}
#nb .adq-page-view-help{
  margin:0 0 16px!important;
  color:#bdb4dc!important;
  font-size:12.5px!important;
  line-height:1.5!important;
}
#nb .adq-container-picker{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  max-height:336px!important;
  overflow:auto!important;
  padding:0 2px 0 0!important;
}
#nb .adq-container-choice{
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 54px!important;
  align-items:center!important;
  gap:14px!important;
  padding:0 12px 0 14px!important;
  border:1px solid rgba(166,153,220,.24)!important;
  border-radius:12px!important;
  background:rgba(67,56,111,.28)!important;
  color:#e9e4fb!important;
  text-align:left!important;
  cursor:pointer!important;
}
#nb .adq-container-choice span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-weight:700!important;
  font-size:14px!important;
  line-height:1.2!important;
}
#nb .adq-container-choice small{
  flex:0 0 auto!important;
  width:54px!important;
  min-width:54px!important;
  padding:5px 7px!important;
  border-radius:999px!important;
  background:rgba(166,153,220,.12)!important;
  color:#beb5df!important;
  font-size:11.5px!important;
  font-weight:750!important;
  line-height:1!important;
  text-align:center!important;
}
#nb .adq-container-choice[aria-pressed="true"]{
  border-color:rgba(255,178,67,.62)!important;
  background:rgba(255,178,67,.10)!important;
}
#nb .adq-container-choice[aria-pressed="true"] small{color:#ffd28d!important}
#nb .adq-page-view-divider{
  height:1px!important;
  margin:16px 0!important;
  background:rgba(166,153,220,.18)!important;
}
#nb .adq-resize-selected{
  outline:2px solid rgba(255,178,67,.55)!important;
  outline-offset:3px!important;
}
#nb #page-root > .page[data-page-view-managed="true"]{
  box-sizing:border-box!important;
  transition:none!important;
}
@media (max-width:700px){
  #nb .adq-page-view-toolbar{
    margin:8px 8px 6px auto!important;
    gap:6px!important;
  }
  #nb .adq-page-view-status{display:none!important}
  #nb .adq-page-view-icon{width:40px!important;height:40px!important}
  #nb .adq-page-view-save{min-width:58px!important;padding-inline:10px!important}
}

#nb .adq-container-popover .adq-page-view-options{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:6px!important;
}
#nb .adq-container-popover .adq-page-view-options button{
  min-width:0!important;
  padding:0 4px!important;
}
#nb .adq-page-view-toolbar > *{
  flex:0 0 auto!important;
}
#nb .adq-page-view-status{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:44px!important;
  padding:0 4px!important;
}
@media (max-width:700px){
  #nb .adq-page-view-popover{
    right:-2px!important;
    width:min(340px,calc(100vw - 16px))!important;
    padding:16px!important;
  }
  #nb .adq-container-choice{
    height:50px!important;
    min-height:50px!important;
  }
  #nb .adq-page-view-save{
    height:40px!important;
    min-width:62px!important;
  }
}

/* DYNAMIC-CONTAINER-LAYOUT-20261004 */
#nb .adq-container-layout-parent{
  display:grid!important;
  grid-template-columns:repeat(20,minmax(0,1fr))!important;
  column-gap:12px!important;
  row-gap:12px!important;
  align-items:start!important;
}
#nb .adq-container-layout-parent > [data-adq-container-key]{
  min-width:0!important;
  box-sizing:border-box!important;
}
#nb .adq-layout-extra{
  margin-top:2px!important;
}
#nb .adq-field-label{
  display:block!important;
  margin:12px 0 7px!important;
  color:#bdb4dc!important;
  font-size:11px!important;
  font-weight:750!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
#nb .adq-height-options{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
#nb .adq-height-options button{
  min-width:0!important;
  padding:0 4px!important;
  font-size:11px!important;
}
#nb .adq-position-options{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
}
#nb .adq-position-options button{
  min-height:34px!important;
  border:1px solid rgba(166,153,220,.24)!important;
  border-radius:10px!important;
  background:rgba(67,56,111,.36)!important;
  color:#ded7f6!important;
  font-weight:700!important;
  cursor:pointer!important;
}
#nb .adq-position-options button:hover,
#nb .adq-position-options button:focus-visible{
  border-color:rgba(183,169,255,.58)!important;
  background:rgba(91,77,146,.44)!important;
}
#nb .adq-layout-hint{
  margin:11px 0 0!important;
  padding:9px 10px!important;
  border:1px solid rgba(166,153,220,.16)!important;
  border-radius:10px!important;
  background:rgba(42,34,78,.34)!important;
  color:#aaa2cb!important;
  font-size:11px!important;
  line-height:1.45!important;
}
/* Keep the user-selected layout at every viewport width.
   The resize control is explicit customization, so 50/50 must remain 50/50
   even in a narrow QA/browser window instead of being silently forced to 100%. */

/* COMPACT-APPLY-V2: visual-only; do not alter toolbar event wiring */
#nb .adq-page-view-status{display:none!important}
#nb .adq-page-view-save{
  position:relative!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  padding:0!important;
  border-radius:50%!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
}
#nb .adq-page-view-save::before{
  content:"✓"!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:800!important;
}
#nb .adq-page-view-save:disabled{
  display:none!important;
}
@media (max-width:700px){
  #nb .adq-page-view-save{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    padding:0!important;
  }
}

/* Dashboard uses the original Nebula Dashboard Layout interface. */
#nb .dashboard-page > .adq-page-view-toolbar{
  display:none!important;
}

/* CONFIG-STATION-MODAL-WIDTH-20261004
   Station metadata is a 4-column editor on desktop. Do not inherit the narrow
   generic modal width; it makes the form look like a phone panel on a wide UI. */
#nb #modal-root .station-metadata-modal{
  width:min(1180px,calc(100vw - 48px))!important;
  max-width:1180px!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
#nb #modal-root .station-metadata-modal .modal-head,
#nb #modal-root .station-metadata-modal .station-meta-section,
#nb #modal-root .station-metadata-modal .modal-actions{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
#nb #modal-root .station-metadata-modal .pro-grid-4{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
}
#nb #modal-root .station-metadata-modal .pro-grid-4 > .field{
  min-width:0!important;
}
#nb #modal-root .station-metadata-modal .pro-grid-4 > .span-2{
  grid-column:span 2!important;
}
#nb #modal-root .station-metadata-modal .pro-grid-4 > .span-4{
  grid-column:1/-1!important;
}
#nb #modal-root .station-metadata-modal .input,
#nb #modal-root .station-metadata-modal .select,
#nb #modal-root .station-metadata-modal textarea{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
@media (max-width:960px){
  #nb #modal-root .station-metadata-modal{
    width:min(94vw,820px)!important;
  }
  #nb #modal-root .station-metadata-modal .pro-grid-4{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #nb #modal-root .station-metadata-modal .pro-grid-4 > .span-4{
    grid-column:1/-1!important;
  }
}
@media (max-width:620px){
  #nb #modal-root .station-metadata-modal{
    width:calc(100vw - 24px)!important;
  }
  #nb #modal-root .station-metadata-modal .pro-grid-4{
    grid-template-columns:1fr!important;
  }
  #nb #modal-root .station-metadata-modal .pro-grid-4 > .span-2,
  #nb #modal-root .station-metadata-modal .pro-grid-4 > .span-4{
    grid-column:1/-1!important;
  }
}

/* STATION-MODAL-VIEWPORT-20261004
   Keep the application header visible, keep the modal title/actions visible,
   and give scrolling to the modal body only. */
#nb #modal-root .station-modal-backdrop{
  position:fixed!important;
  /* Main shell header is ~88px high on desktop. Keep the modal completely
     below it so the header border/radius/shadow is never covered or clipped. */
  inset:90px 0 0 0!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  z-index:1000!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:14px 20px 18px!important;
  box-sizing:border-box!important;
}
#nb #modal-root .station-modal-backdrop .station-metadata-modal{
  margin:0!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  contain:layout paint!important;
}
#nb #modal-root .station-modal-backdrop .station-metadata-modal > .modal-head{
  position:relative!important;
  flex:0 0 auto!important;
  z-index:2!important;
  margin:0!important;
  padding-top:14px!important;
  padding-bottom:12px!important;
  background:#2b225e!important;
  border-bottom:1px solid rgba(166,153,220,.16)!important;
}
#nb #modal-root .station-modal-backdrop .station-metadata-modal > .modal-head::before{
  content:none!important;
  display:none!important;
}
#nb #modal-root .station-modal-backdrop .station-metadata-modal .station-modal-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  padding-right:4px!important;
}
#nb #modal-root .station-modal-backdrop .station-metadata-modal .modal-actions{
  position:relative!important;
  flex:0 0 auto!important;
  z-index:2!important;
  margin-top:0!important;
  padding-top:12px!important;
  padding-bottom:12px!important;
  background:#2b225e!important;
  border-top:1px solid rgba(166,153,220,.16)!important;
}
@media (max-width:700px){
  #nb #modal-root .station-modal-backdrop{
    inset:78px 0 0 0!important;
    padding:10px 12px 12px!important;
  }
  #nb #modal-root .station-modal-backdrop .station-metadata-modal{
    height:100%!important;
    max-height:100%!important;
  }
}

#nb #modal-root .station-modal-backdrop .station-modal-scroll::-webkit-scrollbar{
  width:8px!important;
}
#nb #modal-root .station-modal-backdrop .station-modal-scroll::-webkit-scrollbar-track{
  background:transparent!important;
}
#nb #modal-root .station-modal-backdrop .station-modal-scroll::-webkit-scrollbar-thumb{
  background:rgba(166,153,220,.38)!important;
  border-radius:999px!important;
}

/* STATION-MODAL-FOOTER-20261004
   Remove the rectangular footer block and prevent the scroll body from being
   visually covered by actions. The footer follows the modal surface and keeps
   the rounded bottom corners. */
#nb #modal-root .station-modal-backdrop .station-metadata-modal{
  border-radius:22px!important;
  overflow:hidden!important;
}
#nb #modal-root .station-modal-backdrop .station-metadata-modal .station-modal-scroll{
  padding-bottom:22px!important;
}
#nb #modal-root .station-modal-backdrop .station-metadata-modal > .modal-actions{
  flex:0 0 auto!important;
  min-height:66px!important;
  margin:0!important;
  padding:12px 20px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  background:linear-gradient(180deg,rgba(43,34,94,.98),rgba(38,30,82,.98))!important;
  border-top:1px solid rgba(166,153,220,.14)!important;
  border-radius:0 0 22px 22px!important;
  box-shadow:0 -10px 22px rgba(8,5,24,.10)!important;
  box-sizing:border-box!important;
}
#nb #modal-root .station-modal-backdrop .station-metadata-modal > .modal-actions::before,
#nb #modal-root .station-modal-backdrop .station-metadata-modal > .modal-actions::after{
  content:none!important;
  display:none!important;
}
#nb #modal-root .station-modal-backdrop .station-metadata-modal .station-modal-scroll{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(166,153,220,.40) transparent!important;
}

/* STATION-MODAL-SURFACE-CLEANUP-20261004
   The modal must read as one continuous rounded surface. Do not paint a
   separate square header/footer plate over the modal background. */
#nb #modal-root .station-modal-backdrop .station-metadata-modal > .modal-head{
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#nb #modal-root .station-modal-backdrop .station-metadata-modal > .modal-actions{
  background:transparent!important;
  box-shadow:none!important;
}
#nb #modal-root .station-modal-backdrop .station-metadata-modal .station-modal-scroll::-webkit-scrollbar-button{
  display:none!important;
  width:0!important;
  height:0!important;
}
#nb #modal-root .station-modal-backdrop .station-metadata-modal .station-modal-scroll::-webkit-scrollbar-corner{
  background:transparent!important;
}

/* APPROVED-STATION-MODAL-TOP-GAP-20261004 */
#nb #modal-root .station-modal-backdrop{
  inset:90px 0 0 0!important;
  padding:0 20px 18px!important;
  background:transparent!important;
  overflow:hidden!important;
  align-items:flex-start!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
#nb #modal-root .station-modal-backdrop .station-metadata-modal{
  margin-top:14px!important;
  width:min(1180px,calc(100vw - 48px))!important;
  max-width:1180px!important;
  height:calc(100dvh - 122px)!important;
  max-height:calc(100dvh - 122px)!important;
  border-radius:22px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#nb #modal-root .station-modal-backdrop::before,
#nb #modal-root .station-modal-backdrop::after,
#nb #modal-root .station-metadata-modal::before,
#nb #modal-root .station-metadata-modal::after,
#nb #modal-root .station-metadata-modal > .modal-head::before,
#nb #modal-root .station-metadata-modal > .modal-head::after{
  content:none!important;
  display:none!important;
}

/* GLOBAL-TOPBAR-BOTTOM-CLEARANCE-20261004
   Keep the shell header fully above every page/modal layer so its rounded
   bottom edge and shadow cannot be clipped by page-root/background surfaces. */
#nb .app-main{
  overflow:visible!important;
}
#nb .ref-topbar{
  position:relative!important;
  z-index:2200!important;
  overflow:visible!important;
  isolation:isolate!important;
  margin-bottom:14px!important;
  box-sizing:border-box!important;
}
#nb .ref-topbar::after{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:-10px!important;
  height:10px!important;
  pointer-events:none!important;
  background:transparent!important;
}
#nb #page-root{
  position:relative!important;
  z-index:1!important;
}
#nb #modal-root{
  position:relative!important;
  z-index:1000!important;
}
@media (max-width:700px){
  #nb #modal-root .station-modal-backdrop{
    inset:78px 0 0 0!important;
    padding:0 12px 12px!important;
  }
  #nb #modal-root .station-modal-backdrop .station-metadata-modal{
    margin-top:10px!important;
    width:calc(100vw - 24px)!important;
    height:calc(100dvh - 92px)!important;
    max-height:calc(100dvh - 92px)!important;
  }
  #nb .ref-topbar{
    margin-bottom:10px!important;
  }
}

/* GLOBAL-SHELL-CLEANUP-20261004
   Remove the artificial spacer/background block below the topbar. Keep the
   topbar fully visible by fixing clipping at its ancestors instead of adding
   margin/pseudo-element space. */
#nb .app-shell,
#nb .app-main{
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
  clip-path:none!important;
  contain:none!important;
}
#nb .ref-topbar{
  position:relative!important;
  z-index:2200!important;
  overflow:visible!important;
  clip-path:none!important;
  contain:none!important;
  margin-bottom:0!important;
}
#nb .ref-topbar::after{
  content:none!important;
  display:none!important;
}
#nb #page-root{
  background:transparent!important;
  box-shadow:none!important;
  margin-top:0!important;
}
#nb #page-root::before,
#nb #page-root::after,
#nb .app-main::before,
#nb .app-main::after{
  content:none!important;
  display:none!important;
}
@media (max-width:700px){
  #nb .ref-topbar{margin-bottom:0!important}
}

/* GLOBAL-SHELL-GHOST-STRIP-FINAL-20261004
   The unified shell no longer uses the legacy left sidebar as a layout column.
   Keep those legacy nodes out of layout entirely; navigation lives in the
   topbar primary-nav sheet and its existing click-outside handler. */
#nb #app-shell.app-shell{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#nb #sidebar.legacy-sidebar-shell,
#nb #sidebar-backdrop.sidebar-backdrop{
  display:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
#nb .app-main{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* Topbar owns its own complete rounded surface. Nothing from page-root or a
   legacy shell layer may sit on top of its lower edge. */
#nb .ref-topbar{
  position:relative!important;
  z-index:5000!important;
  overflow:visible!important;
  clip-path:none!important;
  contain:none!important;
  isolation:isolate!important;
}
#nb .ref-topbar::before,
#nb .ref-topbar::after{
  content:none!important;
  display:none!important;
}
#nb #page-root.page-root{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow-x:hidden!important;
}
#nb #page-root.page-root::before,
#nb #page-root.page-root::after{
  content:none!important;
  display:none!important;
}

/* Remove stale rail/dock decoration if an older UI helper injected it. */
#nb .dock-wrap,
#nb .dock,
#nb .left-rail,
#nb .workspace-rail,
#nb .side-rail,
#nb .ui9-rail-brand,
#nb .ui9-rail-caption,
#nb .ui9-rail-footer{
  display:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* GLOBAL-RIGHT-EDGE-OVERFLOW-FIX-20261004
   Prevent any shell/page from becoming wider than the viewport. The right-side
   dark rectangular strip in the UI was caused by a horizontally oversized
   shell/page surface exposing the body background. */
#nb,
#nb body{
  width:100%!important;
  max-width:100vw!important;
  min-width:0!important;
  margin:0!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
}
#nb body{
  position:relative!important;
}
#nb #app-shell.app-shell,
#nb .app-main,
#nb #page-root.page-root{
  width:100%!important;
  max-width:100vw!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
#nb .ref-topbar{
  width:calc(100% - 24px)!important;
  max-width:calc(100vw - 24px)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
#nb #page-root > .page{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
#nb #modal-root,
#nb #toast-root{
  max-width:100vw!important;
  overflow-x:hidden!important;
}
#nb body.sidebar-open{
  overflow-x:hidden!important;
}
/* Any full-viewport overlay must use the viewport box itself, never 100vw
   plus padding/margins which creates a right-hand ghost column. */
#nb .modal-backdrop,
#nb .station-modal-backdrop{
  max-width:100vw!important;
  box-sizing:border-box!important;
}

/* UNIFIED-SHELL-FLATTEN-20261004
   Visible workspace no longer has an app-shell wrapper. Keep only one page
   surface so no full-height rectangular background box can appear behind pages. */
#nb body{
  background:#0d0a1f!important;
}
#nb .app-main{
  min-height:100dvh!important;
  background:transparent!important;
}
#nb #sidebar[hidden],
#nb #sidebar-backdrop[hidden]{
  display:none!important;
}