/* WRS GEMPA — independent SERVER 1 / SERVER 2 health indicators */
.wrs-server-status-pair {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:0;
  vertical-align:middle;
}
.wrs-server-chip {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-width:0;
  padding:4px 6px;
  border:1px solid rgba(115,145,170,.24);
  border-radius:7px;
  background:rgba(110,130,150,.08);
  color:#64748b;
  font:800 8px/1 system-ui,sans-serif;
  letter-spacing:.015em;
  white-space:nowrap;
}
.wrs-server-chip > i {
  display:block;
  flex:0 0 6px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#d5a42e;
  box-shadow:0 0 0 2px rgba(213,164,46,.13);
}
.wrs-server-chip > b { color:inherit; font-weight:950; }
.wrs-server-chip > span { color:inherit; font-weight:750; }
.wrs-server-chip > strong { color:inherit; font-weight:950; }
.wrs-server-chip.is-loading { color:#a47712; border-color:rgba(213,164,46,.25); background:rgba(213,164,46,.07); }
.wrs-server-chip.is-online { color:#168454; border-color:rgba(29,174,112,.28); background:rgba(29,174,112,.07); }
.wrs-server-chip.is-online > i { background:#1bb878; box-shadow:0 0 0 2px rgba(29,184,120,.14),0 0 7px rgba(29,184,120,.3); }
.wrs-server-chip.is-warning { color:#a47712; border-color:rgba(213,164,46,.3); background:rgba(213,164,46,.08); }
.wrs-server-chip.is-warning > i { background:#e1ae32; box-shadow:0 0 0 2px rgba(225,174,50,.15); }
.wrs-server-chip.is-error { color:#c62d41; border-color:rgba(220,65,83,.3); background:rgba(220,65,83,.07); }
.wrs-server-chip.is-error > i { background:#e3485a; box-shadow:0 0 0 2px rgba(227,72,90,.14),0 0 7px rgba(227,72,90,.25); }

.wrs-health {
  max-width:min(650px,calc(100vw - 180px));
}
.wrs-server-status-desktop { margin-left:3px; gap:5px; }
.wrs-server-status-desktop .wrs-server-chip { padding:4px 5px; }

@media (max-width:900px) {
  .wrs-server-status-desktop { display:none!important; }
}
@media (max-width:1200px) {
  #mobilePageMap .wrs-mobile-brand-copy { gap:3px!important; }
  #mobilePageMap .wrs-server-status-mobile {
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:3px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    overflow:hidden!important;
  }
  #mobilePageMap .wrs-server-status-mobile .wrs-server-chip {
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:calc(50% - 2px)!important;
    gap:2px!important;
    padding:2px 3px!important;
    border-radius:4px!important;
    font-size:5.2px!important;
    line-height:1!important;
    letter-spacing:0!important;
    overflow:hidden!important;
  }
  #mobilePageMap .wrs-server-status-mobile .wrs-server-chip > i {
    flex-basis:4px!important;width:4px!important;height:4px!important;
    box-shadow:none!important;
  }
  #mobilePageMap .wrs-server-status-mobile .wrs-server-chip > b,
  #mobilePageMap .wrs-server-status-mobile .wrs-server-chip > span,
  #mobilePageMap .wrs-server-status-mobile .wrs-server-chip > strong {
    font-size:5.2px!important;
    line-height:1!important;
  }
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-server-chip {
    background:rgba(100,125,150,.12)!important;
  }
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-server-chip.is-online {
    color:#73e2b1!important;border-color:rgba(62,207,148,.28)!important;background:rgba(28,132,91,.15)!important;
  }
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-server-chip.is-warning,
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-server-chip.is-loading {
    color:#ffd36a!important;border-color:rgba(230,181,67,.3)!important;background:rgba(130,92,25,.16)!important;
  }
  html[data-wrs-theme="dark"] #mobilePageMap .wrs-server-chip.is-error {
    color:#ff8290!important;border-color:rgba(238,94,111,.3)!important;background:rgba(130,30,45,.16)!important;
  }
}
@media (min-width:901px) {
  .wrs-server-status-mobile { display:none!important; }
}
@media (max-width:360px) {
  #mobilePageMap .wrs-mobile-live-header {
    grid-template-columns:minmax(94px,.84fr) minmax(0,1.65fr)!important;
  }
  #mobilePageMap .wrs-server-status-mobile .wrs-server-chip {
    gap:1px!important;padding:2px 2px!important;font-size:4.8px!important;
  }
  #mobilePageMap .wrs-server-status-mobile .wrs-server-chip > b,
  #mobilePageMap .wrs-server-status-mobile .wrs-server-chip > span,
  #mobilePageMap .wrs-server-status-mobile .wrs-server-chip > strong { font-size:4.8px!important; }
}


/* Mobile header cleanup: the two server chips replace the old combined API indicator. */
@media (max-width:1200px) {
  #mobilePageMap .wrs-mobile-connection { display:none!important; }
  #mobilePageMap .wrs-mobile-brand { flex:1 1 auto!important; min-width:0!important; }
  #mobilePageMap .wrs-mobile-brand-copy { flex:1 1 auto!important; min-width:0!important; }
  #mobilePageMap .wrs-server-status-mobile {
    width:max-content!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  #mobilePageMap .wrs-server-status-mobile .wrs-server-chip {
    flex:0 0 auto!important;
    max-width:none!important;
    padding:3px 5px!important;
    gap:3px!important;
    font-size:6.1px!important;
    line-height:1.1!important;
  }
  #mobilePageMap .wrs-server-status-mobile .wrs-server-chip > b,
  #mobilePageMap .wrs-server-status-mobile .wrs-server-chip > span,
  #mobilePageMap .wrs-server-status-mobile .wrs-server-chip > strong {
    font-size:6.1px!important;
    line-height:1.1!important;
  }
}
@media (max-width:360px) {
  #mobilePageMap .wrs-mobile-live-header {
    grid-template-columns:minmax(116px,1fr) auto!important;
  }
  #mobilePageMap .wrs-server-status-mobile .wrs-server-chip {
    padding:2px 4px!important;
    font-size:5.7px!important;
  }
  #mobilePageMap .wrs-server-status-mobile .wrs-server-chip > b,
  #mobilePageMap .wrs-server-status-mobile .wrs-server-chip > span,
  #mobilePageMap .wrs-server-status-mobile .wrs-server-chip > strong {
    font-size:5.7px!important;
  }
}