/* Chat photos keep their proportions; photo-only messages have no text bubble. */
.rovno-support-chat .support-message-bubble > div:has(> .grid button img) { max-width: 240px; }
.rovno-support-chat .support-message-bubble > div > .grid:has(button img):has(> button:only-child) > button { aspect-ratio: auto; background: transparent; }
.rovno-support-chat .support-message-bubble > div > .grid > button:only-child img { width: auto; height: auto; max-width: 100%; max-height: 320px; object-fit: contain; }
.rovno-support-chat .support-message-bubble:has(> div > .grid button img):not(:has(video, > div > a)) { position: relative; max-width: min(240px, calc(100% - 84px)); padding: 0; overflow: hidden; border-radius: 12px; background: transparent; }
.rovno-support-chat .support-message-bubble:has(> div > .grid button img):not(:has(video, > div > a)) > div:has(> .grid) { margin: 0; }
.rovno-support-chat .support-message-bubble:has(> div > .grid button img):not(:has(video, > div > a)) .support-message-author { display: none; }
.rovno-support-chat .support-message-bubble:has(> div > .grid button img):not(:has(video, > div > a)) .support-message-time { position: absolute; top: auto; right: 6px; bottom: 6px; margin: 0; padding: 1px 5px; border-radius: 8px; background: rgba(0, 0, 0, 0.35); color: #ffffff; }
.rovno-support-chat .support-message-bubble:has(> div > .grid button img):not(:has(video, > div > a)) .support-message-text { display: block; margin-bottom: 4px; padding: 8px 10px; border-radius: 12px; background: #262626; }
.rovno-support-chat .support-outgoing .support-message-bubble:has(> div > .grid button img) .support-message-text { background: #5589f1; }
.light .rovno-support-chat .support-incoming .support-message-bubble:has(> div > .grid button img) .support-message-text { background: #eff0f2; }