.substitute-video-call{min-width:0;border-color:var(--border)}.substitute-video-call>header{flex-wrap:wrap;gap:12px}.substitute-video-call>header>div:first-child{min-width:0;flex:1 1 200px}.substitute-app .substitute-video-call>header span{display:grid;gap:4px;min-width:0}.substitute-app .substitute-video-call>header strong{overflow-wrap:anywhere;font-size:14px}.substitute-app .substitute-video-call>header small{font-size:12px;font-weight:500;text-transform:none;border:0;padding:0;border-radius:0}.substitute-video-call>header svg{flex-shrink:0}.substitute-video-call .substitute-call-actions{display:flex;flex-wrap:wrap;gap:8px}.substitute-video-call button,.substitute-video-call a{min-height:36px;height:auto;white-space:normal;text-align:center;overflow-wrap:anywhere}.substitute-video-call button:disabled{opacity:.5;cursor:not-allowed}.substitute-video-call-gate{flex-wrap:wrap;gap:16px;padding:18px}.substitute-video-call-gate>div:first-child{flex:1 1 230px}.substitute-video-call-gate>div:last-child{flex-wrap:wrap}.substitute-app .substitute-video-call-gate strong{font-size:15px}.substitute-app .substitute-video-call-gate span,.substitute-app .substitute-video-call-external p{font-size:13px;line-height:1.6}.substitute-video-call-gate em{line-height:1.6;font-size:13px}.substitute-video-call .substitute-call-container,.substitute-video-call-frame>iframe{width:100%;height:clamp(340px,58vh,620px);border:0}.substitute-video-call.compact .substitute-call-container,.substitute-video-call.compact .substitute-video-call-frame>iframe{height:clamp(320px,44vh,460px)}.substitute-video-call.student-dock{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));z-index:80;width:min(340px,calc(100vw - 32px));max-height:calc(100svh - 32px);margin:0;box-shadow:0 8px 28px #0f172a2e}.substitute-video-call.student-dock.dock-right{right:max(16px,env(safe-area-inset-right))}.substitute-video-call.student-dock.dock-left{left:max(16px,env(safe-area-inset-left))}.substitute-video-call.student-dock>header{padding:7px 9px;gap:6px}.substitute-video-call.student-dock>header>div:first-child{flex-basis:100%}.substitute-video-call.student-dock .substitute-call-actions{width:100%;justify-content:flex-end}.substitute-video-call.student-dock .substitute-call-actions button{min-height:30px}.substitute-video-call.student-dock .substitute-call-container,.substitute-video-call.student-dock .substitute-video-call-frame>iframe{height:min(210px,35svh)}.substitute-video-call.student-dock>footer{padding:5px 9px}.substitute-video-call.student-dock .substitute-call-notice{padding:7px 9px}.substitute-app .substitute-video-call>footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.substitute-call-status,.substitute-call-status>span{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px}.substitute-call-status{gap:16px}.substitute-call-notice{margin:0;padding:12px 16px;font-size:13px;color:var(--muted)}.substitute-video-call-inline-error{flex-wrap:wrap}.substitute-video-call-inline-error>span{flex:1 1 180px;min-width:0;overflow-wrap:anywhere;font-size:13px}.substitute-video-call-external a{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary, #005f86)}@media(max-width:700px){.substitute-video-call-gate>div:first-child{flex:0 1 auto}.substitute-video-call-gate>div:last-child{display:flex;flex-direction:column;width:100%}.substitute-video-call .substitute-call-actions{width:100%}.substitute-video-call .substitute-call-actions>button{flex:1 1 120px}.substitute-video-call.student-dock{width:min(260px,calc(100vw - 32px))}.substitute-video-call.student-dock .substitute-call-actions>button{flex:0 1 auto}.substitute-video-call.student-dock .substitute-call-container,.substitute-video-call.student-dock .substitute-video-call-frame>iframe{height:min(150px,28svh)}}@media(max-height:500px)and (orientation:landscape){.substitute-video-call .substitute-call-container,.substitute-video-call-frame>iframe{height:300px}.substitute-video-call.student-dock .substitute-call-container,.substitute-video-call.student-dock .substitute-video-call-frame>iframe{height:min(120px,27svh)}}