/* UmrahRoom Community Live Chat — 28 Oct 2026 reference-match mobile pass.
   Scoped to this page; keeps the real chat/auth APIs and locked five-tab nav. */
body.community-live-v5 .urc-live-room-menu[hidden],
body.community-live-v5 .urc-live-online-dot[hidden]{display:none!important}

body.community-live-v5 .urc-live-room-menu{
  position:absolute;z-index:20;right:12px;top:calc(100% - 4px);width:min(310px,calc(100vw - 24px));
  display:grid;gap:11px;padding:17px;border:1px solid #d9e8f8;border-radius:18px;
  background:#fff;box-shadow:0 18px 45px rgba(9,43,100,.17);text-align:left;
}
body.community-live-v5 .urc-live-room-menu strong{font:800 15px/1.2 Inter,system-ui,sans-serif;color:#091f58}
body.community-live-v5 .urc-live-room-menu-label{font:750 11px Inter,system-ui,sans-serif;color:#6b83a3}
body.community-live-v5 .urc-live-room-menu nav{display:flex;flex-wrap:wrap;gap:7px}
body.community-live-v5 .urc-live-room-menu nav button{padding:7px 11px;border-radius:999px;border:1px solid #dbe7f8;background:#f7fbff;color:#235189;font:700 11px Inter,system-ui,sans-serif;cursor:pointer}
body.community-live-v5 .urc-live-room-menu nav button.active{background:#076aff;border-color:#076aff;color:#fff}
body.community-live-v5 .urc-live-room-menu>a{font:750 12px Inter,system-ui,sans-serif;color:#086bdf;text-decoration:none;padding:8px 0;border-top:1px solid #edf2fb}

body.community-live-v5 .urc-live-more-button{
  width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;
  border:1px solid #dce8f9;border-radius:14px;background:#fff;color:#09266a;cursor:pointer;
}
body.community-live-v5 .urc-live-more-button .ur-live-icon{font-size:21px}
body.community-live-v5 .urc-live-pinned{
  display:flex;align-items:center;gap:12px;min-height:66px;margin:8px 12px 14px;
  padding:10px 13px;border:1px solid #cce2ff;border-radius:17px;
  background:linear-gradient(110deg,#e8f3ff,#eef7ff 65%,#e3f0ff);text-decoration:none;color:#0862d0;
  box-shadow:0 2px 8px rgba(36,107,200,.04);
}
body.community-live-v5 .urc-live-pinned>span:nth-child(2){flex:1;min-width:0;display:grid;gap:4px}
body.community-live-v5 .urc-live-pinned b{font:800 13px Inter,system-ui,sans-serif;color:#0767da}
body.community-live-v5 .urc-live-pinned small{font:500 11.5px/1.35 Inter,system-ui,sans-serif;color:#244c8d}
body.community-live-v5 .urc-live-pinned>.ur-live-icon{font-size:18px;color:#086cf1}
body.community-live-v5 .urc-live-pin-symbol{width:29px;height:33px;flex:0 0 auto;display:grid;place-items:center;color:#066bf2}
body.community-live-v5 .urc-live-pin-symbol svg{width:25px;height:25px}
body.community-live-v5 .urc-live-title-copy p{display:flex;align-items:center;gap:6px}
body.community-live-v5 .urc-live-online-dot{width:7px;height:7px;flex:0 0 auto;display:inline-block;border-radius:50%;background:#05b967}
body.community-live-v5 .ur-chat-header-back{display:none}

@media(max-width:900px){
  html body.community-live-v5 .ur-chat-header-back{
    display:grid!important;place-items:center!important;flex:0 0 35px!important;
    width:35px!important;height:35px!important;border:1px solid #e0eafa!important;
    border-radius:12px!important;color:#092663!important;background:#fff!important;text-decoration:none!important;
  }
  html body.community-live-v5 .ur-chat-header-back svg{width:21px!important;height:21px!important}
  html body.community-live-v5 .ur-global-header .nav-row{justify-content:flex-start!important;gap:7px!important}
  html body.community-live-v5 .ur-global-header .site-brand{flex:0 1 auto!important}
  html body.community-live-v5 .ur-global-header .ur-brand-word{font-size:clamp(14px,4vw,17px)!important}
  html body.community-live-v5 .ur-global-header .ur-global-mobile-actions{margin-left:auto!important}
  html body.community-live-v5{background:#fff!important;overflow:hidden!important;padding-bottom:0!important}
  body.community-live-v5 .site-footer,body.community-live-v5 .floating-actions{display:none!important}
  html body.community-live-v5 .urc-live-main{
    height:calc(100dvh - 114px - env(safe-area-inset-bottom))!important;
    min-height:0!important;max-height:none!important;
    grid-template-rows:78px minmax(0,1fr)!important;
    border:0!important;border-radius:0!important;overflow:hidden!important;background:#fff!important;
  }
  body.community-live-v5 .urc-live-header{
    position:relative!important;z-index:15!important;min-height:78px!important;height:78px!important;
    padding:0 12px!important;border:0!important;background:#f8fcff!important;
    background-image:linear-gradient(rgba(248,252,255,.92),rgba(248,252,255,.92)),url('../ui/live-chat/doodles/live-chat-doodle-pattern.svg')!important;
    background-size:auto,330px auto!important;gap:8px!important;
  }
  body.community-live-v5 .urc-live-header-title{flex:1 1 auto!important;min-width:0!important;gap:10px!important}
  body.community-live-v5 .urc-live-title-icon{
    width:47px!important;height:47px!important;flex:0 0 47px!important;border-radius:50%!important;
    background:#086aff!important;box-shadow:none!important;color:#fff!important;
  }
  body.community-live-v5 .urc-live-title-icon .ur-live-icon{font-size:27px!important}
  body.community-live-v5 .urc-live-title-copy h1{
    font:800 clamp(15px,4.1vw,18px)/1.14 Inter,system-ui,sans-serif!important;
    letter-spacing:-.45px!important;color:#071b56!important;white-space:nowrap!important;
  }
  body.community-live-v5 .urc-live-title-copy p{
    margin:5px 0 0!important;font:500 11px/1.2 Inter,system-ui,sans-serif!important;color:#3c6198!important;
  }
  body.community-live-v5 .urc-live-header-status{gap:7px!important;flex:0 0 auto!important}
  body.community-live-v5 .urc-live-presence{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
    min-width:57px!important;height:41px!important;padding:0 9px!important;border-radius:14px!important;
    background:#fff!important;border:1px solid #dce9f9!important;color:#09266a!important;cursor:pointer!important;
  }
  body.community-live-v5 .urc-live-presence>.ur-live-icon{font-size:20px!important}
  body.community-live-v5 .urc-live-presence b{font:800 12px Inter,system-ui,sans-serif!important}
  body.community-live-v5 .urc-live-more-button{width:39px!important;height:41px!important;border-radius:14px!important}
  body.community-live-v5 .urc-live-connection{position:absolute!important;top:calc(100% + 4px)!important;right:12px!important;z-index:3!important;font-size:10px!important}
  body.community-live-v5 .urc-live-room-menu{top:calc(100% - 1px)!important;right:10px!important}

  body.community-live-v5 .urc-live-scroll-region{
    display:block!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;
    background:#fff!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;
    padding:0 0 88px!important;
  }
  body.community-live-v5 .urc-live-scroll-region::-webkit-scrollbar{width:3px!important}
  body.community-live-v5 .urc-live-pinned{margin:10px 12px 12px;min-height:66px}
  body.community-live-v5 .urc-live-mobile-room,body.community-live-v5 .urc-live-mobile-safety,
  body.community-live-v5 .urc-live-mobile-topics{display:none!important}
  body.community-live-v5 .urc-live-joined{
    display:grid!important;grid-template-columns:minmax(18px,1fr) auto minmax(18px,1fr)!important;
    margin:0 12px 13px!important;padding:0!important;gap:10px!important;background:transparent!important;
  }
  body.community-live-v5 .urc-live-joined b{font:750 11px Inter,system-ui,sans-serif!important}
  body.community-live-v5 .urc-live-joined small{font:500 9px Inter,system-ui,sans-serif!important}
  body.community-live-v5 .urc-live-joined>span{background:#d1e4fa!important}
  body.community-live-v5 .urc-joined-icon{width:18px!important;height:18px!important}

  body.community-live-v5 .urc-live-messages{
    padding:4px 12px 22px!important;min-height:180px!important;overflow:visible!important;
    background-color:#fbfdff!important;
    background-image:linear-gradient(rgba(251,253,255,.77),rgba(251,253,255,.77)),url('../ui/live-chat/doodles/live-chat-doodle-pattern.svg')!important;
    background-size:auto,310px 508px!important;background-repeat:repeat!important;
  }
  body.community-live-v5 .urc-live-messages .ur-chat-message{
    display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;
    gap:9px!important;margin:0 0 13px!important;padding:0!important;align-items:start!important;
  }
  body.community-live-v5 .urc-live-messages .ur-community-avatar{
    position:relative!important;width:38px!important;height:38px!important;border-radius:50%!important;
    border:2px solid #fff!important;background:#e5effd!important;color:#0b5fc4!important;
    font:800 12px Inter,system-ui,sans-serif!important;overflow:visible!important;
  }
  body.community-live-v5 .urc-live-messages .ur-community-avatar img{border-radius:50%!important}
  body.community-live-v5 .urc-live-messages .ur-chat-message.is-online>.ur-community-avatar:after{
    content:"";position:absolute;right:0;bottom:-1px;width:10px;height:10px;border-radius:50%;
    background:#09b866;border:2px solid white;box-shadow:0 1px 3px rgba(0,0,0,.13);
  }
  body.community-live-v5 .urc-live-messages .urc-message-body{
    min-width:0!important;max-width:100%!important;width:100%!important;display:flex!important;
    flex-direction:column!important;align-items:flex-start!important;padding:0!important;margin:0!important;
    border:0!important;background:transparent!important;
  }
  body.community-live-v5 .urc-live-messages .ur-chat-message-head{
    width:100%!important;min-height:24px!important;padding:0 3px 3px!important;
    gap:7px!important;display:flex!important;align-items:center!important;
  }
  body.community-live-v5 .urc-live-messages .ur-chat-message-head b{
    font:800 12px/1.2 Inter,system-ui,sans-serif!important;color:#09235f!important;max-width:45%!important;
  }
  body.community-live-v5 .urc-live-messages .urc-message-topic{
    margin:0!important;padding:4px 10px!important;border-radius:999px!important;
    background:#e2f0ff!important;color:#0869e5!important;font:750 10px/1 Inter,system-ui,sans-serif!important;
  }
  body.community-live-v5 .urc-live-messages .ur9-chat-more{
    display:grid!important;margin-left:auto!important;width:26px!important;height:26px!important;color:#244d91!important;
  }
  body.community-live-v5 .urc-live-messages .urc-message-line{
    width:100%!important;max-width:100%!important;display:flex!important;align-items:flex-end!important;gap:7px!important;
  }
  body.community-live-v5 .urc-live-messages .urc-message-bubble{
    min-width:0!important;width:fit-content!important;max-width:min(100%,420px)!important;
    padding:10px 12px!important;border-radius:5px 17px 17px 17px!important;
    background:#fff!important;border:1px solid #e4edfa!important;
    box-shadow:0 2px 10px rgba(15,55,100,.045)!important;
    float:none!important;
  }
  body.community-live-v5 .urc-live-messages .urc-message-bubble>p{
    display:block!important;margin:0!important;padding:0!important;background:none!important;border:0!important;
    border-radius:0!important;box-shadow:none!important;color:#10275c!important;
    font:500 13px/1.4 Inter,system-ui,sans-serif!important;overflow-wrap:anywhere!important;white-space:normal!important;
  }
  body.community-live-v5 .urc-live-messages .urc-message-time{
    display:block!important;flex:0 0 auto!important;padding-bottom:3px!important;
    white-space:nowrap!important;color:#5673a6!important;font:500 9px/1.2 Inter,system-ui,sans-serif!important;
  }
  body.community-live-v5 .urc-live-messages .urc-live-message-actions{
    display:flex!important;align-items:center!important;gap:6px!important;padding:3px 3px 0!important;
  }
  body.community-live-v5 .urc-live-messages .urc-live-message-actions button{
    min-height:25px!important;padding:2px 8px!important;display:flex!important;align-items:center!important;
    gap:5px!important;border:1px solid #e2ebf8!important;border-radius:999px!important;
    background:#fff!important;color:#20569c!important;font:700 10px Inter,system-ui,sans-serif!important;
  }
  body.community-live-v5 .urc-live-messages .urc-live-message-actions .ur-live-icon{font-size:16px!important}
  body.community-live-v5 .urc-live-messages .urc-live-message-actions button.active{color:#086aff!important;background:#e9f3ff!important}
  body.community-live-v5 .urc-live-messages .ur-chat-message.is-mine{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding-left:45px!important;width:100%!important;
  }
  body.community-live-v5 .urc-live-messages .ur-chat-message.is-mine>.ur-community-avatar{display:none!important}
  body.community-live-v5 .urc-live-messages .ur-chat-message.is-mine .urc-message-body{
    justify-self:end!important;align-items:flex-end!important;margin:0!important;width:100%!important;max-width:100%!important;
  }
  body.community-live-v5 .urc-live-messages .ur-chat-message.is-mine .ur-chat-message-head{justify-content:flex-end!important}
  body.community-live-v5 .urc-live-messages .ur-chat-message.is-mine .urc-message-line{justify-content:flex-end!important}
  body.community-live-v5 .urc-live-messages .ur-chat-message.is-mine .urc-message-bubble{
    order:0!important;background:#dcecff!important;border-color:#cee5ff!important;border-radius:17px 5px 17px 17px!important;
  }
  body.community-live-v5 .urc-live-messages .ur-chat-message.is-mine .urc-message-time{order:1!important}
  body.community-live-v5 .urc-live-messages .ur-chat-message.is-mine .urc-live-message-actions{justify-content:flex-end!important}

  body.community-live-v5 .urc-live-composer{
    position:fixed!important;left:0!important;right:0!important;bottom:calc(60px + env(safe-area-inset-bottom))!important;
    z-index:5900!important;padding:8px 11px!important;margin:0!important;background:#fff!important;
    border-top:1px solid #e2edfb!important;box-shadow:0 -4px 12px rgba(20,66,132,.055)!important;
  }
  body.community-live-v5 .urc-live-composer form{
    grid-template-columns:40px minmax(0,1fr) 44px!important;gap:9px!important;align-items:center!important;
  }
  body.community-live-v5 .urc-composer-tool{
    width:40px!important;height:43px!important;display:grid!important;place-items:center!important;
    background:#fff!important;color:#092a73!important;border:0!important;border-radius:12px!important;
  }
  body.community-live-v5 .urc-composer-tool .ur-live-icon{font-size:26px!important}
  body.community-live-v5 .urc-composer-field{
    min-width:0!important;height:44px!important;border-radius:14px!important;border:1px solid #d2e2f7!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) 35px!important;align-items:center!important;
    background:#fff!important;overflow:hidden!important;
  }
  body.community-live-v5 .urc-composer-field textarea{
    width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;max-height:80px!important;
    padding:12px 9px 10px 12px!important;border:0!important;background:transparent!important;
    font:500 13px/1.25 Inter,system-ui,sans-serif!important;color:#13366e!important;resize:none!important;
  }
  body.community-live-v5 .urc-composer-field textarea::placeholder{color:#6482b0!important;opacity:1!important}
  body.community-live-v5 .urc-composer-inline{
    width:35px!important;height:42px!important;background:transparent!important;border:0!important;color:#0c3276!important;
  }
  body.community-live-v5 .urc-composer-inline .ur-live-icon{font-size:21px!important}
  body.community-live-v5 .urc-composer-field [data-chat-attachment]{display:none!important}
  body.community-live-v5 .urc-composer-send{
    width:44px!important;height:44px!important;display:grid!important;place-items:center!important;
    border-radius:14px!important;background:#086aff!important;color:#fff!important;border:0!important;
    box-shadow:0 4px 13px rgba(8,106,255,.18)!important;
  }
  body.community-live-v5 .urc-composer-send .ur-live-icon{font-size:22px!important}
  html body.community-live-v5 .mobile-sticky-actions.ur-mobile-bottom-nav.ur-global-mobile-nav svg{display:block!important}
  html body.community-live-v5 .mobile-sticky-actions.ur-mobile-bottom-nav.ur-global-mobile-nav>a::before,
  html body.community-live-v5 .mobile-sticky-actions.ur-mobile-bottom-nav.ur-global-mobile-nav>button::before{display:none!important}
  html body.community-live-v5 .ur-global-head-icon::before{display:none!important}
  html body.community-live-v5.ur-live-keyboard-open .urc-live-main{
    height:calc(var(--ur-live-visible-height,100dvh) - 54px)!important;
  }
  html body.community-live-v5.ur-live-keyboard-open .urc-live-composer{bottom:0!important}
}

@media(min-width:561px) and (max-width:900px){
  html body.community-live-v5 .urc-live-main{height:calc(100dvh - 120px - env(safe-area-inset-bottom))!important}
}

@media(max-width:375px){
  body.community-live-v5 .urc-live-header{padding:0 9px!important;gap:5px!important}
  body.community-live-v5 .urc-live-header-title{gap:7px!important}
  body.community-live-v5 .urc-live-title-icon{width:42px!important;height:42px!important;flex-basis:42px!important}
  body.community-live-v5 .urc-live-title-copy h1{font-size:14px!important}
  body.community-live-v5 .urc-live-presence{min-width:50px!important;padding:0 6px!important}
  body.community-live-v5 .urc-live-more-button{width:35px!important}
  body.community-live-v5 .urc-live-messages .urc-message-bubble>p{font-size:12px!important}
}

@media(min-width:901px){
  body.community-live-v5 .urc-live-pinned{margin:10px 14px 12px}
  body.community-live-v5 .urc-live-header{position:relative!important;z-index:10!important}
  body.community-live-v5 .urc-live-title-icon{border-radius:50%!important}
  body.community-live-v5 .urc-live-header-status{gap:8px!important}
  body.community-live-v5 .urc-live-scroll-region .urc-live-joined{margin-bottom:9px}
  body.community-live-v5 .urc-live-messages .urc-message-line{display:flex;align-items:flex-end;gap:8px}
  body.community-live-v5 .urc-live-messages .urc-message-time{font:500 10px Inter,system-ui,sans-serif;color:#6580a8}
  body.community-live-v5 .urc-live-messages .ur-chat-message-head time{display:none}
}

html[dir="rtl"] body.community-live-v5 .urc-live-room-menu{right:auto;left:12px;text-align:right}
html[dir="rtl"] body.community-live-v5 .urc-live-messages .ur-chat-message:not(.is-mine) .urc-message-bubble{border-radius:17px 5px 17px 17px!important}
html[dir="rtl"] body.community-live-v5 .urc-live-messages .ur-chat-message.is-mine .urc-message-bubble{border-radius:5px 17px 17px 17px!important}