/* TALKCHAT_R20A40R17R1_MOBILE_ROOM_COUNT_INLINE
   Root cause fix:
   app-v050.css has .room-card strong { display:block; max-width:165px; white-space:nowrap; }
   Mobile room markup already says <strong>COUNT</strong> kişi içeride on the same line.
   Override only that numeric strong inside mobile room cards.
*/

@media (max-width:900px){
  .right-panel .room-card:not(.desktop-room-card) .rs-body small strong{
    display:inline!important;
    max-width:none!important;
    white-space:normal!important;
    margin:0 2px 0 0!important;
    vertical-align:baseline!important;
  }
}

/* TALKCHAT_R20A40R19R1_MOBILE_ROOM_CARD_COMPACT */
@media(max-width:767px){
  .right-panel .room-card:not(.desktop-room-card),
  .panel-content .room-card:not(.desktop-room-card){
    min-height:46px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
    margin-bottom:6px!important;
    border-radius:8px!important;
    transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease!important;
  }
  .right-panel .room-card:not(.desktop-room-card).current,
  .panel-content .room-card:not(.desktop-room-card).current{
    box-shadow:0 4px 13px rgba(33,150,243,.13)!important;
  }
  .right-panel .room-card:not(.desktop-room-card):active,
  .panel-content .room-card:not(.desktop-room-card):active{transform:scale(.994)}
}