/* Step 4 — Umrah Live mobile exact pass */
body.community-live-v5{background:#f7fbff}
.urc-live-topics button{appearance:none;border:1px solid #e2ebf7;background:#fff;color:#24497c;border-radius:9px;padding:9px 10px;text-align:left;font:700 10px Inter;cursor:pointer}.urc-live-topics button.active{background:#eaf4ff;color:#0878ff;border-color:#cfe3ff}
.urc-live-mobile-safety,.urc-live-mobile-topics,.urc-live-joined,.urc-live-presence{display:none}
.urc-message-topic{margin-left:auto;border-radius:999px;background:#eaf4ff;color:#0878ff;padding:3px 7px;font:800 8px Inter}.urc-translate-reserved{color:#7188a6!important;cursor:default}.urc-privacy-error{grid-column:1/-1;border:1px solid #ffc9c9;background:#fff4f4;border-radius:11px;padding:10px 11px;display:grid;grid-template-columns:1fr auto;gap:4px 8px;color:#8e2e36}.urc-privacy-error[hidden]{display:none!important}.urc-privacy-error b{font-size:11px}.urc-privacy-error span{grid-column:1/-1;font-size:9px;line-height:1.4;color:#9b4c52}.urc-privacy-error button,.urc-privacy-error a{border:0;background:transparent;color:#0876f9;padding:0;font:800 9px Inter;text-decoration:none;cursor:pointer}.urc-live-composer button[type=submit] svg{width:20px;height:20px;stroke-width:1.8}

@media(max-width:900px){
  body.community-live-v5{padding-bottom:calc(60px + env(safe-area-inset-bottom))!important;background:#fff}
  body.community-live-v5 .ur-community-topnav,body.community-live-v5 .urc-topnav{display:none!important}
  body.community-live-v5 .ur-community-app{padding:0!important}
  body.community-live-v5 .urc-live-layout{padding:0!important;width:100%!important;max-width:none!important}
  body.community-live-v5 .urc-live-left,body.community-live-v5 .urc-live-right{display:none!important}
  body.community-live-v5 .urc-live-main{height:calc(100dvh - 114px)!important;min-height:520px!important;border:0!important;border-radius:0!important;background:#fff!important;display:grid!important;grid-template-rows:auto auto auto auto minmax(0,1fr) auto!important;overflow:hidden!important;box-shadow:none!important}

  body.community-live-v5 .urc-live-header{position:static!important;top:auto!important;inset:auto!important;height:70px!important;min-height:70px!important;padding:0 13px!important;border-bottom:1px solid #e7eef8!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
  body.community-live-v5 .urc-live-header-title{gap:9px!important;min-width:0!important}
  body.community-live-v5 .ur-chat-mobile-back{display:grid!important;place-items:center!important;width:31px!important;height:31px!important;margin:0!important;border:1px solid #e1ebf7!important;border-radius:50%!important;flex:0 0 auto!important}
  body.community-live-v5 .ur-chat-mobile-back a{color:#0b4fae!important;text-decoration:none!important;font:500 19px/1 Inter!important;transform:translateY(-1px)}
  body.community-live-v5 .urc-live-hash{width:34px!important;height:34px!important;border-radius:10px!important;background:#0876f9!important;font-size:16px!important;flex:0 0 auto!important}
  body.community-live-v5 .urc-live-header h1{margin:0!important;color:#0a2457!important;font:800 18px/1.05 Inter,system-ui,sans-serif!important;letter-spacing:-.45px!important;white-space:nowrap!important}
  body.community-live-v5 .urc-live-header p{margin:4px 0 0!important;color:#6680a2!important;font:600 8.8px/1.1 Inter!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:190px!important}
  body.community-live-v5 .urc-live-presence{display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important;height:32px!important;padding:0 10px!important;border-radius:999px!important;background:#f2f8ff!important;border:1px solid #dfebf8!important;color:#0b2c66!important}
  body.community-live-v5 .urc-live-presence i{width:8px!important;height:8px!important;border-radius:50%!important;background:#16bf68!important;box-shadow:0 0 0 4px rgba(22,191,104,.12)!important}
  body.community-live-v5 .urc-live-presence b{font:800 9px Inter!important;white-space:nowrap!important}

  body.community-live-v5 .urc-live-mobile-safety{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;margin:8px 10px 0!important;padding:9px 10px!important;border:1px solid #d7e8fb!important;border-radius:12px!important;background:linear-gradient(135deg,#eef6ff,#f8fbff)!important;color:#264b7b!important}
  body.community-live-v5 .urc-live-mobile-safety>span{width:31px!important;height:31px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#0c78fa!important;color:#fff!important;font:800 13px Inter!important}
  body.community-live-v5 .urc-live-mobile-safety p{margin:0!important;font:600 8.6px/1.35 Inter!important;color:#5a7394!important;min-width:0!important}
  body.community-live-v5 .urc-live-mobile-safety p b{display:block!important;color:#0b4fae!important;font-size:9.4px!important;margin-bottom:2px!important}
  body.community-live-v5 .urc-live-mobile-safety a{color:#0876f9!important;text-decoration:none!important;font:800 8.5px Inter!important;white-space:nowrap!important}

  body.community-live-v5 .urc-live-mobile-topics{display:flex!important;gap:6px!important;overflow-x:auto!important;padding:8px 10px 5px!important;scrollbar-width:none!important;background:#fff!important}
  body.community-live-v5 .urc-live-mobile-topics::-webkit-scrollbar{display:none!important}
  body.community-live-v5 .urc-live-mobile-topics button{appearance:none!important;flex:0 0 auto!important;height:30px!important;padding:0 11px!important;border:1px solid #dbe8f7!important;border-radius:999px!important;background:#fff!important;color:#456586!important;font:800 8.4px Inter!important;cursor:pointer!important}
  body.community-live-v5 .urc-live-mobile-topics button.active{background:#0876f9!important;border-color:#0876f9!important;color:#fff!important;box-shadow:0 5px 12px rgba(8,118,249,.14)!important}

  body.community-live-v5 .urc-live-joined{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:8px!important;padding:7px 12px 5px!important;background:#fff!important}
  body.community-live-v5 .urc-live-joined>span{height:1px!important;background:#cfe2fb!important}
  body.community-live-v5 .urc-live-joined>div{text-align:center!important;display:grid!important;gap:1px!important}
  body.community-live-v5 .urc-live-joined b{color:#0876f9!important;font:800 9.5px Inter!important}
  body.community-live-v5 .urc-live-joined small{color:#788da9!important;font:600 7.5px Inter!important}

  body.community-live-v5 .urc-live-messages{padding:6px 10px 8px!important;background:linear-gradient(#fbfdff,#f8fbff)!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:none!important}
  body.community-live-v5 .urc-live-messages::-webkit-scrollbar{display:none!important}
  body.community-live-v5 .urc-live-messages .ur-chat-message{grid-template-columns:38px minmax(0,1fr)!important;gap:8px!important;margin:0 0 9px!important;align-items:start!important}
  body.community-live-v5 .urc-live-messages .ur-community-avatar{width:38px!important;height:38px!important;border-radius:50%!important;border:2px solid #fff!important;box-shadow:0 2px 9px rgba(20,60,110,.12)!important;overflow:hidden!important;display:grid!important;place-items:center!important;background:#dceeff!important;color:#0876f9!important;font:800 11px Inter!important}
  body.community-live-v5 .urc-live-messages .ur-community-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
  body.community-live-v5 .urc-live-messages .ur-chat-message>.urc-message-body{max-width:100%!important;width:100%!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important}
  body.community-live-v5 .ur-chat-message-head{min-height:21px!important;display:flex!important;align-items:center!important;gap:6px!important;padding:0 3px!important}
  body.community-live-v5 .ur-chat-message-head b{color:#0c2d67!important;font:800 10.5px Inter!important}
  body.community-live-v5 .ur-chat-message-head time{margin-left:auto!important;color:#7890ae!important;font:600 8px Inter!important;white-space:nowrap!important}
  html[dir="rtl"] body.community-live-v5 .ur-chat-message-head time{margin-left:0!important;margin-right:auto!important}
  body.community-live-v5 .urc-message-topic{margin-left:0!important;background:#eaf4ff!important;color:#0876f9!important;border-radius:999px!important;padding:3px 7px!important;font:800 7.4px Inter!important;white-space:nowrap!important}
  body.community-live-v5 .urc-live-messages .ur-chat-message p{margin:0!important;padding:9px 10px!important;border:1px solid #e4edf8!important;border-radius:6px 13px 13px 13px!important;background:#fff!important;color:#173c70!important;font:500 10.4px/1.47 Inter!important;box-shadow:0 4px 14px rgba(31,78,133,.04)!important}
  body.community-live-v5 .urc-chat-quote{margin:0 0 5px!important;padding:7px 9px!important;border-left:3px solid #0876f9!important;border-radius:8px!important;background:#edf6ff!important}
  body.community-live-v5 .urc-chat-quote b{font:800 8.5px Inter!important;color:#0876f9!important}
  body.community-live-v5 .urc-chat-quote span{margin-top:2px!important;font:600 8px Inter!important;color:#7188a7!important}
  body.community-live-v5 .urc-live-message-actions{display:flex!important;align-items:center!important;gap:15px!important;padding:5px 4px 0!important;color:#365d8a!important}
  body.community-live-v5 .urc-live-message-actions span,body.community-live-v5 .urc-live-message-actions button{border:0!important;background:transparent!important;color:#1f5b9c!important;font:700 8px Inter!important;padding:0!important}
  body.community-live-v5 .urc-live-message-actions button{color:#0876f9!important;cursor:pointer!important}
  body.community-live-v5 .urc-live-message-actions .urc-translate-reserved{margin-left:auto!important;color:#7c91aa!important}
  body.community-live-v5 .ur-chat-message.is-mine{grid-template-columns:minmax(0,1fr)!important;padding-left:45px!important}
  body.community-live-v5 .ur-chat-message.is-mine>.ur-community-avatar{display:none!important}
  body.community-live-v5 .ur-chat-message.is-mine .urc-message-body{margin-left:auto!important;max-width:88%!important}
  body.community-live-v5 .ur-chat-message.is-mine p{background:#eaf4ff!important;border-color:#cde3ff!important;border-radius:13px 6px 13px 13px!important}

  body.community-live-v5 .ur-chat-empty{min-height:170px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:4px!important;color:#6f87a5!important;text-align:center!important}
  body.community-live-v5 .ur-chat-empty span{font-size:24px!important;color:#a6bad1!important}.ur-chat-empty b{font-size:11px!important}.ur-chat-empty p{font-size:9px!important;margin:0!important}

  body.community-live-v5 .urc-live-composer{padding:7px 9px calc(7px + env(safe-area-inset-bottom))!important;border-top:1px solid #e1eaf6!important;background:#fff!important;box-shadow:0 -4px 18px rgba(19,65,120,.04)!important}
  body.community-live-v5 .urc-live-composer form{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;gap:7px!important;align-items:end!important}
  body.community-live-v5 .urc-live-composer textarea{min-height:42px!important;max-height:96px!important;width:100%!important;border:1px solid #cbdcf0!important;border-radius:999px!important;padding:12px 15px!important;background:#fff!important;color:#173b72!important;font:500 10px Inter!important;line-height:1.35!important;resize:none!important;outline:none!important}
  body.community-live-v5 .urc-live-composer textarea:focus{border-color:#89baff!important;box-shadow:0 0 0 3px rgba(8,118,249,.08)!important}
  body.community-live-v5 .urc-live-composer button[type=submit]{width:42px!important;height:42px!important;border-radius:50%!important;background:#0876f9!important;color:#fff!important;display:grid!important;place-items:center!important;border:0!important;padding:0!important;box-shadow:0 6px 16px rgba(8,118,249,.2)!important}
  body.community-live-v5 .urc-live-composer button[type=submit] svg{width:19px!important;height:19px!important}
  body.community-live-v5 .urc-reply-preview{grid-column:1/-1!important;padding:7px 31px 7px 10px!important;border-left:3px solid #0876f9!important;border-radius:8px!important;background:#eef6ff!important;color:#4e6b8f!important;font:600 8.4px/1.35 Inter!important}
  body.community-live-v5 .urc-privacy-error{grid-column:1/-1!important;margin-bottom:1px!important}
  body.community-live-v5 .ur-chat-login{width:100%!important;height:42px!important;border:0!important;border-radius:12px!important;background:#0876f9!important;color:#fff!important;font:800 10px Inter!important}
}

@media(max-width:430px){
  body.community-live-v5 .urc-live-header{height:66px!important;min-height:66px!important}
  body.community-live-v5 .urc-live-header h1{font-size:17px!important}
  body.community-live-v5 .urc-live-presence{height:30px!important;padding:0 8px!important}
  body.community-live-v5 .urc-live-mobile-safety{margin-top:7px!important}
}

@media(max-width:370px){
  body.community-live-v5 .urc-live-header p{max-width:155px!important}
  body.community-live-v5 .urc-live-presence b{font-size:8px!important}
  body.community-live-v5 .urc-live-mobile-safety{grid-template-columns:30px minmax(0,1fr)!important}
  body.community-live-v5 .urc-live-mobile-safety a{display:none!important}
}

/* Step 10 integration QA: topic-filtered messages must honor the hidden state. */
.urc-live-messages .ur-chat-message[hidden]{display:none!important}

/* LIVE CHAT MOBILE COMPOSER FIX V3
   Locked shell = 54px header + 60px bottom nav.
   Do not add safe-area twice here; the global bottom nav already owns the bottom edge. */
@media (max-width: 900px) {
  body.community-live-v5 .urc-live-composer {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 60px !important;
    inset-inline: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 7px 9px !important;
    box-sizing: border-box !important;
    z-index: 5900 !important;
    background: #fff !important;
  }

  body.community-live-v5 .urc-live-messages {
    padding-bottom: 68px !important;
  }
}