.meeting-layout.has-screen{grid-template-columns:minmax(0,1fr)}
.meeting-layout.has-screen>aside{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}
.video-grid.has-screen{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.video-grid.has-screen>.screen-tile{grid-column:1/-1;order:-1;min-width:0;min-height:0;display:flex;flex-direction:column;background:#07101c;border-color:#487291}
.screen-tile .screen-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#13263c;border-bottom:1px solid #32516b;flex-wrap:wrap}
.screen-tile .screen-viewer-title{min-width:0;overflow-wrap:anywhere;font-weight:600;color:#d8f1ff;font-size:14px}
.screen-tile .screen-viewer-title>span{position:static;background:none;padding:0;font-size:inherit;border-radius:0}
.screen-tile .screen-viewer-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.screen-tile .screen-viewer-controls button{padding:8px 12px;min-height:38px;border:1px solid #41627d;border-radius:8px;background:#183651;color:#e2f5ff;font-size:13px;cursor:pointer}
.screen-tile .screen-viewer-controls button:hover{background:#265274}
.screen-tile .screen-viewer-controls button:disabled{opacity:.4;cursor:default}
.screen-tile .screen-viewer-controls button:focus-visible,.screen-tile .screen-viewport:focus-visible{outline:2px solid #8adfff;outline-offset:2px}
.screen-tile .screen-zoom{min-width:48px;text-align:center;font-size:13px;color:#b8e5ff;font-variant-numeric:tabular-nums}
.screen-tile .screen-viewport{height:72vh;height:72dvh;min-height:360px;max-height:900px;width:100%;overflow:auto;overscroll-behavior:contain;background:#030912;position:relative}
.screen-tile .screen-viewport>.screen-video{display:block;width:auto;height:auto;max-width:none;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:0}
.screen-tile .screen-viewer-hint{padding:9px 16px;color:#99b6cd;font-size:12px;background:#102036}
.video-grid.has-screen>.video-tile:not(.screen-tile){min-height:120px;max-width:220px;width:100%}
.video-grid.has-screen>.video-tile:not(.screen-tile) video{height:130px}
.screen-tile:fullscreen,.video-grid>.screen-tile.screen-expanded{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;max-height:none;border:0;border-radius:0;z-index:10000;display:flex;flex-direction:column;box-sizing:border-box}
.screen-tile:fullscreen .screen-viewport,.screen-tile.screen-expanded .screen-viewport{height:auto;min-height:0;max-height:none;flex:1;min-width:0}
@media(max-width:640px){.screen-tile .screen-viewport{height:55vh;height:55dvh;min-height:240px}.screen-tile .screen-viewer-toolbar{padding:10px;gap:8px}.screen-tile .screen-viewer-controls{gap:4px}.screen-tile .screen-viewer-controls button{padding:8px;min-height:40px;font-size:12px}.screen-tile .screen-viewer-title{font-size:13px}.video-grid.has-screen{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.screen-tile .screen-viewer-hint{font-size:11px}}