/* BroodIt Mobile/PWA V2.12.12.10 — Header status presentation only.
   Stable V2.12.12.8 connection/control logic remains unchanged. */
.redesigned-mobile-topbar .device-model{display:none!important}
.redesigned-mobile-topbar #realtimeBadge{display:none!important}
.redesigned-mobile-topbar #onlineBadge{
  display:inline-flex!important;
  align-items:center!important;
  gap:16px!important;
  padding:4px 2px!important;
  min-height:44px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:0!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.redesigned-mobile-topbar #onlineBadge::after{
  content:'Offline';
  font-size:24px;
  line-height:1;
  font-weight:850;
  letter-spacing:.01em;
  color:#ff7474;
}
.redesigned-mobile-topbar #onlineBadge.online::after{content:'Live';color:#56e78f}
.redesigned-mobile-topbar #onlineBadge.offline::after{content:'Offline';color:#ff7474}
.redesigned-mobile-topbar #onlineBadge i{
  display:block!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:
    radial-gradient(circle at 34% 27%,rgba(255,255,255,.98) 0 8%,rgba(255,255,255,.48) 9% 18%,transparent 19%),
    radial-gradient(circle at 50% 58%,#ff7474 0%,#eb3f46 52%,#8d1017 100%)!important;
  box-shadow:
    inset 0 2px 4px rgba(255,255,255,.40),
    inset 0 -3px 4px rgba(55,0,0,.48),
    0 0 14px rgba(239,68,68,.50),
    0 2px 3px rgba(0,0,0,.38)!important;
}
.redesigned-mobile-topbar #onlineBadge.online i{
  background:
    radial-gradient(circle at 34% 27%,rgba(255,255,255,.98) 0 8%,rgba(255,255,255,.50) 9% 18%,transparent 19%),
    radial-gradient(circle at 50% 58%,#62f69b 0%,#18cd67 52%,#087834 100%)!important;
  box-shadow:
    inset 0 2px 4px rgba(255,255,255,.42),
    inset 0 -3px 4px rgba(0,55,26,.48),
    0 0 14px rgba(34,211,108,.54),
    0 2px 3px rgba(0,0,0,.38)!important;
}