/* UmrahRoom Live Chat: subtle full-height wallpaper correction.
   Scoped to the Community Live Chat page only. No backend changes. */
@media (max-width:900px) {
  /* The scroll region fills the viewport even when only one message exists. */
  html body.community-live-v5 .urc-live-scroll-region {
    background-color:#f9fcff!important;
    background-image:linear-gradient(rgba(251,253,255,.18),rgba(251,253,255,.18)),url('../ui/live-chat/doodles/umrahroom-geometric-chat-pattern.svg')!important;
    background-size:auto,88px 88px!important;
    background-position:center top!important;
    background-repeat:repeat!important;
  }

  /* Let the one continuous wallpaper show through all chat rows. */
  html body.community-live-v5 .urc-live-messages {
    background:transparent!important;
    background-image:none!important;
  }

  /* Header has an even fainter copy, like the approved reference. */
  html body.community-live-v5 .urc-live-header {
    background-color:#f8fcff!important;
    background-image:linear-gradient(rgba(250,253,255,.67),rgba(250,253,255,.67)),url('../ui/live-chat/doodles/umrahroom-geometric-chat-pattern.svg')!important;
    background-size:auto,88px 88px!important;
    background-repeat:repeat!important;
  }
}

/* Desktop keeps the established layout but benefits from the same soft motif. */
@media (min-width:901px) {
  body.community-live-v5 .urc-live-messages {
    background-color:#fbfdff!important;
    background-image:linear-gradient(rgba(251,253,255,.18),rgba(251,253,255,.18)),url('../ui/live-chat/doodles/umrahroom-geometric-chat-pattern.svg')!important;
    background-size:auto,88px 88px!important;
    background-repeat:repeat!important;
  }
}