/* 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%. */