/* V37.8: consistent Actions pink and Monitoring orange treatment. */

/* ACTIONS — pink everywhere, including the left summary light. */
#app .sidebar .v372-actions-group{
  --workspace-accent:#ec4899!important;
  --v371-accent:#ec4899!important;
  --accent:#ec4899!important;
  --accent-rgb:236,72,153!important;
}
#app .sidebar .v372-actions-group > summary::before,
#app .sidebar .v372-actions-group[open] > summary::before{
  background:#ec4899!important;
  box-shadow:0 0 11px rgba(236,72,153,.72)!important;
}
#app .sidebar .v372-actions-group .v372-summary-count{
  background:rgba(236,72,153,.28)!important;
  border-color:#ec4899!important;
  color:#fff!important;
  box-shadow:0 0 10px rgba(236,72,153,.42)!important;
}
#app .sidebar .v372-actions-group[open] .v372-summary-count{
  background:#ec4899!important;
  border-color:#ffd4e8!important;
  color:#fff!important;
}

/* Action workspace toolbar buttons use the category colour rather than green. */
#actions-list-panel.v372-docked-workspace-panel .action-toolbar .btn,
#actions-list-panel.v372-docked-workspace-panel .action-toolbar .btn.primary,
#actions-list-panel.v372-docked-workspace-panel .add-action-btn{
  background:linear-gradient(180deg,#f052a2,#d93682)!important;
  border-color:rgba(251,182,217,.74)!important;
  color:#fff!important;
  box-shadow:none!important;
}
#actions-list-panel.v372-docked-workspace-panel .action-toolbar .btn:hover,
#actions-list-panel.v372-docked-workspace-panel .action-toolbar .btn.primary:hover,
#actions-list-panel.v372-docked-workspace-panel .add-action-btn:hover{
  background:linear-gradient(180deg,#f472b6,#ec4899)!important;
  border-color:#fbcfe8!important;
  box-shadow:0 0 0 2px rgba(236,72,153,.18),0 8px 18px rgba(236,72,153,.22)!important;
}

/* MONITORING — orange in every state: light, count, open shading, controls and cards. */
#app .sidebar .v372-monitoring-group{
  --workspace-accent:#f59e0b!important;
  --v371-accent:#f59e0b!important;
  --accent:#f59e0b!important;
  --accent-rgb:245,158,11!important;
}
#app .sidebar .v372-monitoring-group > summary::before,
#app .sidebar .v372-monitoring-group[open] > summary::before{
  background:#f59e0b!important;
  box-shadow:0 0 11px rgba(245,158,11,.74)!important;
}
#app .sidebar .v372-monitoring-group .v372-summary-count{
  background:rgba(245,158,11,.25)!important;
  border-color:#f59e0b!important;
  color:#fff!important;
  box-shadow:0 0 10px rgba(245,158,11,.38)!important;
}
#app .sidebar .v372-monitoring-group[open] > summary{
  color:#fff!important;
  border-color:#f59e0b!important;
  background:linear-gradient(100deg,rgba(245,158,11,.54),rgba(117,73,8,.56) 64%,#142131)!important;
  box-shadow:inset 5px 0 0 #f59e0b,0 0 0 1px rgba(245,158,11,.58),0 8px 20px rgba(245,158,11,.18)!important;
}
#app .sidebar .v372-monitoring-group[open] .v372-summary-count{
  background:#f59e0b!important;
  border-color:#ffedd5!important;
  color:#1f1300!important;
  box-shadow:0 0 13px rgba(245,158,11,.75)!important;
}
#app .sidebar .v372-monitoring-group > summary:hover{
  border-color:#f59e0b!important;
  background:linear-gradient(90deg,rgba(245,158,11,.24),#142131 76%)!important;
  box-shadow:inset 4px 0 0 #f59e0b,0 0 0 1px rgba(245,158,11,.28)!important;
}

/* Monitoring workspace buttons and hover states. */
#monitoring-list-panel.v372-docked-workspace-panel .monitoring-toolbar-row .btn,
#monitoring-list-panel.v372-docked-workspace-panel .monitoring-toolbar-row .btn.primary,
#monitoring-list-panel.v372-docked-workspace-panel .add-action-btn{
  background:linear-gradient(180deg,#f6a916,#d98605)!important;
  border-color:rgba(253,186,116,.78)!important;
  color:#211300!important;
  box-shadow:none!important;
}
#monitoring-list-panel.v372-docked-workspace-panel .monitoring-toolbar-row .btn:hover,
#monitoring-list-panel.v372-docked-workspace-panel .monitoring-toolbar-row .btn.primary:hover,
#monitoring-list-panel.v372-docked-workspace-panel .add-action-btn:hover{
  background:linear-gradient(180deg,#fbbf24,#f59e0b)!important;
  border-color:#ffedd5!important;
  box-shadow:0 0 0 2px rgba(245,158,11,.18),0 8px 18px rgba(245,158,11,.22)!important;
}
#monitoring-list-panel.v372-docked-workspace-panel .monitoring-site-btn:hover{
  transform:translateY(-1px)!important;
  border-color:#f59e0b!important;
  background:linear-gradient(90deg,rgba(245,158,11,.17),rgba(18,38,62,.88))!important;
  box-shadow:0 0 0 2px rgba(245,158,11,.12),0 11px 24px rgba(0,0,0,.24)!important;
}
#monitoring-list-panel.v372-docked-workspace-panel .monitoring-site-btn.active{
  --action-colour:#f59e0b!important;
  border-color:#f59e0b!important;
  background:linear-gradient(90deg,rgba(245,158,11,.22),rgba(18,38,62,.91))!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 0 5px rgba(245,158,11,.20),0 13px 27px rgba(0,0,0,.30)!important;
}
#monitoring-list-panel.v372-docked-workspace-panel select:hover,
#monitoring-list-panel.v372-docked-workspace-panel select:focus{
  border-color:#f59e0b!important;
  box-shadow:0 0 0 3px rgba(245,158,11,.14)!important;
}