.server-shortcut-list { container-type:inline-size; }
.server-shortcut-list .server-shortcut-row { grid-template-columns:16px minmax(0,.9fr) minmax(0,1.1fr) auto 44px; gap:10px; min-height:60px; padding:8px 0; }
.server-shortcut-name,.server-shortcut-host { min-width:0; overflow-wrap:anywhere; }
.server-shortcut-host { font-size:12px; }
.server-shortcut-row > .server-shortcut-host { display:block; }
.server-shortcut-row > .badge { justify-self:end; }
.server-shortcut-row > .server-listmonk-link { display:grid; place-items:center; width:40px; min-height:40px; padding:9px; border-color:#d2e1f6; border-radius:10px; color:var(--blue-600); justify-self:end; text-decoration:none; }
.server-shortcut-row > a.server-listmonk-link:hover { background:#eef5ff; border-color:#9bbdf5; }
.server-shortcut-row > button.server-listmonk-link:disabled { color:#a7b4c6; border-color:#e8edf4; background:#f7f9fc; cursor:not-allowed; }
@container (max-width:500px) {
  .server-shortcut-list .server-shortcut-row { grid-template-columns:16px minmax(0,1fr) auto 44px; row-gap:4px; min-height:73px; }
  .server-shortcut-row > .status-dot { grid-column:1; grid-row:1; }
  .server-shortcut-row > .server-shortcut-name { grid-column:2; grid-row:1; }
  .server-shortcut-row > .server-shortcut-host { grid-column:2/4; grid-row:2; }
  .server-shortcut-row > .badge { grid-column:3; grid-row:1; }
  .server-shortcut-row > .server-listmonk-link { grid-column:4; grid-row:1/3; }
}
@media(pointer:coarse) {
  .server-shortcut-row > .server-listmonk-link { width:44px; min-height:44px; }
}