.monitor-server-current { display:flex; align-items:center; gap:12px; padding:0 0 16px; margin-bottom:16px; border-bottom:1px solid #454b4e; }
.monitor-server-current-copy { flex:1; min-width:0; }
.monitor-server-current strong, .monitor-server-current small { display:block; overflow-wrap:anywhere; }
.monitor-server-current strong { font-size:.95rem; color:#fff; }
.monitor-server-current small { margin-top:4px; font-size:.8rem; color:#bdc9cc; }
.monitor-server-catalog-status { display:block; margin-top:5px; font-size:.75rem; font-weight:400; color:#bdc9cc; overflow-wrap:anywhere; }
.monitor-server-open { flex-shrink:0; min-height:46px; padding:8px 12px; border:1px solid #77939f; border-radius:8px; background:#314b58; color:#fff; font:inherit; font-size:.85rem; font-weight:700; cursor:pointer; }
.monitor-server-modal { position:fixed; inset:0; z-index:3200; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(0,0,0,.72); }
.monitor-server-modal[hidden] { display:none; }
.monitor-server-panel { display:flex; flex-direction:column; width:min(740px,100%); max-height:calc(100vh - 32px); min-height:0; overflow:hidden; background:#242729; color:#fff; border:1px solid #51575a; border-radius:12px; box-shadow:0 18px 45px rgba(0,0,0,.5); }
.monitor-server-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px; flex-shrink:0; border-bottom:1px solid #454b4e; }
.monitor-server-heading h2 { font-size:1.2rem; line-height:1.3; margin:0; }
.monitor-server-close { width:44px; height:44px; border:1px solid #60686c; border-radius:8px; background:#373d40; color:#fff; font:inherit; font-size:1.4rem; cursor:pointer; flex-shrink:0; }
.monitor-server-list { padding:16px; overflow-y:auto; min-height:0; }
.monitor-server-group + .monitor-server-group { margin-top:20px; }
.monitor-server-group h3 { font-size:1rem; font-weight:700; margin:0 0 10px; }
.monitor-server-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.monitor-server-option { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:6px; min-height:78px; min-width:0; padding:10px 12px; border:2px solid #58666c; border-radius:8px; background:#343c40; color:#fff; font:inherit; text-align:left; cursor:pointer; }
.monitor-server-option strong { font-size:.95rem; line-height:1.2; }
.monitor-server-option small { color:#cfdbdf; font-size:.78rem; line-height:1.3; overflow-wrap:anywhere; }
.monitor-server-option[aria-current="true"] { background:#145c4c; border-color:#66d5b3; }
.monitor-server-option:active { transform:scale(.98); }
.monitor-server-option:focus-visible, .monitor-server-open:focus-visible, .monitor-server-close:focus-visible { outline:2px solid #fff; outline-offset:2px; }
.monitor-server-error { margin:0 16px 16px; color:#ffe0d7; background:#803c31; border-radius:6px; padding:12px; font-size:.9rem; }
.monitor-server-error:empty { display:none; }
@media(max-width:480px) {
    .monitor-server-current { gap:8px; }
    .monitor-server-current strong { font-size:.85rem; }
    .monitor-server-open { padding:8px; font-size:.8rem; }
    .monitor-server-list, .monitor-server-heading { padding:12px; }
    .monitor-server-option { padding:10px 8px; }
    .monitor-server-option strong { font-size:.85rem; }
    .monitor-server-option small { font-size:.72rem; }
}