.dot-call-panel{position:fixed;z-index:12;right:20px;bottom:20px;width:min(390px,calc(100vw - 32px));height:min(645px,calc(100dvh - 40px));background:#fff;border:1px solid #dbe2ec;border-radius:18px;box-shadow:0 20px 90px #1d386536;overflow:hidden;display:flex;flex-direction:column;transition:width .22s ease,height .22s ease}
.dot-call-panel.is-workspace{width:min(1000px,calc(100vw - 40px));height:min(750px,calc(100dvh - 40px))}.dot-call-panel[hidden]{display:none}.dot-call-head{display:flex;justify-content:space-between;align-items:center;min-height:30px;flex-shrink:0;padding:0 10px 0 16px;background:#213b76;color:white}.dot-call-head>span{font-size:8px;font-weight:650;letter-spacing:1.4px}.dot-call-head>button{font-size:20px;line-height:1;color:white;padding:3px 8px}.dot-call-panel iframe{width:100%;height:100%;flex:1;min-height:0;border:0;background:#fff}
@media(max-width:700px){.dot-call-panel{right:10px;bottom:10px;width:calc(100vw - 20px);height:min(620px,calc(100dvh - 32px));border-radius:15px}.dot-call-panel.is-workspace{right:8px;bottom:8px;width:calc(100vw - 16px);height:calc(100dvh - 16px)}.dot-call-head{min-height:27px}.dot-call-head>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.dot-call-panel{transition:none}}
@media(max-width:700px){.dot-call-panel,.dot-call-panel.is-workspace{right:8px;bottom:8px;width:calc(100vw - 16px);height:calc(100dvh - 16px)}}