/* Q-DASH circular visuals — clean ring system (no orange haze).
   Applies to every Q-DASH circle so they all match: Goals radar, AI Core, Business Diagnostic Lab,
   Business Core (systems), Knowledge hub orbit, journey ports, phone mockups, contact icon, company-profile core.
   Rule: crisp strokes only — solid ring, thin dashed ring, small orbit marker. No blur, no radial fog, no soft shadows. */

:root { --qdr-o: #E05C2A; --qdr-o-soft: rgba(224, 92, 42, .45); --qdr-o-faint: rgba(224, 92, 42, .22); --qdr-navy: #0b1726; }

/* 1. Former haze layers become a thin dashed outer orbit */
html body .qd-goals-radar-glow,
html body .qd-ai-core-glow,
html body .qd-diagnostic-radar-glow,
html body .qd-systems-core-glow {
  background: none !important;
  filter: none !important;
  box-shadow: none !important;
  border: 1px dashed var(--qdr-o-faint) !important;
  border-radius: 50% !important;
  opacity: 1 !important;
  animation: qdrOrbit 60s linear infinite !important;
}
@keyframes qdrOrbit { to { transform: rotate(360deg); } }
/* keep any centring transform the layer had: these layers are positioned with inset, not translate */

/* 2. Rings: keep the stroke, drop the glow around it */
html body .qd-goals-radar-ring-mid,
html body .qd-ai-core-ring-energy,
html body .qd-diagnostic-radar-ring-1,
html body .qd-diagnostic-radar-ring-2,
html body .qd-systems-ring-blue,
html body .qd-systems-ring-orange {
  box-shadow: none !important;
  filter: none !important;
}

/* 3. Centre discs: solid navy with a crisp double ring (gap + thin orange line), no soft shadow */
html body .qd-goals-radar-core,
html body .qd-ai-core-disk,
html body .qd-diagnostic-score-core,
html body .qd-systems-core-disk,
html body .qd-journey-node-port,
html body .qd-eco-core {
  box-shadow: 0 0 0 5px var(--qdr-navy), 0 0 0 6px var(--qdr-o-soft) !important;
  filter: none !important;
}
html body .qkl-orbit-center,
html body .qkl-knowledge-orbit--hero .qkl-orbit-center {
  box-shadow: 0 0 0 5px rgba(11, 31, 51, .9), 0 0 0 6px var(--qdr-o-soft) !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
html body .qkl-orbit-center:hover,
html body .qkl-knowledge-orbit--hero .qkl-orbit-center:hover {
  box-shadow: 0 0 0 5px rgba(11, 31, 51, .9), 0 0 0 7px var(--qdr-o) !important;
}

/* 4. Diagnostic radar: the orange conic "sweep" becomes a thin rotating arc with a marker dot */
html body .qd-diagnostic-radar-sweep {
  background: none !important;
  -webkit-mask: none !important; mask: none !important;
  filter: none !important; box-shadow: none !important; opacity: 1 !important;
  border: 2px solid transparent !important;
  border-top-color: var(--qdr-o) !important;
  border-radius: 50% !important;
}
html body .qd-diagnostic-radar-sweep::before { display: none !important; }
html body .qd-diagnostic-radar-sweep::after {
  /* sits exactly on the end of the arc: 45deg to the right of top, on the 2px stroke centre line */
  content: "" !important; position: absolute !important; inset: auto !important;
  left: calc(50% + (50% + 1px) * .7071 - 4px) !important;
  top: calc(50% - (50% + 1px) * .7071 - 4px) !important;
  right: auto !important; bottom: auto !important;
  width: 8px !important; height: 8px !important; border-radius: 50% !important; margin: 0 !important;
  background: var(--qdr-o) !important; box-shadow: 0 0 0 3px var(--qdr-navy) !important; filter: none !important;
  transform: none !important; opacity: 1 !important; animation: none !important;
}

/* 5. Small circles and progress rings: no drop-shadow glow */
html body .qd-diagnostic-ring-fill,
html body .qd-ai-mkt-donut-fill,
html body .qd-feas-progress-val,
html body .qd-platform-glow-ring {
  filter: none !important;
}
html body .qd-ai-rocket-pad {
  background: none !important; box-shadow: none !important; filter: none !important;
  border: 1px solid var(--qdr-o-soft) !important; border-radius: 50% !important;
}
html body .qd-phone-icon-center {
  background: var(--qdr-navy) !important;
  box-shadow: 0 0 0 4px var(--qdr-navy), 0 0 0 5px var(--qdr-o-soft) !important;
}
html body .qd-phone-placeholder .qd-ph-glow-circle,
html body .qd-ph-glow-circle {
  background: none !important; filter: none !important; box-shadow: none !important;
  border: 1px solid var(--qdr-o-faint) !important; border-radius: 50% !important;
}

@media (prefers-reduced-motion: reduce) {
  html body .qd-goals-radar-glow, html body .qd-ai-core-glow,
  html body .qd-diagnostic-radar-glow, html body .qd-systems-core-glow { animation: none !important; }
}