/* Light sage background keeps ringing phones clear on desktop and touch screens. */
html,body,.workspace{background:#eef6df!important}
.workspace .map-panel{background:#eef6df!important}
.map-phone{width:76px;height:94px}
.map-phone .phone-disc{left:4px;top:0;width:68px;height:82px;background:transparent!important;border:0;box-shadow:none;border-radius:12px;animation:phone-wiggle .7s ease-in-out infinite}
.caller-mobile{display:block;width:68px;height:82px;overflow:visible}
.mobile-screen{fill:#e8f4f7;transition:fill .12s}
.mobile-call-button{fill:#508b9f}
.call-accepted-icon,.call-missed-icon{display:none;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.map-phone .phone-ring{top:3px;left:2px;width:72px;height:72px;z-index:-1}
.map-phone .phone-count{top:-4px;right:-2px}
.map-phone .phone-seconds{bottom:-1px;z-index:3}
.map-phone.urgent .mobile-screen{fill:#ffe4ae}
.phone-feedback{position:fixed!important;pointer-events:none!important;z-index:10000;animation:call-feedback .7s ease-out both}
.phone-feedback .phone-disc{animation:none!important}
.phone-feedback .phone-ring,.phone-feedback .phone-count{display:none}
.call-accepted .mobile-screen{fill:#87dfa3!important}
.call-accepted .mobile-call-button{fill:#16864d}
.call-missed .mobile-screen{fill:#f39a99!important}
.call-missed .mobile-call-button{fill:#c73543}
.phone-feedback .mobile-call-button+path{display:none}
.call-accepted .call-accepted-icon,.call-missed .call-missed-icon{display:block}
.call-accepted .phone-seconds{background:#d3f5db;color:#155d35;border-color:#26864c}
.call-missed .phone-seconds{background:#ffe0df;color:#982936;border-color:#c73543}
@keyframes call-feedback{0%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-58%) scale(1.12)}}
@media(prefers-reduced-motion:reduce){.phone-feedback{animation:none}}