/* Shared diagnostic workspace structure for GridTrail and WorkRoute. */
.world-workspace {
  --workspace-max: 1280px;
  --workspace-gap: clamp(17px, 2.4vw, 25px);
  color: var(--world-ink);
}
.world-workspace-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 25px;
}
.world-workspace-header h1 {
  color: var(--world-ink);
  letter-spacing: -.055em;
}
.world-workspace-header > div > p:last-child {
  max-width: 720px;
  color: var(--world-muted);
  font-size: 13px;
  line-height: 1.85;
}
.world-workspace .world-steps {
  gap: 9px;
  margin-bottom: clamp(24px, 4vw, 35px);
}
.world-workspace .world-step {
  border-color: var(--world-line);
  background: var(--world-surface);
  color: var(--world-muted);
}
.world-workspace .world-step.active {
  border-color: #bbdac9;
  background: var(--world-accent-soft);
  color: var(--world-accent-deep);
}
.world-workspace .world-step.active small { color: var(--world-accent); }
.world-workspace .world-panel { border-color: var(--world-line); background: var(--world-surface); }
.world-workspace .world-panel--soft { background: var(--world-surface-soft); }
.world-workspace .world-notice {
  color: var(--world-muted);
  line-height: 1.7;
}
.world-workspace .world-notice strong { color: var(--world-accent-deep); }
.world-workspace .world-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
}
.world-workspace .world-metrics > div,
.world-workspace .world-metrics > article {
  border: 1px solid var(--world-line);
  border-radius: var(--world-radius-sm);
  background: var(--world-surface);
}
.world-workspace .world-metrics strong { color: var(--world-ink); }
.world-workspace .world-metrics .risk strong,
.world-workspace .world-metrics .critical strong { color: var(--world-danger); }
.world-workspace .world-metrics .warning strong { color: var(--world-warning); }
.world-workspace .world-metrics .resolved strong,
.world-workspace .world-metrics .healthy strong { color: var(--world-success); }
.world-workspace .connection-chips small,
.world-workspace .domain-chip,
.world-workspace .risk-chip,
.world-workspace .mode-chip {
  border-radius: 999px;
}
.world-workspace .world-panel .world-panel,
.world-workspace .world-card { box-shadow: none; }
.world-workspace .world-card { border-color: var(--world-line); border-radius: var(--world-radius-md); background: var(--world-surface); }
.world-workspace .world-toolbar { border-color: var(--world-line); background: var(--world-surface-soft); }
.world-workspace .map-toolbar.world-toolbar { padding: 9px; }
.world-workspace .world-tabs { border-color: var(--world-line); background: var(--world-surface-soft); }
.world-workspace .world-dropzone { border-color: #b5d3c7; background: var(--world-surface-soft); }
.world-workspace .world-dropzone.is-dragging { border-color: var(--world-accent); background: var(--world-accent-soft); }
@media (max-width: 940px) {
  .world-workspace-header { align-items: start; flex-direction: column; }
  .world-workspace .world-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .world-workspace .world-metrics { grid-template-columns: 1fr; }
}