/* ── SERVERS ─────────────────────────────────────────── */
.servers-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:10px }
.server-card {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--r-lg); padding:14px;
  display:flex; flex-direction:column; gap:10px;
  transition:all var(--t);
}
.server-card:hover { border-color:rgba(155,109,255,.2); transform:translateY(-1px); box-shadow:0 4px 20px rgba(0,0,0,.3) }
.server-top { display:flex; align-items:center; gap:12px }
.server-icon {
  width:42px; height:42px; border-radius:9px;
  background:var(--surface2); flex-shrink:0; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
img.server-icon { width:42px; height:42px; object-fit:cover; display:block; border-radius:9px; max-width:42px; max-height:42px }
.server-icon.fallback { font-size:15px; font-weight:700; color:var(--text2) }
.server-top > div:not(.server-icon) > strong { font-size:13px; font-weight:600; color:var(--text); display:block; margin-bottom:1px }
.server-card .action-row { margin-top:2px }