/* Shared documents keep their full edges and readable proportions at any size. */
.feed-tile.screen-feed { background: #edf0e6; }
.feed-tile.screen-feed video { object-fit: contain; transform: none; }
.feed-tile.image-feed img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; }
.feed-tile.image-feed .feed-placeholder { gap: 10px; }
.feed-tile.local-screen { border-color: #95ab81; box-shadow: 0 0 0 2px #c6d8b380, 0 8px 24px #263c2726; }
.feed-tile.screen-feed .feed-overlay { background: none; pointer-events: none; }
.feed-tile.screen-feed .feed-overlay > span { background: #354b3deb; color: #f7f9ee; border: 1px solid #c7d4b93b; padding: 5px 9px; border-radius: 8px; font-size: 11px; }
.feed-tile.screen-feed .feed-actions { pointer-events: auto; }
.call-view[data-role] :is(.screen-share-button, .image-share-button) { white-space: nowrap; }
.call-view[data-role] .screen-share-button[aria-pressed="true"] { background: #e3ecd8; border-color: #bfceaf; color: #405d37; }
.call-view[data-role] .screen-share-button[aria-pressed="true"] .icon { font-size: 12px; }
@media (min-width: 701px) {
    .video-grid[data-layout="gallery"][data-feeds="4"] { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); }
    .video-grid[data-layout="gallery"]:is([data-feeds="5"], [data-feeds="6"], [data-feeds="7"]) { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: minmax(0, 1fr); }
}
@media (max-width: 1180px) {
    .call-view[data-role] :is(.screen-share-button, .image-share-button) > span { display: none; }
}