/* WR_SHARESLIP_FIX (JB pt836u, Nov 1 2026): a long shared slip used to grow the composer past the bottom of the chat, so the
   Send button ended up off screen. The composer is now capped to the chat box; the slip preview gets its own scroll area and
   the text box + Send row (and the chips) stay pinned and visible. Keyboard open on iOS: wr-shareslip.js sizes the chat to the
   visual viewport. */
#wr-compose{display:flex;flex-direction:column;min-height:0}
#wr-compose>*{flex:none}
#wr-compose>.wr-attach,#wr-compose>.wr-shotpv{flex:0 1 auto;min-height:64px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:relative}
#wr-compose>.wr-attach{margin-top:0}
@media (min-width:760px){#wr-compose>.wr-attach{max-height:min(50vh,520px)}#wr-compose>.wr-shotpv{max-height:min(40vh,360px)}}
@media (max-width:759px),(display-mode:standalone){
  #wr-chat.wr-room>#wr-compose{max-height:calc(100% - 64px)}
  #wr-chat.wr-room:has(>.wrv1-pin:not([hidden])) #wr-compose{max-height:calc(100% - 112px)}
  #wr-chat.wr-room:has(#wr-compose :focus) #wr-compose{max-height:calc(100% - 48px)}
  #wr-compose:has(>.wr-attach) #wr-ta,#wr-compose:has(>.wr-shotpv) #wr-ta{max-height:76px}
  /* keyboard up (class + vars from wr-shareslip.js): the chat follows the visible area above the keyboard */
  html.wr-kb #wr-chat.wr-room{top:calc(var(--wr-vvt,0px) + var(--wr-ct,var(--tb)));bottom:var(--wr-kbh,0px)}
  html.wr-kb .wr-bar{transform:translateY(var(--wr-vvt,0px))}
  html.wr-kb .wr-nav{visibility:hidden}
  html.wr-kb #wr-compose .wr-tools{display:none}
  html.wr-kb #wr-compose #wr-ta{max-height:64px}
  html.wr-kb #wr-compose>.wr-attach{min-height:56px}
}
html:has(#wr-chat.wr-room),html:has(#wr-chat.wr-room) body{overscroll-behavior:none}
/* very short chat (landscape / small phone with the keyboard up): typing hides the chips so the slip + Send keep the room */
@media (max-width:759px) and (max-height:520px){
  #wr-chat.wr-room:has(#wr-compose :focus) #wr-compose .wr-tools{display:none}
  #wr-chat.wr-room:has(#wr-compose :focus) #wr-compose>.wr-attach{min-height:48px}
}