.srv-monitor{--srv-monitor-bg: var(--shop-surface, #141414);--srv-monitor-row-bg: transparent;--srv-monitor-text: var(--shop-text, #f2f2f2);--srv-monitor-muted: var(--shop-text-muted, #8a8a8a);--srv-monitor-tags: color-mix(in srgb, var(--shop-text-muted, #989898) 88%, transparent);--srv-monitor-line: var(--line, rgba(255, 255, 255, .11));--srv-monitor-dot-off: color-mix(in srgb, var(--shop-text-muted, #989898) 42%, transparent);--srv-monitor-dot-on: color-mix(in srgb, var(--status-success, #47c466) 72%, var(--shop-text-muted, #989898));box-sizing:border-box;display:flex;flex-direction:column;background:var(--srv-monitor-bg);color:var(--srv-monitor-text);font-family:Roboto Condensed,Inter,-apple-system,Roboto,Helvetica,sans-serif}body.theme-light .srv-monitor{--srv-monitor-bg: var(--card-surface);--srv-monitor-row-bg: transparent;--srv-monitor-text: var(--ink);--srv-monitor-muted: var(--ink-muted);--srv-monitor-tags: color-mix(in srgb, var(--ink-muted) 90%, transparent);--srv-monitor-line: var(--line);--srv-monitor-dot-off: color-mix(in srgb, var(--ink-muted) 42%, transparent);--srv-monitor-dot-on: #3f8f5a}.srv-monitor--banner{flex:0 0 360px;width:360px;min-width:0;height:280px;border-left:1px solid var(--srv-monitor-line)}.srv-monitor--sidebar{width:100%;border:1px solid var(--srv-monitor-line)}.srv-monitor__list{flex:1 1 auto;min-height:0;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;overflow:hidden}.srv-monitor--banner .srv-monitor__list{height:100%}.srv-monitor__row{position:relative;margin:0;padding:0;flex:1 1 0;min-height:47px;background:var(--srv-monitor-row-bg);border-bottom:1px solid var(--srv-monitor-line);overflow:hidden;cursor:default}.srv-monitor--actions .srv-monitor__row:not(.is-skeleton){cursor:default}.srv-monitor--sidebar .srv-monitor__row{flex:none;min-height:48px}.srv-monitor__row:last-child{border-bottom:none}.srv-monitor__row.is-skeleton{cursor:default}.srv-monitor__row.is-offline{opacity:.5}.srv-monitor__row:not(.is-skeleton):active{background:color-mix(in srgb,var(--shop-hover-bg, #202126) 18%,transparent)}.srv-monitor__body{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:0 10px;padding:0 14px;box-sizing:border-box}.srv-monitor__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--srv-monitor-dot-off)}.srv-monitor__dot.is-on{background:var(--srv-monitor-dot-on)}.srv-monitor__info{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px;line-height:1.12;padding:4px 0}.srv-monitor__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;letter-spacing:0;color:var(--srv-monitor-text)}.srv-monitor__tags{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400;color:var(--srv-monitor-tags)}.srv-monitor__progress{width:min(100%,168px);height:2px;margin-top:5px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--shop-text-muted, #989898) 22%,transparent)}.srv-monitor__progress-fill{display:block;height:100%;min-width:0;border-radius:inherit;background:color-mix(in srgb,var(--shop-text, #fff) 52%,var(--shop-text-muted, #989898));transition:width .6s cubic-bezier(.22,1,.36,1)}.srv-monitor__players{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--srv-monitor-muted);white-space:nowrap;transition:opacity .15s ease}.srv-monitor__aside{position:relative;display:flex;align-items:center;justify-content:flex-end;min-width:84px;height:100%}.srv-monitor__actions{position:absolute;right:0;top:50%;display:flex;align-items:center;gap:1px;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity .15s ease}.srv-monitor--actions .srv-monitor__row:not(.is-skeleton):hover .srv-monitor__actions{opacity:1;pointer-events:auto}.srv-monitor--actions .srv-monitor__row:not(.is-skeleton):hover .srv-monitor__players{opacity:0}.srv-monitor--actions .srv-monitor__row:not(.is-skeleton):hover{background:color-mix(in srgb,var(--shop-hover-bg, #202126) 22%,transparent)}.srv-monitor__action{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:transparent;color:var(--srv-monitor-muted);cursor:pointer;text-decoration:none;padding:0;flex-shrink:0;transition:color .15s ease,background .15s ease}.srv-monitor__action:hover:not(:disabled){color:var(--srv-monitor-text);background:#ffffff0f}.srv-monitor__action--connect:hover:not(:disabled){color:color-mix(in srgb,var(--status-success, #47c466) 70%,var(--srv-monitor-text));background:color-mix(in srgb,var(--status-success, #47c466) 10%,transparent)}.srv-monitor__action:disabled{opacity:.35;cursor:default;pointer-events:none}.srv-monitor__sk-dot,.srv-monitor__sk-name,.srv-monitor__sk-tags,.srv-monitor__sk-count{display:block;border-radius:3px;background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;animation:srv-monitor-shimmer 3s ease-in-out infinite}.srv-monitor__sk-dot{width:6px;height:6px;border-radius:50%}.srv-monitor__sk-name{width:min(120px,72%);height:10px}.srv-monitor__sk-tags{width:min(168px,94%);height:8px}.srv-monitor__sk-count{width:40px;height:10px}.srv-monitor__row.is-skeleton .srv-monitor__body{grid-template-columns:8px minmax(0,1fr) auto;grid-template-rows:auto auto;row-gap:5px;align-items:center}.srv-monitor__row.is-skeleton .srv-monitor__sk-dot{grid-row:1 / span 2}.srv-monitor__row.is-skeleton .srv-monitor__sk-name{grid-column:2;grid-row:1}.srv-monitor__row.is-skeleton .srv-monitor__sk-tags{grid-column:2;grid-row:2}.srv-monitor__row.is-skeleton .srv-monitor__sk-count{grid-row:1 / span 2}@keyframes srv-monitor-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.srv-monitor__sk-dot,.srv-monitor__sk-name,.srv-monitor__sk-tags,.srv-monitor__sk-count{animation:none}}@media (max-width: 980px){.srv-monitor--banner{flex:none;width:100%;height:280px;border-left:none;border-top:1px solid var(--srv-monitor-line)}.srv-monitor--banner .srv-monitor__list{overflow-y:auto}}@media (hover: none){.srv-monitor--actions .srv-monitor__actions{position:static;transform:none;opacity:1;pointer-events:auto}.srv-monitor--actions .srv-monitor__players{display:none}.srv-monitor--actions .srv-monitor__aside{min-width:74px}}