/* ── shared light design-system migration ──────────────────────────────── */
body[data-im-theme="light"] {
  background: var(--im-color-canvas);
  color: var(--im-color-text);
}
body[data-im-theme="light"] .agent-readable-page {
  border-color: var(--im-color-border-strong);
  background: var(--im-color-surface);
  color: var(--im-color-text-secondary);
  box-shadow: var(--im-shadow-sm);
}
body[data-im-theme="light"] .agent-readable-kicker,
body[data-im-theme="light"] .overview-section-title,
body[data-im-theme="light"] .list-title,
body[data-im-theme="light"] .feature-eyebrow {
  color: var(--im-color-accent-strong);
}
body[data-im-theme="light"] .agent-readable-facts > div,
body[data-im-theme="light"] .agent-readable-list > li,
body[data-im-theme="light"] .agent-readable-endpoint {
  border-color: var(--im-color-border);
  background: var(--im-color-surface-subtle);
}
body[data-im-theme="light"] .agent-readable-note {
  border-color: var(--im-color-border);
}
body[data-im-theme="light"] .agent-readable-page a,
body[data-im-theme="light"] .agent-readable-page a:hover,
body[data-im-theme="light"] .agent-readable-page a:focus-visible {
  color: var(--im-color-link);
}

body[data-im-theme="light"] #status-bar.ok {
  border-color: color-mix(in srgb, var(--im-color-success) 28%, transparent);
  background: var(--im-color-success-soft);
  color: var(--im-color-success);
}
body[data-im-theme="light"] #status-bar.warn {
  border-color: color-mix(in srgb, var(--im-color-warning) 28%, transparent);
  background: var(--im-color-warning-soft);
  color: var(--im-color-warning);
}
body[data-im-theme="light"] #status-bar.down {
  border-color: color-mix(in srgb, var(--im-color-danger) 28%, transparent);
  background: var(--im-color-danger-soft);
  color: var(--im-color-danger);
}
body[data-im-theme="light"] #status-bar.loading {
  border-color: var(--im-color-border);
  background: var(--im-color-surface-subtle);
  color: var(--im-color-unknown);
}
body[data-im-theme="light"] > header {
  border-color: var(--im-color-border);
  background: linear-gradient(180deg, var(--im-color-surface) 0%, var(--im-color-surface-raised) 100%);
  box-shadow: var(--im-shadow-sm);
}
body[data-im-theme="light"] .wordmark,
body[data-im-theme="light"] .stat-val,
body[data-im-theme="light"] .co-name,
body[data-im-theme="light"] .co-stat b,
body[data-im-theme="light"] .company-application-name,
body[data-im-theme="light"] .company-feature-name,
body[data-im-theme="light"] .product-check-title,
body[data-im-theme="light"] .ep-row-name,
body[data-im-theme="light"] .dep-mobile-application-name {
  color: var(--im-color-text);
}
body[data-im-theme="light"] .pulse {
  background: var(--im-color-accent);
  box-shadow: 0 0 0 4px var(--im-color-accent-soft);
}
body[data-im-theme="light"] .subtitle,
body[data-im-theme="light"] .stat-label,
body[data-im-theme="light"] .unit {
  color: var(--im-color-text-muted) !important;
}
body[data-im-theme="light"] .stat-val.green { color: var(--im-color-success); text-shadow: none; }
body[data-im-theme="light"] .stat-val.red { color: var(--im-color-danger); text-shadow: none; }
body[data-im-theme="light"] .header-link,
body[data-im-theme="light"] .back-btn {
  border-color: var(--im-color-border-strong);
  background: var(--im-color-surface);
  color: var(--im-color-text-secondary);
}
body[data-im-theme="light"] .header-link:hover,
body[data-im-theme="light"] .header-link:focus-visible,
body[data-im-theme="light"] .back-btn:hover {
  border-color: var(--im-color-accent);
  background: var(--im-color-accent-soft);
  color: var(--im-color-accent-strong);
}

body[data-im-theme="light"] > nav,
body[data-im-theme="light"] #endpoint-bar,
body[data-im-theme="light"] #legend,
body[data-im-theme="light"] .chart-evidence-summary,
body[data-im-theme="light"] .ep-list-nav,
body[data-im-theme="light"] .product-check-table-wrap {
  border-color: var(--im-color-border);
  background: var(--im-color-surface-raised);
}
body[data-im-theme="light"] .rb {
  border-color: var(--im-color-border-strong);
  background: var(--im-color-surface);
  color: var(--im-color-text-muted);
}
body[data-im-theme="light"] .rb:hover:not(.on) {
  border-color: var(--im-color-border-emphasis);
  background: var(--im-color-surface-subtle);
  color: var(--im-color-text);
}
body[data-im-theme="light"] .rb.on {
  border-color: var(--im-color-accent);
  background: var(--im-color-accent-soft);
  color: var(--im-color-accent-strong);
  box-shadow: none;
}
body[data-im-theme="light"] .ep-label,
body[data-im-theme="light"] .ep-icon,
body[data-im-theme="light"] .ep-count,
body[data-im-theme="light"] .ep-clear,
body[data-im-theme="light"] .chart-title,
body[data-im-theme="light"] .chart-view-control label {
  color: var(--im-color-text-muted);
}
body[data-im-theme="light"] .ep-input-row {
  border-color: var(--im-color-border);
  background: var(--im-color-surface);
}
body[data-im-theme="light"] .ep-input-row:focus-within {
  border-color: var(--im-color-focus);
  background: var(--im-color-surface-raised);
  box-shadow: var(--im-focus-ring);
}
body[data-im-theme="light"] #ep-input { color: var(--im-color-text); }
body[data-im-theme="light"] #ep-input::placeholder { color: var(--im-color-text-subtle); }
body[data-im-theme="light"] #ep-dropdown,
body[data-im-theme="light"] #chart-view-select,
body[data-im-theme="light"] #dependency-view-select,
body[data-im-theme="light"] #tip {
  border-color: var(--im-color-border-strong);
  background-color: var(--im-color-surface-raised);
  color: var(--im-color-text-secondary);
  box-shadow: var(--im-shadow-md);
}
body[data-im-theme="light"] #ep-dropdown::-webkit-scrollbar-thumb {
  background: var(--im-color-border-strong);
}
body[data-im-theme="light"] .ep-item { border-color: var(--im-color-border); }
body[data-im-theme="light"] .ep-item:hover,
body[data-im-theme="light"] .ep-item.focused,
body[data-im-theme="light"] .ep-item.selected {
  background: var(--im-color-accent-soft);
}
body[data-im-theme="light"] .ep-item.selected .ep-item-path,
body[data-im-theme="light"] .ep-item-check { color: var(--im-color-accent-strong); }
body[data-im-theme="light"] .ep-item-host,
body[data-im-theme="light"] .ep-item-sep,
body[data-im-theme="light"] .ep-empty { color: var(--im-color-text-muted); }
body[data-im-theme="light"] .ep-item-path,
body[data-im-theme="light"] .legend-region { color: var(--im-color-text); }
body[data-im-theme="light"] .legend-name { color: var(--im-color-text-muted); }

body[data-im-theme="light"] .chart-outer { background: var(--im-color-canvas); }
body[data-im-theme="light"] .chart-block {
  border: 1px solid var(--im-color-border-strong);
  border-radius: var(--im-radius-md);
  background: var(--im-graph-plot);
  box-shadow: var(--im-shadow-sm);
}
body[data-im-theme="light"] #lat-wrap { padding: 0; }
body[data-im-theme="light"] #st-c:focus-visible {
  outline: 3px solid var(--im-color-focus);
  outline-offset: 3px;
  box-shadow: var(--im-focus-ring);
}
body[data-im-theme="light"] #chart-view-select:focus,
body[data-im-theme="light"] #chart-view-select:focus-visible,
body[data-im-theme="light"] .ep-list-table tbody tr:focus-visible,
body[data-im-theme="light"] .check-open-button:focus-visible {
  outline: 3px solid var(--im-color-focus);
  outline-offset: 3px;
  box-shadow: var(--im-focus-ring);
}
body[data-im-theme="light"] .ep-list-table tbody tr:focus-visible {
  outline-offset: -3px;
}
body[data-im-theme="light"] #zoom-reset {
  border-color: var(--im-color-accent);
  background: var(--im-color-accent-soft);
  color: var(--im-color-accent-strong);
}
body[data-im-theme="light"] #zoom-reset:hover { background: var(--im-color-surface-inset); }
body[data-im-theme="light"] #zoom-hint,
body[data-im-theme="light"] #no-backends { color: var(--im-color-text-subtle); }
body[data-im-theme="light"] #tip .te { color: var(--im-color-danger); }

body[data-im-theme="light"] .co-card,
body[data-im-theme="light"] .company-application-panel,
body[data-im-theme="light"] .company-official-status,
body[data-im-theme="light"] .product-check-group,
body[data-im-theme="light"] .dependency-panel,
body[data-im-theme="light"] .feature-hero,
body[data-im-theme="light"] .feature-panel {
  border-color: var(--im-color-border);
  background: var(--im-color-surface);
  box-shadow: var(--im-shadow-sm);
}
body[data-im-theme="light"] .co-card:hover {
  border-color: var(--im-color-border-emphasis);
  box-shadow: var(--im-shadow-md);
}
body[data-im-theme="light"] .company-application-card,
body[data-im-theme="light"] .company-official-card,
body[data-im-theme="light"] .feature-region,
body[data-im-theme="light"] .dep-mobile-matrix-card,
body[data-im-theme="light"] .dep-stack-card {
  border-color: var(--im-color-border);
  background: var(--im-color-surface-raised);
}
body[data-im-theme="light"] .company-feature-row,
body[data-im-theme="light"] .company-official-card:hover,
body[data-im-theme="light"] .company-official-card:focus-visible {
  border-color: color-mix(in srgb, var(--im-color-info) 30%, var(--im-color-border));
  background: var(--im-color-info-soft);
}
body[data-im-theme="light"] .company-feature-state,
body[data-im-theme="light"] .check-regional-state { color: var(--im-color-success); }
body[data-im-theme="light"] .company-feature-state.degraded,
body[data-im-theme="light"] .check-regional-state.degraded { color: var(--im-color-warning); }
body[data-im-theme="light"] .company-feature-state.failing,
body[data-im-theme="light"] .check-regional-state.failing { color: var(--im-color-danger); }
body[data-im-theme="light"] .company-feature-state.unknown,
body[data-im-theme="light"] .check-regional-state.unknown { color: var(--im-color-unknown); }
body[data-im-theme="light"] .company-application-origin,
body[data-im-theme="light"] .company-official-all,
body[data-im-theme="light"] .company-official-action,
body[data-im-theme="light"] .product-check-platform,
body[data-im-theme="light"] .ep-row-application,
body[data-im-theme="light"] .dep-mobile-application-origin {
  color: var(--im-color-link);
}
body[data-im-theme="light"] .feature-summary {
  border-color: var(--im-color-border);
  background: var(--im-color-unknown-soft);
}
body[data-im-theme="light"] .feature-summary.passing { background: var(--im-color-success-soft); }
body[data-im-theme="light"] .feature-summary.degraded { background: var(--im-color-warning-soft); }
body[data-im-theme="light"] .feature-summary.failing { background: var(--im-color-danger-soft); }
body[data-im-theme="light"] .feature-summary.unknown { background: var(--im-color-unknown-soft); }
body[data-im-theme="light"] .feature-summary strong { color: var(--im-color-unknown); }
body[data-im-theme="light"] .feature-summary.passing strong { color: var(--im-color-success); }
body[data-im-theme="light"] .feature-summary.degraded strong { color: var(--im-color-warning); }
body[data-im-theme="light"] .feature-summary.failing strong { color: var(--im-color-danger); }
body[data-im-theme="light"] .feature-region.passing {
  border-color: color-mix(in srgb, var(--im-color-success) 35%, var(--im-color-border));
  background: var(--im-color-success-soft);
}
body[data-im-theme="light"] .feature-region.failing {
  border-color: color-mix(in srgb, var(--im-color-danger) 35%, var(--im-color-border));
  background: var(--im-color-danger-soft);
}
body[data-im-theme="light"] .feature-history th,
body[data-im-theme="light"] .feature-history td { border-color: var(--im-color-border); }

body[data-im-theme="light"] .company-official-card.operational { --official-state-color: var(--im-color-success); }
body[data-im-theme="light"] .company-official-card.degraded,
body[data-im-theme="light"] .company-official-card.partial_outage { --official-state-color: var(--im-color-warning); }
body[data-im-theme="light"] .company-official-card.major_outage { --official-state-color: var(--im-color-danger); }
body[data-im-theme="light"] .company-official-card.maintenance { --official-state-color: var(--im-color-info); }
body[data-im-theme="light"] .company-official-card.stale,
body[data-im-theme="light"] .company-official-card.unknown { --official-state-color: var(--im-color-unknown); }
body[data-im-theme="light"] .company-official-state,
body[data-im-theme="light"] .company-official-chip,
body[data-im-theme="light"] .product-check-count,
body[data-im-theme="light"] .certificate-status {
  border-color: var(--im-color-border-strong);
  background: var(--im-color-surface-subtle);
}
body[data-im-theme="light"] .product-check-group[open] { border-color: var(--im-color-border-emphasis); }
body[data-im-theme="light"] .product-check-summary::after { color: var(--im-color-link); }
body[data-im-theme="light"] .product-check-table-wrap,
body[data-im-theme="light"] .ep-list-table th,
body[data-im-theme="light"] .ep-list-table td {
  border-color: var(--im-color-border);
}
body[data-im-theme="light"] .ep-list-table th {
  background: var(--im-color-surface-subtle);
  color: var(--im-color-text-muted);
}
body[data-im-theme="light"] .ep-list-table tbody tr:hover td { background: var(--im-color-surface-subtle); }
body[data-im-theme="light"] .check-kind-badge { border-color: var(--im-color-border-strong); }
body[data-im-theme="light"] .severity-badge.high { color: var(--im-color-danger); background: var(--im-color-danger-soft); }
body[data-im-theme="light"] .severity-badge.medium { color: var(--im-color-warning); background: var(--im-color-warning-soft); }
body[data-im-theme="light"] .severity-badge.low { color: var(--im-color-info); background: var(--im-color-info-soft); }
body[data-im-theme="light"] .infra-dependency {
  border-color: color-mix(in srgb, var(--im-color-accent) 28%, var(--im-color-border));
  background: var(--im-color-accent-soft);
  color: var(--im-color-accent-strong);
}
body[data-im-theme="light"] .infra-dependency.empty { border-color: var(--im-color-border); background: transparent; color: var(--im-color-text-subtle); }
body[data-im-theme="light"] .certificate-status.cert-valid { color: var(--im-color-success); background: var(--im-color-success-soft); }
body[data-im-theme="light"] .certificate-status.cert-warning { color: var(--im-color-warning); background: var(--im-color-warning-soft); }
body[data-im-theme="light"] .certificate-status.cert-critical { color: var(--im-color-danger); background: var(--im-color-danger-soft); }
body[data-im-theme="light"] .certificate-status.cert-checking { color: var(--im-color-info); background: var(--im-color-info-soft); }
body[data-im-theme="light"] .recent-check-item {
  border-color: var(--im-color-border-strong);
  background: var(--im-color-surface-subtle);
  color: var(--im-color-unknown);
}
body[data-im-theme="light"] .recent-check-item.passing {
  border-color: color-mix(in srgb, var(--im-color-success) 42%, var(--im-color-border));
  background: var(--im-color-success-soft);
  color: var(--im-color-success);
}
body[data-im-theme="light"] .recent-check-item.failing {
  border-color: color-mix(in srgb, var(--im-color-danger) 42%, var(--im-color-border));
  background: var(--im-color-danger-soft);
  color: var(--im-color-danger);
}
body[data-im-theme="light"] .recent-check-item.client {
  border-color: color-mix(in srgb, var(--im-color-warning) 42%, var(--im-color-border));
  background: var(--im-color-warning-soft);
  color: var(--im-color-warning);
}
body[data-im-theme="light"] .recent-check-item.unknown { border-color: var(--im-color-border-strong); }
body[data-im-theme="light"] .recent-check-coverage { color: var(--im-color-text-muted); }
body[data-im-theme="light"] .endpoint-tls-card {
  border-color: var(--im-color-border);
  background: var(--im-color-surface-raised);
}
body[data-im-theme="light"] .endpoint-tls-title,
body[data-im-theme="light"] .endpoint-tls-fact dt,
body[data-im-theme="light"] .endpoint-tls-note { color: var(--im-color-text-muted); }
body[data-im-theme="light"] .endpoint-tls-fact dd { color: var(--im-color-text-secondary); }

body[data-im-theme="light"] .dependency-panel-head,
body[data-im-theme="light"] .dependency-matrix th,
body[data-im-theme="light"] .dependency-matrix td,
body[data-im-theme="light"] .dep-services,
body[data-im-theme="light"] .dep-mobile-api,
body[data-im-theme="light"] .dep-mobile-direct-endpoints {
  border-color: var(--im-color-border-strong);
}
body[data-im-theme="light"] .dependency-panel-title { color: var(--im-color-text-muted); }
body[data-im-theme="light"] .dep-edge { stroke: var(--im-color-border-strong); }
body[data-im-theme="light"] .dep-edge.root { stroke: var(--im-color-accent); }
body[data-im-theme="light"] .dep-node rect,
body[data-im-theme="light"] .dep-provider,
body[data-im-theme="light"] .dep-mobile-api-origin,
body[data-im-theme="light"] .dep-mobile-endpoint {
  fill: var(--im-color-surface-raised);
  border-color: var(--im-color-border);
  background: var(--im-color-surface-raised);
  stroke: var(--im-color-border-strong);
}
body[data-im-theme="light"] .dep-node.root rect { fill: var(--im-color-accent-soft); stroke: var(--im-color-accent); }
body[data-im-theme="light"] .dep-node.application rect { fill: var(--im-color-info-soft); stroke: var(--im-color-info); }
body[data-im-theme="light"] .dep-node.api-origin rect { fill: var(--im-color-surface-subtle); stroke: var(--im-color-border-emphasis); }
body[data-im-theme="light"] .dep-node.provider rect { fill: var(--im-color-surface-raised); }
body[data-im-theme="light"] .dep-node.provider.unspecified rect {
  stroke: var(--im-graph-missing);
  stroke-dasharray: 4 3;
}
body[data-im-theme="light"] .dep-node text { fill: var(--im-color-text); }
body[data-im-theme="light"] .dep-node text.sub { fill: var(--im-color-text-muted); }
body[data-im-theme="light"] .dep-tree-root,
body[data-im-theme="light"] .dep-stack-root {
  border-color: var(--im-color-accent);
  background: var(--im-color-accent-soft);
  color: var(--im-color-accent-strong);
  box-shadow: none;
}
body[data-im-theme="light"] .dep-stack-root-name,
body[data-im-theme="light"] .dep-mobile-matrix-host,
body[data-im-theme="light"] .dep-yes { color: var(--im-color-accent-strong); }
body[data-im-theme="light"] .dep-stack-count {
  border-color: var(--im-color-accent);
  background: var(--im-color-surface);
  color: var(--im-color-accent-strong);
}
body[data-im-theme="light"] .dep-stack-indicator { background: var(--im-color-accent); box-shadow: none; }
body[data-im-theme="light"] .dep-stack-provider { background: var(--im-color-surface-subtle); }
body[data-im-theme="light"] .dep-stack-provider.unspecified {
  border-style: dashed;
  color: var(--im-color-text-secondary);
}
body[data-im-theme="light"] .dep-mobile-application-head { background: var(--im-color-info-soft); }
body[data-im-theme="light"] .dep-mobile-endpoint { color: var(--im-color-text-secondary); }
body[data-im-theme="light"] .dep-stack-trunk,
body[data-im-theme="light"] .dep-mobile-application {
  border-left-color: var(--im-color-accent);
}
body[data-im-theme="light"] .dep-stack-provider::after {
  border-top-color: var(--im-color-border-emphasis);
}
body[data-im-theme="light"] .dep-stack-provider::before {
  opacity: 1;
}
body[data-im-theme="light"] .dep-mobile-api,
body[data-im-theme="light"] .dep-mobile-direct-endpoints {
  border-left-color: var(--im-color-border-emphasis);
}
body[data-im-theme="light"] .dep-mobile-endpoint {
  border-left-color: var(--im-color-accent);
}
body[data-im-theme="light"] .dependency-status-link:hover {
  color: var(--im-color-accent-strong);
}
body[data-im-theme="light"] .dependency-status-link:focus-visible {
  outline: 3px solid var(--im-color-focus);
  outline-offset: 3px;
  box-shadow: var(--im-focus-ring);
}
body[data-im-theme="light"] .infra-dependency.dependency-status-link:hover,
body[data-im-theme="light"] .dep-stack-provider.dependency-status-link:hover,
body[data-im-theme="light"] .dep-mobile-pill.dependency-status-link:hover,
body[data-im-theme="light"] .dep-provider.dependency-status-link:hover {
  border-color: var(--im-color-accent);
  background: var(--im-color-accent-soft);
  color: var(--im-color-accent-strong);
  filter: none;
}
body[data-im-theme="light"] .dependency-map .dependency-status-link:hover .dep-node.provider rect,
body[data-im-theme="light"] .dependency-map .dependency-status-link:focus-visible .dep-node.provider rect {
  stroke: var(--im-color-accent) !important;
}
body[data-im-theme="light"] .dependency-map .dependency-status-link:hover .dep-node.provider text,
body[data-im-theme="light"] .dependency-map .dependency-status-link:focus-visible .dep-node.provider text {
  fill: var(--im-color-accent-strong);
}

body[data-im-theme="light"] .probe-type-badge {
  border-color: var(--im-color-border-strong);
  background: var(--im-color-info-soft);
  color: var(--im-color-info);
}
body[data-im-theme="light"] .probe-type-badge.websocket {
  border-color: var(--im-color-accent);
  background: var(--im-color-accent-soft);
  color: var(--im-color-accent-strong);
}
body[data-im-theme="light"] .probe-type-badge.webrtc {
  border-color: var(--im-color-border-emphasis);
  background: var(--im-color-unknown-soft);
  color: var(--im-color-unknown);
}
body[data-im-theme="light"] .up-good { color: var(--im-color-success); }
body[data-im-theme="light"] .up-warn { color: var(--im-color-warning); }
body[data-im-theme="light"] .up-bad { color: var(--im-color-danger); }

body[data-im-theme="light"] #err-backdrop { background: rgba(24,49,45,.38); }
body[data-im-theme="light"] #err-box {
  border-color: color-mix(in srgb, var(--im-color-danger) 45%, var(--im-color-border));
  background: var(--im-color-surface);
  box-shadow: var(--im-shadow-lg);
}
body[data-im-theme="light"] #err-dialog-head,
body[data-im-theme="light"] #err-actions,
body[data-im-theme="light"] #err-master,
body[data-im-theme="light"] #err-detail,
body[data-im-theme="light"] .err-section,
body[data-im-theme="light"] .err-fact {
  border-color: var(--im-color-border);
  background: var(--im-color-surface-raised);
}
body[data-im-theme="light"] #err-heading,
body[data-im-theme="light"] .err-section-title,
body[data-im-theme="light"] .err-fact-value { color: var(--im-color-text); }
body[data-im-theme="light"] #err-eyebrow { color: var(--im-color-danger); }
body[data-im-theme="light"] #err-x,
body[data-im-theme="light"] .err-retry,
body[data-im-theme="light"] #err-copy,
body[data-im-theme="light"] #err-close {
  border-color: var(--im-color-border-strong);
  background: var(--im-color-surface);
  color: var(--im-color-text);
}
body[data-im-theme="light"] #err-x:hover,
body[data-im-theme="light"] #err-x:focus-visible,
body[data-im-theme="light"] .err-retry:hover,
body[data-im-theme="light"] .err-retry:focus-visible,
body[data-im-theme="light"] #err-copy:hover,
body[data-im-theme="light"] #err-copy:focus-visible,
body[data-im-theme="light"] #err-close:hover,
body[data-im-theme="light"] #err-close:focus-visible {
  border-color: var(--im-color-accent);
  background: var(--im-color-accent-soft);
  color: var(--im-color-accent-strong);
}
body[data-im-theme="light"] .err-sample {
  border-color: var(--im-color-border);
  background: var(--im-color-surface);
  color: var(--im-color-text);
}
body[data-im-theme="light"] .err-sample:hover,
body[data-im-theme="light"] .err-sample[aria-selected="true"] { background: var(--im-color-surface-inset); }
body[data-im-theme="light"] .err-loading,
body[data-im-theme="light"] .err-empty,
body[data-im-theme="light"] .err-headers,
body[data-im-theme="light"] .err-code { border-color: var(--im-color-border); }
body[data-im-theme="light"] .err-loading,
body[data-im-theme="light"] .err-empty { background: var(--im-color-surface); }
body[data-im-theme="light"] .err-spinner {
  border-color: var(--im-color-border);
  border-top-color: var(--im-color-danger);
}
body[data-im-theme="light"] .err-section-head,
body[data-im-theme="light"] .err-header-row + .err-header-row { border-color: var(--im-color-border); }
body[data-im-theme="light"] .err-badge {
  border-color: var(--im-color-border-strong);
  background: var(--im-color-surface);
  color: var(--im-color-text-secondary);
}
body[data-im-theme="light"] .err-badge.redacted {
  border-color: var(--im-color-warning);
  background: var(--im-color-warning-soft);
  color: var(--im-color-warning);
}
body[data-im-theme="light"] .err-badge.truncated {
  border-color: var(--im-color-danger);
  background: var(--im-color-danger-soft);
  color: var(--im-color-danger);
}
body[data-im-theme="light"] .err-code { background: var(--im-color-surface-inset); color: var(--im-color-text); }
body[data-im-theme="light"] .err-header-name { color: var(--im-color-info); }
body[data-im-theme="light"] .err-header-value,
body[data-im-theme="light"] .err-url { color: var(--im-color-text-secondary); }
body[data-im-theme="light"] .err-method { color: var(--im-color-accent-strong); }
body[data-im-theme="light"] .err-transport { color: var(--im-color-danger); }
body[data-im-theme="light"] .err-fallback-note { color: var(--im-color-warning); }

@media (max-width: 640px) {
  body[data-im-theme="light"] .stats,
  body[data-im-theme="light"] .stat,
  body[data-im-theme="light"] .ep-list-table tr,
  body[data-im-theme="light"] .ep-list-table td:first-child,
  body[data-im-theme="light"] #err-master {
    border-color: var(--im-color-border);
  }
  body[data-im-theme="light"] .ep-list-table tr { background: var(--im-color-surface); }
  body[data-im-theme="light"] .dep-stack-trunk,
  body[data-im-theme="light"] .dep-mobile-application,
  body[data-im-theme="light"] .dep-mobile-api,
  body[data-im-theme="light"] .dep-mobile-direct-endpoints,
  body[data-im-theme="light"] .dep-mobile-endpoint {
    border-left-width: 2px;
  }
  body[data-im-theme="light"] .dep-stack-provider::after {
    border-top-width: 2px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pulse, .sb-dot.pulse-anim, .err-spinner { animation: none !important; }
  .co-card, .rb, .header-link, #tip, #zoom-hint,
  .dep-stack-provider, .dependency-status-link { transition: none !important; }
  .co-card:hover { transform: none; }
}