/* A visual message is the image/album itself; controls live in its viewer/menu. */
.conversation-screen .bubble.has-visual-media{padding:4px;max-width:min(84%,430px);width:fit-content}
.conversation-screen .bubble.has-visual-media>.message-meta{padding:5px 7px 6px}
.conversation-screen .bubble.has-visual-media>.message-quote{margin:3px 3px 6px}
.conversation-screen .bubble.has-visual-media>.message-pin-label{margin:3px 7px}
.conversation-screen .bubble.has-visual-media>.message-text{padding:7px 8px 2px;white-space:pre-wrap}
.conversation-screen .bubble.has-visual-media>.message-text:empty{display:none}
.conversation-screen .bubble.has-visual-media>.message-files{padding:5px 8px 0}
.conversation-screen .bubble.has-visual-media>.message-files:empty{display:none}
.message-media-gallery{position:relative;border-radius:12px;overflow:hidden;max-width:100%;background:transparent;line-height:0}
.message-media-gallery.is-single{display:block;width:fit-content;max-width:min(100%,420px)}
.message-media-gallery.is-album{display:grid;width:420px;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.message-media-tile{display:block;position:relative;min-width:0;max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:#dde3d8;color:var(--green);overflow:hidden;cursor:pointer;line-height:0}
.message-media-tile>img,.message-media-tile>video{display:block;max-width:100%;width:auto;height:auto;margin:0;max-height:min(57dvh,480px);object-fit:contain}
.message-media-gallery.is-album>.message-media-tile{aspect-ratio:1;min-height:0}
.message-media-gallery.is-album>.message-media-tile>img,.message-media-gallery.is-album>.message-media-tile>video{width:100%;height:100%;max-height:none;object-fit:cover}
.message-media-gallery[data-media-count="3"]>.message-media-tile:first-child,.message-media-gallery[data-media-count="5"]>.message-media-tile:last-child{grid-column:span 2;aspect-ratio:2}
.message-media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;padding-left:3px;border-radius:50%;background:#162a208f;color:white;font-size:22px;line-height:1;pointer-events:none}
.message-media-unavailable{display:grid;place-items:center;min-width:160px;min-height:130px;font-size:13px;line-height:1.5;color:var(--sub)}
.conversation-screen .bubble.has-visual-media>.message-footer{position:static!important;display:flex;justify-content:flex-end;gap:4px;margin:3px 6px 3px;color:var(--conversation-muted,var(--sub))}
.conversation-screen .bubble.has-visual-media.media-only>.message-footer{position:absolute!important;right:10px;bottom:10px;margin:0;padding:3px 5px;border-radius:8px;background:#1c2e247d;color:#fff;pointer-events:none;line-height:1}
.conversation-screen .bubble.has-visual-media.media-only>.message-footer .message-date,.conversation-screen .bubble.has-visual-media.media-only>.message-footer .message-delivery{color:inherit}
.conversation-screen .bubble.has-visual-media.media-only>.message-footer .delivery-read{color:#9cd7ff}
.conversation-screen .bubble.has-visual-media .message-text::after{content:none!important}
.chat-media-viewer{position:fixed;inset:0;display:flex;flex-direction:column;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#101b16fa;color:#fff;overflow:hidden;z-index:1100}
.chat-media-viewer:not([open]){display:none}
.chat-media-viewer::backdrop{background:#101b16f5}
.chat-media-viewer-heading{display:flex;align-items:center;justify-content:space-between;flex:none;height:58px;padding:8px 14px;color:#f4f6ef}
.chat-media-viewer-heading>div{display:flex;gap:8px}
.chat-media-viewer-heading button,.chat-media-viewer-stage>button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:5px;border:0;border-radius:50%;background:#344b3b99;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.chat-media-viewer-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;min-width:0;padding:0 52px 15px;overflow:hidden}
.chat-media-viewer-stage>img,.chat-media-viewer-stage>video{display:block;width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain}
.chat-media-viewer-stage>button{position:absolute;top:50%;transform:translateY(-50%);z-index:1}
.chat-media-viewer-stage>button:disabled{opacity:.25;cursor:default}
.chat-media-viewer-previous{left:5px}.chat-media-viewer-next{right:5px}
.chat-media-viewer-actions{position:absolute;right:14px;top:58px;z-index:2;max-width:min(390px,calc(100vw - 28px));padding:14px;border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 8px 36px #0005;font-size:13px;overflow-wrap:anywhere}
.chat-media-viewer-actions[hidden]{display:none}.chat-media-file-actions{display:flex;flex-direction:column;gap:8px;padding:4px}.chat-media-file-actions .offline-media-control{margin:0}
@media(max-width:759px){.conversation-screen .bubble.has-visual-media{max-width:89%}.chat-media-viewer-stage{padding:0 0 15px}.chat-media-viewer-stage>button{background:#1c332277;min-width:36px;min-height:44px}}