/* Server-only ranking and batch status UI; no gestures capture page scrolling. */
.server-online-panel{margin-bottom:22px;min-width:0;overflow:hidden}
.server-online-panel>.panel-title{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.server-online-note{font-size:11px;color:#94b2c6;margin:8px 0 0;line-height:1.7}
.server-online-controls,.server-online-modes{display:flex;align-items:center;gap:8px}
.server-online-modes{padding:4px;background:#091c2b;border:1px solid #4a72894d;border-radius:10px}
.server-online-modes button{padding:9px 15px;border-radius:7px;color:#b6cdda;background:transparent;font-size:12px;min-height:36px}
.server-online-modes button[aria-pressed=true]{color:#073b37;background:#7ce2cf;font-weight:600;box-shadow:0 2px 9px #06141c40}
.server-online-heading{padding:0 22px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);color:#adcadb;font-size:12px}
.server-online-heading>span{display:flex;align-items:center;gap:8px}.server-online-heading i{width:7px;height:7px;border-radius:50%;background:#54dabb;box-shadow:0 0 9px #54dabb70}.server-online-heading strong{font:27px var(--mono);color:#8eedd6;margin-left:5px}.server-online-heading>small{font-size:10px;color:#91adc0}
.server-online-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.45fr);gap:22px;padding:22px;min-width:0}
.server-online-body>.empty{grid-column:1/-1}.server-online-stage{min-width:0;background:radial-gradient(ellipse at 50% 90%,#3bdbc315,transparent 72%);border-radius:10px}
.server-online-chart{padding:18px 18px 8px 6px;grid-auto-columns:minmax(66px,1fr);gap:20px;overscroll-behavior-x:contain}
.server-online-chart .column-space{height:173px}.server-online-chart .column-prism{width:32px;background-color:var(--bar-color);background-image:linear-gradient(90deg,transparent,#10294188);animation:columnGrow .7s ease-out both;animation-delay:calc(var(--column-order)*50ms)}
.server-online-chart .column-prism>i{position:absolute;left:2px;right:2px;top:15%;height:2px;background:#ffffff90;box-shadow:0 0 9px #ffffff80;animation:onlineRankShine 5s ease-in-out infinite;animation-delay:calc(var(--column-order)*-.6s);pointer-events:none}
.server-online-chart .volume-column{border-radius:7px}.server-online-chart .volume-column:focus-visible,.server-online-ranking button:focus-visible{outline:2px solid #6cdbc4;outline-offset:2px}
.server-online-chart .volume-column:disabled,.server-online-ranking button:disabled{opacity:1;cursor:default}.server-online-chart .volume-column>strong{font-size:17px}.server-online-chart .volume-column>strong small{font:10px var(--font)}
.server-online-chart .column-label{font-size:11px;min-height:36px;max-height:56px;overflow:hidden}.server-online-stage>p{font-size:10px;color:#8daabd;text-align:center;line-height:1.7;margin:12px 0 0}
.server-online-ranking{list-style:none;padding:0 10px 0 0;margin:0;max-height:302px;overflow-y:auto;scrollbar-width:thin;border-left:1px solid var(--line)}
.server-online-ranking button{display:flex;align-items:center;text-align:left;gap:12px;width:100%;padding:12px;background:transparent;color:#d2e5ee;border-bottom:1px solid var(--line);min-height:58px}.server-online-ranking button:hover:not(:disabled){background:#80d2cc0d}
.online-rank-number{font:12px var(--mono);color:#91aabd;width:24px;flex-shrink:0}.server-online-ranking li:nth-child(-n+3) .online-rank-number{color:#69d9c5}.online-rank-name{min-width:0;overflow-wrap:anywhere;font-size:12px;line-height:1.5}.server-online-ranking strong{margin-left:auto;text-align:right;font:17px var(--mono);flex-shrink:0}.server-online-ranking strong>small{display:block;font-size:10px;color:#90adc0;margin-top:5px}
@keyframes onlineRankShine{0%,100%{top:15%;opacity:.25}50%{top:80%;opacity:.8}}
.motion-paused .server-online-chart .column-prism>i{animation-play-state:paused!important}
.server-toolbar{flex-wrap:wrap}.server-toolbar .search-box{min-width:200px;flex:1 1 240px}.server-toolbar select{max-width:220px;flex:1 1 130px;min-width:0}.server-selection input,.server-table [data-server-select]{width:19px;height:19px;cursor:pointer}.server-table td:nth-child(2){min-width:50px}
.server-bulk-modal{width:min(620px,calc(100vw - 28px));max-height:90vh;max-height:90dvh;overflow-y:auto}.server-bulk-preview{max-height:240px;overflow-y:auto;border:1px solid var(--line);border-radius:9px;margin:16px 0}.server-bulk-preview>div{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:11px 13px;border-bottom:1px solid var(--line)}.server-bulk-preview>div:last-child{border-bottom:0}.server-bulk-preview>div>span:first-child{min-width:0}.server-bulk-preview b{font:12px/1.6 var(--mono);white-space:pre-line;overflow-wrap:anywhere;color:#d0e5ef}.server-bulk-preview small{display:block;color:#98b3c6;font-size:11px;line-height:1.7;overflow-wrap:anywhere;margin-top:4px}
.server-bulk-target{display:grid;gap:9px;font-size:13px;color:#c7dfeb}.server-bulk-target input{width:100%;box-sizing:border-box;padding:12px;border-radius:8px;background:#0d2031;border:1px solid #55798e;color:#dcedf5;font-size:14px}.server-bulk-target input:focus{outline:2px solid #54b5a2;outline-offset:1px}.server-bulk-modal .dialog-footer{position:sticky;bottom:-24px;padding:16px 0;background:#102234;z-index:1;gap:10px;flex-wrap:wrap}
body[data-theme=light] .server-online-note,body[data-theme=light] .server-online-heading,body[data-theme=light] .server-online-heading>small,body[data-theme=light] .server-online-stage>p,body[data-theme=light] .online-rank-number,body[data-theme=light] .server-online-ranking strong>small{color:#526d80}
body[data-theme=light] .server-online-heading strong{color:#087d6e}body[data-theme=light] .server-online-modes{background:#e7eff5;border-color:#bfd1dd}body[data-theme=light] .server-online-modes button{color:#375366}body[data-theme=light] .server-online-modes button[aria-pressed=true]{color:white;background:#087d73;box-shadow:none}body[data-theme=light] .server-online-ranking button{color:#203e52}body[data-theme=light] .server-online-ranking li:nth-child(-n+3) .online-rank-number{color:#087d73}
body[data-theme=light] .server-bulk-preview b,body[data-theme=light] .server-bulk-target{color:#24455a}body[data-theme=light] .server-bulk-preview small{color:#556d7e}body[data-theme=light] .server-bulk-target input{background:white;color:#24455a;border-color:#a9bfce}body[data-theme=light] .server-bulk-modal .dialog-footer{background:#f7fafc}
@media(max-width:1100px){.server-online-body{grid-template-columns:minmax(0,1fr)}.server-online-ranking{border-left:0;border-top:1px solid var(--line);max-height:245px}}
@media(max-width:600px){.server-online-panel>.panel-title{padding:18px 16px;gap:12px}.server-online-controls{justify-content:space-between;width:100%}.server-online-heading{padding:0 16px 15px}.server-online-body{padding:16px;gap:16px}.server-online-chart{grid-auto-columns:66px;gap:20px}.server-online-ranking button{padding:12px 6px}.server-selection #serverBulkStatus{min-height:42px}.server-selection a{flex-basis:100%}.server-toolbar select{max-width:none;flex-basis:40%}.server-bulk-modal{padding:20px 16px}.server-bulk-modal .dialog-head h2{font-size:19px}.server-bulk-modal .dialog-footer{bottom:-20px}.server-bulk-modal .dialog-footer .primary-btn{flex:1;min-height:44px}.server-bulk-preview{max-height:28vh}.server-bulk-target input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.server-online-chart .column-prism,.server-online-chart .column-prism>i{animation:none!important}}