/* V10.3: enterprise seven-step Debug workflow emphasis. */

html body[data-active-panel="debug-lab"] .debug-engineering-workflow {
  --debug-accent: #4f46e5;
}

html body[data-active-panel="debug-lab"] .debug-workflow-hero {
  background:
    radial-gradient(circle at 84% 10%, rgba(99, 102, 241, 0.34), transparent 34%),
    linear-gradient(135deg, #08182d 0%, #102c4c 62%, #16265d 100%) !important;
}

html body[data-active-panel="debug-lab"] .debug-workflow-hero > aside span:first-child {
  color: #e0e7ff !important;
  background: rgba(99, 102, 241, 0.24) !important;
  border-color: rgba(165, 180, 252, 0.35) !important;
}

html body[data-active-panel="debug-lab"] .debug-workflow-progress i b {
  background: linear-gradient(90deg, #2563eb, var(--debug-accent)) !important;
}

html body[data-active-panel="debug-lab"] .debug-workflow-step-rail {
  gap: 5px !important;
}

html body[data-active-panel="debug-lab"] .debug-workflow-step-rail > button:not(.debug-workflow-reset) {
  min-height: 55px !important;
  padding: 8px 9px !important;
}

html body[data-active-panel="debug-lab"] .debug-workflow-step-rail > button.current {
  color: #3730a3 !important;
  background: linear-gradient(135deg, rgba(79, 70, 229, 0.13), rgba(37, 99, 235, 0.07)) !important;
  border-color: rgba(79, 70, 229, 0.34) !important;
  box-shadow: inset 3px 0 0 var(--debug-accent) !important;
}

html body[data-active-panel="debug-lab"] .debug-workflow-step-rail > button.current i {
  background: var(--debug-accent) !important;
  border-color: var(--debug-accent) !important;
}

html[data-theme="dark"] body[data-active-panel="debug-lab"] .debug-workflow-step-rail > button.current {
  color: #e0e7ff !important;
}

html body[data-active-panel="debug-lab"] .debug-workflow-step-head > span {
  color: var(--debug-accent) !important;
}

html body[data-active-panel="debug-lab"] .engineering-debug-route {
  grid-template-columns: repeat(7, minmax(74px, 1fr)) !important;
  max-width: 1040px !important;
}

@media (max-width: 900px) {
  html body[data-active-panel="debug-lab"] .debug-workflow-step-rail {
    grid-template-columns: repeat(7, minmax(118px, 1fr)) !important;
  }
}