*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;font-family:Arial,sans-serif;background:#f8f9fa}.call-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:10px}.call-box-glow{max-width:900px;box-shadow:0 0 40px 10px rgba(255,0,255,.5)}.call-box,.call-box-glow{width:100%;border-radius:20px}.call-box{aspect-ratio:16/9;background:#000;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.call-image{width:100%;height:100%;object-fit:cover;display:block}.call-overlay{position:absolute;bottom:30px;width:100%;text-align:center;color:white;padding-bottom:20px}.call-overlay .btn{padding:12px 30px;font-size:1.1rem;border-radius:25px;box-shadow:0 0 10px #00ffcc,0 0 20px #00ffcc}.glow-pulse{animation:pulse-glow 1.5s infinite}@keyframes pulse-glow{0%{box-shadow:0 0 1px #00ffcc,0 0 3px #00ffcc}50%{box-shadow:0 0 10px #00ffcc,0 0 20px #00ffcc}to{box-shadow:0 0 1px #00ffcc,0 0 3px #00ffcc}}.final-ui-modal{width:99%!important;height:99%!important;max-width:none!important;max-height:none!important;margin:1% auto!important}#finalUIModal .modal-content{margin:auto;width:100%;height:100%;border-radius:20px;overflow:hidden;background:#000;border:2px solid #ff00ff;box-shadow:0 0 30px #ff00ff;padding:0}.telehealth-wrapper{width:100%;height:100%;display:flex;flex-direction:column}#main-video-container{height:100%;background:#000}#main-video{width:100%;height:100%;object-fit:cover}.overlay-item{position:absolute;z-index:10}#logo{top:10px;left:10px;width:160px}#qr-code{top:120px;left:10px;width:100px;margin-top:10px}#main-video-container{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background-color:black}#main-video-container>video:first-of-type{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}#small-remote-participant-video,#small-video{left:10px!important;width:180px!important;height:auto!important;border:3px solid white!important;border-radius:10px!important}#small-remote-participant-video{top:1%!important}#action-buttons{left:50%!important;transform:translateX(-50%)!important;display:flex!important;gap:15px!important;flex-wrap:wrap!important;justify-content:center!important;top:90%;position:relative}.btn-circle{width:50px;height:50px;border-radius:50%;font-size:20px;display:flex;align-items:center;justify-content:center}#dynamic-panel{background:white;border-radius:10px;overflow-y:auto;padding:15px;box-shadow:0 0 10px rgba(0,0,0,.3);height:auto}@media (min-width:1024px){#main-video-container{height:100%}#dynamic-panel{position:absolute;top:10px;right:10px;width:350px;height:90%;z-index:10;height:auto}#small-video{bottom:calc(50px + 10px)!important}#dynamic-panel:empty{display:none}}@media (max-width:1024px){#main-video-container{flex:1 1 auto!important;min-height:40%}#logo{width:90px;left:8px}#qr-code{width:80px;right:8px;top:10px!important;left:auto!important;margin-top:0!important}#small-video{width:140px!important;bottom:16%!important;max-height:25%;object-fit:cover;object-position:top}#action-buttons{flex-direction:row;top:85%;position:relative}.btn-circle{width:45px;height:45px;font-size:18px}#dynamic-panel{flex:0 0 auto!important;max-height:60%;padding:6px;margin:0;border-radius:0;box-shadow:none;position:relative!important;top:unset!important;right:unset!important}.call-box-glow{max-width:100%}.call-box{aspect-ratio:auto;height:auto}.call-overlay h2{font-size:1.2rem}.call-overlay .btn{font-size:1rem;padding:10px 20px}.telehealth-wrapper{display:flex;flex-direction:column;height:100%}#main-video-container{flex:0 0 auto;min-height:35%;height:auto!important;overflow:hidden}#dynamic-panel{flex:1 1 auto;overflow-y:auto;max-height:50%;height:auto!important}#small-remote-participant-video{max-height:25%;object-fit:cover;object-position:top}#dynamic-panel:empty{display:none!important}.card.bg-light.text-dark{max-height:50vh;display:flex;flex-direction:column;justify-content:space-between}.card-img-top{height:150px;object-fit:cover}}