/* This file affects only the local Compass V2 component. Original card styles win unchanged. */
#or-compass-v2 .or-brand-hub-canvas-r5 {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
#or-compass-v2 .or-brand-hub-center-r5 img {
  opacity: var(--oc-logo-opacity, 1) !important;
  visibility: visible !important;
  transition: none !important;
}
#or-compass-v2 .oc-field {
  display: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  z-index: 2;
}
#or-compass-v2[data-oc-ready] .oc-field { display: block; }
#or-compass-v2[data-oc-ready] .or-brand-hub-lines-r5 { display: none !important; }
#or-compass-v2[data-oc-ready] .or-brand-hub-canvas-r5::before { display: none !important; }
#or-compass-v2 .oc-trace { fill: none; stroke-width: 1.35; stroke-linecap: round; }
#or-compass-v2 .oc-halo { fill: none; stroke-width: .9; }
/* Static fallback still connects the original desktop composition. */
#or-compass-v2:not([data-oc-ready]) .or-brand-hub-line-r5 {
  stroke-dasharray: none !important; stroke-dashoffset: 0 !important; opacity: .76 !important;
}
#or-compass-v2:not([data-oc-ready]) .or-brand-hub-terminal-r5 { opacity: 1 !important; }

/* Desktop/tablet uses the new flows. Mobile keeps its original central connections. */
@media (min-width:761px) {
 #or-compass-v2[data-oc-ready] .or-brand-hub-canvas-r5::after,
 #or-compass-v2[data-oc-ready] .or-brand-hub-item-r5::after { display: none !important; }
 #or-compass-v2[data-oc-ready] .or-brand-hub-item-r5::before { visibility: hidden !important; }
}
@media (max-width:760px) {
 #or-compass-v2 .oc-connections { display: none; }
}