/* Agent visual system: blue Copilot orb (never violet) and three hologram atoms shared by the activity stage and settings. */
:root{--domain-sales:#00e1af;--domain-service:#2f7bff;--domain-marketing:#cd46ff;--domain-sales-rgb:0,225,175;--domain-service-rgb:47,123,255;--domain-marketing-rgb:205,70,255;--copilot-blue:#2f7bff}
.copilot-orb{display:inline-block;width:74px;height:74px;flex-shrink:0;position:relative;border-radius:50%;isolation:isolate;box-shadow:0 2px 10px rgba(0,94,235,.16)}.copilot-orb.small{width:38px;height:38px}
.copilot-orb svg{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}
/* The R is tinted into the glass, as in Copilot: it multiplies what lies under it, so the wave keeps showing through.
   Copilot burns #271F65 into a lavender sphere; on the near-white blue glass color-burn vanishes, multiply keeps the same light R, deeper at the top. */
.copilot-orb .orb-r{opacity:.9;mix-blend-mode:multiply}
/* Motion that reads even on a 36 px icon: the two tones of the glass and the wave between them turn together like an inverted
   yin-yang around the R, which stays upright inside; the wave swells and flattens, the glare breathes. The split line and the wave
   both cross the centre, and the tones are drawn past the disc, so a full turn never opens an edge. */
.orb-depth,.orb-sway{transform-origin:46px 46px;animation:orb-spin 9s linear infinite}.orb-glare{transform-origin:43px 45px;animation:orb-glare 4.5s ease-in-out infinite alternate}
.orb-wave{transform-origin:46px 47px;animation:orb-wave 3s ease-in-out infinite alternate}
@keyframes orb-spin{to{transform:rotate(360deg)}}@keyframes orb-glare{from{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.08)}}
@keyframes orb-wave{from{transform:scaleY(1.25)}to{transform:scaleY(.55)}}
.copilot-orb.flash{animation:orb-flash 1.1s cubic-bezier(.22,1,.36,1) 1}@keyframes orb-flash{25%{box-shadow:0 0 0 2px rgba(225,238,255,.95),0 0 30px 4px rgba(47,123,255,.95)}}
.copilot-orb.flash svg{animation:orb-lift 1.1s cubic-bezier(.22,1,.36,1) 1}@keyframes orb-lift{25%{filter:brightness(1.12) saturate(1.15)}}
@media(prefers-reduced-motion:reduce){.copilot-orb *,.copilot-orb.flash,.copilot-orb.flash svg{animation:none}}
.act .copilot-orb,.rail .copilot-orb{box-shadow:0 0 0 1px rgba(170,205,255,.24),0 0 12px rgba(47,123,255,.42)}
.rail-logo:has(.rail-orb){background:transparent;padding:0;overflow:visible}.copilot-orb.rail-orb{width:36px;height:36px}.brand-mark{display:flex;align-items:center}.copilot-orb.brand-orb{width:34px;height:34px;margin-right:10px}
.atom-badge{display:inline-block;flex-shrink:0;width:28px;height:28px;border-radius:50%;overflow:hidden;background:#02060f;box-shadow:0 0 0 1px rgba(190,215,255,.35),0 0 10px rgba(var(--c),.45)}.atom-badge img{display:block;width:100%;height:100%;object-fit:cover}.atom-badge.sales{--c:var(--domain-sales-rgb)}.atom-badge.service{--c:var(--domain-service-rgb)}.atom-badge.marketing{--c:var(--domain-marketing-rgb)}
.domain-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--domain)}.domain-dot.sales{--domain:var(--domain-sales)}.domain-dot.service{--domain:var(--domain-service)}.domain-dot.marketing{--domain:var(--domain-marketing)}