/* V38.3: align paired workspace buttons and place Monitoring Details beside the sidebar before first paint. */
#actions-list-panel.v372-docked-workspace-panel .action-toolbar,
#monitoring-list-panel.v372-docked-workspace-panel .monitoring-toolbar-row.action-toolbar{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
  margin:0 0 10px!important;
  padding:0!important;
}
#actions-list-panel.v372-docked-workspace-panel .action-toolbar > .btn,
#monitoring-list-panel.v372-docked-workspace-panel .monitoring-toolbar-row.action-toolbar > .btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:8px 10px!important;
  box-sizing:border-box!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:normal!important;
  flex:none!important;
}

/* Give the monitoring editor a safe adjacent default even before JavaScript recalculates it. */
#monitoring-site-editor-panel.monitoring-editor-panel:not(.hidden){
  position:fixed!important;
  left:calc(var(--v374-sidebar-width,380px) + 22px)!important;
  right:auto!important;
  top:72px!important;
  bottom:auto!important;
  transform:none!important;
  max-width:calc(100vw - var(--v374-sidebar-width,380px) - 34px)!important;
  max-height:calc(100vh - 92px)!important;
  box-sizing:border-box!important;
}
@media (max-width:980px){
  #monitoring-site-editor-panel.monitoring-editor-panel:not(.hidden){
    left:calc(var(--v374-sidebar-width,350px) + 12px)!important;
    max-width:calc(100vw - var(--v374-sidebar-width,350px) - 24px)!important;
  }
}
