/* НаСвязи: persistent in-call controls for Android and mobile browsers */
#callMini:not(.hidden){
 display:grid!important;grid-template-columns:minmax(60px,1fr) repeat(4,minmax(43px,auto));
 position:fixed!important;left:max(8px,env(safe-area-inset-left,8px));
 right:max(8px,env(safe-area-inset-right,8px));
 bottom:calc(64px + env(safe-area-inset-bottom,0px));
 z-index:1200!important;max-width:760px;margin-inline:auto;
 align-items:center;gap:5px;padding:8px 9px;
 background:#eefaf6!important;border:1px solid #8fd6ba;border-radius:15px;
 box-shadow:0 9px 32px #142e4866;
}
#miniVolume{grid-column:1/-1;grid-row:2;width:100%;height:19px;min-height:19px;accent-color:#198f82;margin:0}
#callMiniStatus{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px!important}
#callMini button{min-height:43px!important;min-width:43px!important;padding:5px 7px!important;font-size:16px!important;border-radius:10px!important}
#callMini #restoreCall{font-size:11px!important;max-width:69px}
#callMini #miniHangup{background:#d32f48!important;color:white!important;font-size:12px!important}
#callModal{z-index:1180!important;overscroll-behavior:contain}
#callModal .call-modal{max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;overflow-y:auto!important;display:flex;flex-direction:column}
#callModal .call-actions{position:sticky;bottom:-13px;background:white;padding:9px 0 max(8px,env(safe-area-inset-bottom,0px));margin-top:8px;z-index:2}
#callModal #endCall{min-height:50px!important;font-size:15px!important}
@media(max-width:360px){
 #callMini:not(.hidden){gap:3px;padding:5px;grid-template-columns:minmax(35px,1fr) repeat(4,minmax(37px,auto))}
 #callMini button{min-width:37px!important;padding:4px!important}
 #callMiniStatus{font-size:10px!important}
}