.server-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.server-toolbar>div{display:grid;gap:3px}.server-toolbar span{color:var(--muted);font-size:13px}.server-stats{margin-bottom:20px}.server-list{display:grid;gap:10px}.server-row{position:relative;width:100%;display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(4,minmax(105px,.65fr)) auto 20px;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.025);transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.server-row:hover{border-color:var(--line-strong);background:var(--surface-2);transform:translateY(-1px)}.server-title{display:flex;align-items:center;gap:12px;min-width:0}.server-title>span:last-child{display:grid;min-width:0}.server-title strong{font-size:16px}.server-title small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-row-metric{display:grid;gap:2px;min-width:0}.server-row-metric small{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.server-row-metric strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.server-row-arrow{color:var(--muted);font-size:25px;line-height:1}.server-health{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#999;box-shadow:0 0 0 5px color-mix(in srgb,#999 13%,transparent)}.server-health-online{background:#16803c;box-shadow:0 0 0 5px color-mix(in srgb,#16803c 13%,transparent)}.server-health-warning,.server-health-maintenance{background:#c58a00;box-shadow:0 0 0 5px color-mix(in srgb,#c58a00 13%,transparent)}.server-health-offline{background:#c33232;box-shadow:0 0 0 5px color-mix(in srgb,#c33232 13%,transparent)}.badge-online{background:#edf8f0;color:#16803c;border-color:#9fd7ae}.badge-offline{background:#fff2f2;color:#b42323;border-color:#e8aaaa}.badge-warning,.badge-maintenance,.badge-pending{background:#fff8e6;color:#8a6200;border-color:#d9c58b}[data-theme="dark"] .badge-online{background:#12341e;color:#6dd58c;border-color:#286b3c}[data-theme="dark"] .badge-offline{background:#381818;color:#ff9999;border-color:#7e3030}[data-theme="dark"] .badge-warning,[data-theme="dark"] .badge-maintenance,[data-theme="dark"] .badge-pending{background:#3a2b0b;color:#e6c76c;border-color:#80621f}.server-detail-dialog,.server-connect-dialog{width:min(760px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto}.server-detail-dialog .modal-inner,.server-connect-dialog .modal-inner{min-width:0}.server-detail-dialog .field,.server-connect-dialog .field{min-width:0}.server-detail-dialog input,.server-detail-dialog select,.server-connect-dialog input,.server-connect-dialog select{min-width:0}.server-detail-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.server-detail-summary>div{display:grid;gap:3px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);min-width:0}.server-detail-summary span{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.server-detail-summary strong{overflow-wrap:anywhere}.server-edit-form{padding-top:18px;border-top:1px solid var(--line)}.server-edit-form .form-grid{gap:14px}.server-refresh-form{margin-top:10px}.server-key-note{margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:12px;overflow-wrap:anywhere}.server-error{margin:0 0 16px;padding:11px 13px;border:1px solid #e8aaaa;border-radius:9px;background:#fff2f2;color:#b42323;overflow-wrap:anywhere}[data-theme="dark"] .server-error{border-color:#7e3030;background:#381818;color:#ff9999}.server-empty{margin-top:10px}@media(max-width:1100px){.server-row{grid-template-columns:minmax(220px,1.4fr) repeat(2,minmax(100px,.7fr)) auto 20px}.server-row-metric:nth-of-type(4),.server-row-metric:nth-of-type(5){display:none}}@media(max-width:900px){.server-toolbar{align-items:flex-start;flex-direction:column}.server-toolbar .button{width:100%}.server-row{grid-template-columns:1fr 1fr;gap:10px 14px}.server-title{grid-column:1/-1}.server-row .badge{justify-self:start}.server-row-arrow{position:absolute;right:30px}.server-detail-summary{grid-template-columns:1fr 1fr}}@media(max-width:620px){.server-stats{grid-template-columns:1fr 1fr}.server-row{grid-template-columns:1fr;padding:15px}.server-title,.server-row-metric,.server-row .badge{grid-column:auto}.server-row-metric:nth-of-type(4),.server-row-metric:nth-of-type(5){display:grid}.server-row-arrow{display:none}.server-detail-summary,.server-detail-dialog .form-grid,.server-connect-dialog .form-grid{grid-template-columns:1fr}.server-detail-dialog .field.full,.server-connect-dialog .field.full{grid-column:auto}.server-detail-dialog .form-actions,.server-connect-dialog .form-actions{align-items:stretch;flex-direction:column}.server-detail-dialog .form-actions .button,.server-connect-dialog .form-actions .button,.server-refresh-form .button{width:100%}}