/**
 * Orbita WMS V3 — Apply design tokens to legacy /wms overview (index.html) markup.
 * Requires: html.orbita-wms-v3 + orbita-wms-v3.app.css loaded after wms-workspace-layout.css
 */
html.orbita-wms-v3 .wms-body {
  background: var(--ow3-color-bg-page);
  color: var(--ow3-color-text-primary);
  font-family: var(--ow3-font-sans);
}

html.orbita-wms-v3 .wms-sidenav {
  background: var(--ow3-sidenav-bg);
  border-bottom-color: var(--ow3-sidenav-border);
  scrollbar-color: var(--ow3-color-text-muted) var(--ow3-sidenav-bg);
}
@media (min-width: 768px) {
  html.orbita-wms-v3 .wms-sidenav {
    border-right-color: var(--ow3-sidenav-border);
    border-bottom: none;
    box-shadow: 2px 0 12px rgba(15, 23, 42, 0.08);
  }
}

html.orbita-wms-v3 .wms-side-brand {
  border-bottom-color: var(--ow3-sidenav-border);
}
html.orbita-wms-v3 .wms-side-badge {
  border-color: var(--ow3-color-border-strong);
  background: #f8fafc;
  color: var(--ow3-sidenav-text-muted);
}
html.orbita-wms-v3 .wms-side-intro,
html.orbita-wms-v3 .wms-side-sub {
  color: var(--ow3-sidenav-text-muted);
}
html.orbita-wms-v3 .wms-side-h {
  color: var(--ow3-sidenav-text-muted);
}
html.orbita-wms-v3 .wms-side-block {
  border-bottom-color: var(--ow3-sidenav-border);
}
html.orbita-wms-v3 .wms-side-link {
  border-color: rgba(226, 232, 240, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: var(--ow3-sidenav-text);
  border-radius: var(--ow3-radius-sm);
}
html.orbita-wms-v3 .wms-side-link:hover {
  border-color: rgba(13, 92, 99, 0.45);
  background: rgba(13, 92, 99, 0.22);
}
html.orbita-wms-v3 .wms-side-link:focus-visible {
  outline: none;
  box-shadow: var(--ow3-shadow-focus);
}
html.orbita-wms-v3 .wms-side-link__route {
  color: var(--ow3-sidenav-text-muted);
}
html.orbita-wms-v3 .wms-side-link--planned {
  background: rgba(255, 255, 255, 0.03);
  color: var(--ow3-sidenav-text-muted);
}

html.orbita-wms-v3 .wms-side-details {
  border-bottom-color: var(--ow3-sidenav-border);
}
html.orbita-wms-v3 .wms-side-details__summary {
  color: var(--ow3-sidenav-text-muted);
}
html.orbita-wms-v3 .wms-side-details__summary::before {
  color: var(--ow3-sidenav-text-muted);
}
html.orbita-wms-v3 .wms-side-details__note {
  border-color: rgba(226, 232, 240, 0.12);
  background: rgba(0, 0, 0, 0.2);
  color: var(--ow3-sidenav-text-muted);
}

/* Scan block in sidebar — calm teal, no neon */
html.orbita-wms-v3 .wms-scan-panel {
  border: 1px solid rgba(13, 92, 99, 0.45);
  background: rgba(13, 92, 99, 0.18);
  box-shadow: none;
}
html.orbita-wms-v3 .wms-scan-h {
  color: rgba(224, 242, 254, 0.92);
}
html.orbita-wms-v3 .wms-scan-sub {
  color: var(--ow3-sidenav-text-muted);
}
html.orbita-wms-v3 .wms-scan-row {
  border-color: rgba(226, 232, 240, 0.1);
  background: rgba(255, 255, 255, 0.04);
}
html.orbita-wms-v3 .wms-scan-row:hover {
  border-color: rgba(13, 92, 99, 0.4);
}
html.orbita-wms-v3 .wms-scan-ico--lead {
  background: var(--ow3-color-brand-600);
  color: #fff;
}
html.orbita-wms-v3 .wms-scan-ico--std {
  background: rgba(30, 58, 95, 0.85);
  color: #e2e8f0;
}
html.orbita-wms-v3 .wms-scan-row__route {
  color: rgba(148, 163, 184, 0.95);
}

html.orbita-wms-v3 .wms-sidenav .wms-trace-wrap--side {
  border-bottom-color: rgba(226, 232, 240, 0.1);
}
html.orbita-wms-v3 .wms-sidenav .wms-trace-wrap--side .wms-trace-label {
  color: var(--ow3-sidenav-text-muted);
}
html.orbita-wms-v3 .wms-sidenav .wms-trace-wrap--side .wms-trace-btn {
  background: var(--ow3-color-brand-600);
  color: #fff;
  border: none;
  border-radius: var(--ow3-radius-sm);
}
html.orbita-wms-v3 .wms-sidenav .wms-trace-wrap--side .wms-trace-btn:hover {
  background: var(--ow3-color-brand-700);
}

/* Main column */
html.orbita-wms-v3 .wms-topbar {
  border-bottom: 1px solid var(--ow3-color-border);
  background: var(--ow3-color-surface);
  box-shadow: var(--ow3-shadow-sm);
}
html.orbita-wms-v3 .wms-topbar__title {
  color: var(--ow3-color-text-primary);
  font-weight: var(--ow3-text-page-title-weight);
}
html.orbita-wms-v3 .wms-exit-link {
  color: var(--ow3-color-text-secondary);
}
html.orbita-wms-v3 .wms-exit-link:hover {
  color: var(--ow3-color-accent-700);
  border-bottom-color: var(--ow3-color-accent-600);
}

html.orbita-wms-v3 .wms-content {
  color: var(--ow3-color-text-primary);
}
html.orbita-wms-v3 .wms-section-h {
  color: var(--ow3-color-text-primary);
}
html.orbita-wms-v3 .wms-section-sub {
  color: var(--ow3-color-text-secondary);
}
html.orbita-wms-v3 .wms-operator-main-hint {
  color: var(--ow3-color-text-secondary);
  background: var(--ow3-color-surface);
  border: 1px solid var(--ow3-color-border);
  border-radius: var(--ow3-radius-md);
}

html.orbita-wms-v3 .wms-persona-switch__btn--active {
  border-color: var(--ow3-color-brand-500);
  background: rgba(13, 92, 99, 0.12);
  color: var(--ow3-color-brand-700);
}

html.orbita-wms-v3 .wms-btn-logout {
  color: var(--ow3-color-text-secondary);
}
html.orbita-wms-v3 .wms-btn-logout:hover {
  color: var(--ow3-color-danger-text);
}

/* Runtime teaching loop — automation level meter (overview topbar) */
html.orbita-wms-v3 .wms-learning-meter {
  margin-top: 10px;
  padding: 8px 10px;
  border-radius: var(--ow3-radius-md);
  border: 1px solid var(--ow3-color-border);
  background: var(--ow3-color-surface);
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 200px;
  max-width: 280px;
}
html.orbita-wms-v3 .wms-learning-meter__label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ow3-color-text-muted);
}
html.orbita-wms-v3 .wms-learning-meter__track {
  height: 8px;
  border-radius: 4px;
  background: rgba(15, 23, 42, 0.35);
  overflow: hidden;
}
html.orbita-wms-v3 .wms-learning-meter__fill {
  height: 100%;
  width: 0%;
  border-radius: 4px;
  background: linear-gradient(90deg, #22c55e, #86efac);
  transition: width 0.35s ease;
}
html.orbita-wms-v3 .wms-learning-meter__pct {
  font-size: 16px;
  font-weight: 800;
  color: var(--ow3-color-text-primary);
}
html.orbita-wms-v3 .wms-learning-meter__sub {
  font-size: 11px;
  color: var(--ow3-color-text-secondary);
  line-height: 1.35;
}