/* v139.4 — Right surface orchestration / ambient activity rail */
:root{--activity-rail-width:46px;--active-right-surface-width:0px}
body.work-center-suspended{--v1307-context:46px!important;--tka-context:46px!important}
body.work-center-suspended #appView>.crm-context-center.work-center-v1392,
body.crm-context-collapsed #appView>.crm-context-center.work-center-v1392{visibility:hidden!important;pointer-events:none!important}

.global-activity-rail{position:fixed;right:var(--active-right-surface-width);top:calc(var(--v1307-header,64px) + 14px);z-index:1088;width:42px;padding:6px 4px;border:1px solid #e2e8f0;border-right:0;border-radius:12px 0 0 12px;background:rgba(255,255,255,.96);box-shadow:-8px 8px 28px rgba(15,23,42,.09);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translateX(12px);transition:right .22s ease,opacity .16s ease,transform .16s ease;pointer-events:none}
.global-activity-rail.visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.activity-rail-button{position:relative;width:34px;height:42px;padding:0;border:0;border-radius:9px;background:#f8fafc;color:#475569;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}
.activity-rail-button:hover{background:#eef2ff;color:#4f46e5;transform:translateX(-1px);box-shadow:0 4px 12px rgba(79,70,229,.08)}
.activity-rail-pulse{position:absolute;right:4px;top:4px;width:8px;height:8px;border-radius:50%;background:#94a3b8;border:2px solid #fff;box-sizing:content-box}
.global-activity-rail.connected .activity-rail-pulse{background:#10b981}
.global-activity-rail.connected .activity-rail-pulse i{position:absolute;inset:-3px;border-radius:50%;border:1px solid rgba(16,185,129,.28);animation:activityRailPulse 1.65s ease-out infinite}
.activity-rail-wave{display:flex;align-items:center;gap:2px;height:16px}.activity-rail-wave b{display:block;width:2px;border-radius:2px;background:currentColor}.activity-rail-wave b:nth-child(1){height:7px}.activity-rail-wave b:nth-child(2){height:14px}.activity-rail-wave b:nth-child(3){height:9px}.global-activity-rail.connected .activity-rail-wave b{animation:activityRailWave 1.1s ease-in-out infinite}.global-activity-rail.connected .activity-rail-wave b:nth-child(2){animation-delay:.12s}.global-activity-rail.connected .activity-rail-wave b:nth-child(3){animation-delay:.24s}
.activity-rail-badge{position:absolute;left:-7px;top:-6px;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#ef4444;color:#fff;display:grid;place-items:center;font-size:7px;font-weight:850;line-height:1}.activity-rail-badge.hidden{display:none!important}
.activity-rail-state{display:block;margin-top:4px;color:#94a3b8;font-size:6.5px;font-weight:800;letter-spacing:.04em;text-align:center;writing-mode:vertical-rl;transform:rotate(180deg);height:28px;line-height:1}.global-activity-rail.connected .activity-rail-state{color:#059669}

/* The focus surface owns the right side. Work Center never competes with it. */
body[data-right-surface="copilot"] .global-activity-rail,
body[data-right-surface="pdf"] .global-activity-rail{box-shadow:-10px 8px 30px rgba(15,23,42,.12)}

@keyframes activityRailPulse{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.7);opacity:0}}
@keyframes activityRailWave{0%,100%{transform:scaleY(.58);opacity:.7}50%{transform:scaleY(1);opacity:1}}
@media(max-width:860px){.global-activity-rail{display:none!important}}
@media(prefers-reduced-motion:reduce){.global-activity-rail,.global-activity-rail *{animation:none!important;transition:none!important}}
