/* Keep short Persian messages readable without making long messages too narrow — Telegram lets
   bubbles use most of the chat column's width, not a fixed ~640px regardless of how wide the
   window is; app.css's own .bubble{max-width:...} is capped by whichever is smaller between it
   and this wrapper, so this was the actual bottleneck even after widening .bubble itself. */
.row .bubble-wrap{max-inline-size:min(88%,980px)}
.row .bubble{min-inline-size:min(10rem,72vw);max-inline-size:100%;width:fit-content;overflow-wrap:break-word;word-break:normal}
.row .message-text{white-space:pre-wrap;overflow-wrap:break-word;word-break:normal}
@media(max-width:720px){.row .bubble-wrap{max-inline-size:90%}.row .bubble{min-inline-size:min(8.5rem,84vw)}}