/* V37.2: live Actions and Monitoring workspaces docked inside the primary sidebar. */
#app .sidebar{overflow-y:auto;overflow-x:hidden;}

.v372-workspace-group{--workspace-accent:#8b5cf6;}
.v372-actions-group{--workspace-accent:#9b5cff;}
.v372-monitoring-group{--workspace-accent:#20b8df;}
.v372-project-group{--workspace-accent:#e54755;}
.v372-landscape-group{--workspace-accent:#20b66b;}
.v372-reference-group{--workspace-accent:#2b9dd0;}
.v372-reports-group{--workspace-accent:#7654c5;}

.v372-workspace-group > summary{position:relative;display:flex!important;align-items:center;gap:8px;}
.v372-workspace-group > summary::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--workspace-accent);}
.v372-summary-title{flex:1;min-width:0;}
.v372-summary-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 8px;border:1px solid color-mix(in srgb,var(--workspace-accent) 75%,white 10%);border-radius:999px;background:color-mix(in srgb,var(--workspace-accent) 28%,#102034);font-size:12px;line-height:1;color:#fff;}
.v372-workspace-group[open] > summary{background:linear-gradient(90deg,color-mix(in srgb,var(--workspace-accent) 18%,#142131),#142131 72%);border-bottom-color:var(--workspace-accent)!important;}
.v372-workspace-body{padding:8px 6px 12px!important;overflow:visible!important;}

#actions-list-panel.v372-docked-workspace-panel,
#monitoring-list-panel.v372-docked-workspace-panel{
  position:static!important;inset:auto!important;transform:none!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  height:auto!important;max-height:none!important;margin:0!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background:transparent!important;overflow:visible!important;z-index:auto!important;
}
#actions-list-panel.v372-docked-workspace-panel > .panel-header,
#monitoring-list-panel.v372-docked-workspace-panel > .panel-header{display:none!important;}
#actions-list-panel.v372-docked-workspace-panel #action-list,
#monitoring-list-panel.v372-docked-workspace-panel #monitoring-right-body{
  display:block!important;position:static!important;width:100%!important;max-height:none!important;
  overflow:visible!important;padding:0!important;background:transparent!important;
}
#actions-list-panel.v372-docked-workspace-panel .action-toolbar,
#actions-list-panel.v372-docked-workspace-panel .action-sort-row,
#monitoring-list-panel.v372-docked-workspace-panel .monitoring-toolbar-row,
#monitoring-list-panel.v372-docked-workspace-panel .monitoring-filter-row{
  gap:6px!important;margin-bottom:7px!important;
}
#actions-list-panel.v372-docked-workspace-panel .action-toolbar .btn,
#monitoring-list-panel.v372-docked-workspace-panel .monitoring-toolbar-row .btn{
  min-height:38px!important;font-size:12px!important;padding:8px 9px!important;
}
#actions-list-panel.v372-docked-workspace-panel select,
#monitoring-list-panel.v372-docked-workspace-panel select{
  min-width:0!important;width:100%!important;font-size:11px!important;padding:8px 26px 8px 8px!important;
}
#actions-list-panel.v372-docked-workspace-panel .action-sort-row{grid-template-columns:1fr 1fr!important;}
#monitoring-list-panel.v372-docked-workspace-panel .monitoring-filter-row{display:grid!important;grid-template-columns:1fr!important;}
#actions-list-panel.v372-docked-workspace-panel .action-card,
#monitoring-list-panel.v372-docked-workspace-panel .monitoring-site-btn{
  min-height:54px!important;padding:10px!important;margin-bottom:7px!important;border-radius:10px!important;
}
#actions-list-panel.v372-docked-workspace-panel .action-list,
#monitoring-list-panel.v372-docked-workspace-panel .monitoring-right-list{
  max-height:none!important;overflow:visible!important;
}

#action-picker-popout:not(.hidden),
#action-editor-panel:not(.hidden),
#monitoring-site-editor-panel:not(.hidden){box-sizing:border-box!important;}

@media (max-width:900px){
  #action-picker-popout:not(.hidden),
  #action-editor-panel:not(.hidden),
  #monitoring-site-editor-panel:not(.hidden){
    left:calc(var(--sidebar-width, 270px) + 8px)!important;
    width:calc(100vw - var(--sidebar-width, 270px) - 16px)!important;
    max-width:calc(100vw - var(--sidebar-width, 270px) - 16px)!important;
  }
}

/* V37.3: widen the primary sidebar so docked Action and Monitoring controls fit cleanly. */
#app .sidebar{
  width:340px!important;
}

#actions-list-panel.v372-docked-workspace-panel .action-toolbar,
#monitoring-list-panel.v372-docked-workspace-panel .monitoring-toolbar-row{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;
  align-items:stretch!important;
}

#actions-list-panel.v372-docked-workspace-panel .action-toolbar > *,
#monitoring-list-panel.v372-docked-workspace-panel .monitoring-toolbar-row > *{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

#actions-list-panel.v372-docked-workspace-panel .action-sort-row{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}

#actions-list-panel.v372-docked-workspace-panel .action-sort-row > *,
#monitoring-list-panel.v372-docked-workspace-panel .monitoring-filter-row > *{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

#actions-list-panel.v372-docked-workspace-panel .action-card,
#monitoring-list-panel.v372-docked-workspace-panel .monitoring-site-btn{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

@media (max-width:1100px){
  #app .sidebar{width:320px!important;}
}

@media (max-width:760px){
  #app .sidebar{width:min(320px,calc(100vw - 16px))!important;}
}