/* MB Phone CSS */
.mbph-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;animation:mbphPulse 1.2s infinite;display:inline-block}
@keyframes mbphPulse{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
@keyframes mbphRecBlink{0%,100%{opacity:1}50%{opacity:.3}}
#mbph-calling-modal.active,
#mbph-incoming-modal.active,
#mbph-active-modal.active{display:flex!important}
#mbph-mini.active{display:block!important}

@media(max-width:480px){
  #mbph-calling-modal > div,
  #mbph-incoming-modal > div{min-width:0!important;width:calc(100vw - 48px)!important;padding:32px 20px!important}
  #mbph-controls{gap:12px!important;flex-wrap:wrap!important;justify-content:center!important}
  #mbph-controls button{width:48px!important;height:48px!important;font-size:1rem!important}
  #mbph-eq-canvas{width:100%!important;max-width:300px!important}
  #mbph-active-avi{width:80px!important;height:80px!important;font-size:2rem!important}
}