[data-order-intake-status] { display: none !important; }
.public-server-status { display: flex; flex-wrap: wrap; align-items: center; gap: 3px 14px; padding-block: 3px; }
.public-server-status ul { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0; padding: 0; list-style: none; }
.public-server-status li { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.public-server-status strong { font-size: .68rem; }
.server-status-label { font-size: .64rem; color: #e5c16e; }
.server-status-led { display: inline-block; flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: #e5b74e; box-shadow: 0 0 6px #e5b74e66; }
[data-state="online"] .server-status-led { background: #46e59c; box-shadow: 0 0 7px #46e59c88; animation: wsp4-switch-led 2.3s steps(1,end) infinite; }
[data-state="online"] .server-status-label { color: #90e7bd; }
[data-state="offline"] .server-status-led { background: #ff5865; box-shadow: 0 0 7px #ff586577; }
[data-state="offline"] .server-status-label { color: #ffadb5; }
.public-server-status li:nth-child(2) .server-status-led { animation-delay: -.6s; }
.public-server-status li:nth-child(3) .server-status-led { animation-delay: -1.4s; }
.public-server-status li:nth-child(4) .server-status-led { animation-delay: -1.9s; }
.server-status-note { color: #8fa5ba; font-size: .59rem; }
@keyframes wsp4-switch-led { 0%, 45%, 58%, 100% { opacity: 1; } 50%, 55% { opacity: .38; } }
@media (max-width: 760px) {
  .header-utility { align-items: flex-start; padding-inline: 16px; }
  .header-activity { min-width: 0; flex: 1; gap: 3px 12px; }
  .public-server-status { width: 100%; }
  .public-server-status ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px 12px; width: 100%; }
  .public-server-status strong { font-size: .61rem; }
  .server-status-label { font-size: .58rem; }
  .header-contacts { padding-top: 7px; }
  .header-contacts > a { font-size: .59rem; }
}
@media (max-width: 420px) { .header-utility { flex-wrap: wrap; } .header-contacts { padding-top: 0; padding-bottom: 5px; } .header-activity { flex-basis: 100%; } }
@media (prefers-reduced-motion: reduce) { [data-state="online"] .server-status-led { animation: none; } }