/* BroodIt Web V2.9.24 — Header status presentation only.
   Stable V2.9.22 control/connection logic remains unchanged. */
.topbar .device-model{display:none!important}
.topbar #realtimeBadge{display:none!important}
.topbar #onlineBadge{
  display:inline-flex!important;
  align-items:center!important;
  gap:18px!important;
  padding:3px 2px!important;
  min-height:42px!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;
}
.topbar #onlineBadge::after{
  content:'Offline';
  font-size:26px;
  line-height:1;
  font-weight:800;
  letter-spacing:.01em;
  color:#ff7474;
}
.topbar #onlineBadge.online::after{content:'Live';color:#56e78f}
.topbar #onlineBadge.offline::after{content:'Offline';color:#ff7474}
.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;
}
.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;
}
@media(max-width:1050px){
  .topbar #onlineBadge::after{font-size:24px}
  .topbar #onlineBadge i{width:30px!important;height:30px!important;min-width:30px!important}
}