.server-check-panel{margin-top:20px;scroll-margin-top:92px}
.server-check-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.server-check-head>div{min-width:0}
.server-check-head p{max-width:720px;margin:8px 0 0}
.server-check-head .btn{flex:0 0 auto}
.server-check-meta{margin-top:14px}
.server-check-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.server-check-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:42px;padding:8px 10px;background:var(--surf2);box-shadow:inset 0 0 0 2px var(--line)}
.server-check-name{display:flex;align-items:center;min-width:0;color:var(--ink);font-family:var(--f-text);font-size:21px;overflow-wrap:anywhere}
.server-check-flag{flex:0 0 auto;margin-right:8px;font-family:var(--f-text)}
/* NODE_GEO_20260922: пиксельный флаг узла (SVG 16x11); глобус — без рамки флага */
.server-check-flag.px-flag{display:block;width:24px;height:16.5px;image-rendering:pixelated;box-shadow:0 0 0 1px #00000066}
.server-check-flag.px-globe{box-shadow:none}
/* EU_FLAGS_20260926: флаг колышется, как в мини-приложении — столбец сдвигается на клетку */
.px-wave g{animation:pxWave 1.3s infinite;animation-timing-function:steps(1,end)}
@keyframes pxWave{0%,100%{transform:translateY(0)}25%{transform:translateY(-1px)}50%{transform:translateY(0)}75%{transform:translateY(1px)}}
@media (prefers-reduced-motion:reduce){.px-wave g{animation:none}}
.server-check-status{display:inline-flex;align-items:center;white-space:nowrap;color:var(--ink);font-size:18px}
.server-check-status .led{margin-right:7px}
.server-check-row small{color:var(--dim);font-size:16px;white-space:nowrap;text-align:right}
.server-check-message{margin:0;padding:10px 12px;background:var(--surf2);box-shadow:inset 0 0 0 2px var(--line);font-size:18px}
.server-check-message-error{color:var(--red)}
.server-check-spinner{display:inline-block;width:10px;height:10px;margin-right:9px;background:var(--gold);box-shadow:0 0 8px var(--gold);animation:serverCheckBlink .7s steps(2,end) infinite}
@keyframes serverCheckBlink{50%{opacity:.28}}
@media(max-width:560px){
  .server-check-head{display:block}
  .server-check-head .btn{width:100%;margin-top:14px}
  .server-check-row{grid-template-columns:minmax(0,1fr) auto}
  .server-check-row small{grid-column:1/-1;text-align:left;padding-left:16px;margin-top:-5px}
}

.server-check-status .server-led-offline{background:var(--red);box-shadow:0 0 10px var(--red)}
/* SERVER_CHECK_REVEAL_20260926 */
.server-check-panel.reveal{animation:serverCheckIn .35s cubic-bezier(.22,1,.36,1);transform-origin:top center}
@keyframes serverCheckIn{from{opacity:0;transform:translateY(-14px) scaleY(.92)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.server-check-panel.reveal{animation:none}}
