/* Additions only. Frozen app.css owns all existing component dimensions/styles. */
.server-tools{display:flex;align-items:center;gap:5px;flex:none;padding:0 3px}
.server-tools .tb{font-size:10px;padding:3px 7px;min-height:24px;align-self:center}
.server-person{display:inline-grid;place-items:center;width:21px;height:21px;border:1px solid var(--line);border-radius:50%;font-size:9px;background:var(--surface);color:var(--muted)}
.server-dialog{width:min(520px,calc(100vw - 32px))}
.server-dialog textarea{min-height:110px;resize:vertical}
.server-check{display:flex;gap:8px;align-items:start;font-size:11px;color:var(--text)}
.server-input-review .server-check input{width:auto;flex:none}
.server-input-review .server-check span{min-width:0;overflow-wrap:anywhere}
.server-output-choice{display:block;max-width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere}
.server-output-choice[aria-pressed="true"]{border-color:var(--brand);font-weight:600}
/* Native text fields use width:100%; MCP checkboxes keep their intrinsic size. */
.server-mcp-dialog .server-check input[type="checkbox"]{width:auto;flex:none}
.server-note{font-size:11px;color:var(--muted);line-height:1.55;margin:0}
.server-connection{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.server-connection strong{font-size:12px;display:block}.server-connection small{font-size:10px;color:var(--muted)}
.server-connection .secondary{font-size:10px;padding:6px 8px}
.server-lock{font-size:9px;color:var(--muted)}
.server-card-note{font-size:10px;color:var(--muted);padding:3px 0}
.server-conflict{margin:8px 0 0;padding:10px;border:1px solid #e6c3a0;background:#fff8ef;border-radius:7px;font-size:11px;color:#875c2c}
.server-conflict button{font-size:10px;margin:8px 6px 0 0}
@media(max-width:850px){.server-tools .server-person{display:none}.server-tools .tb{font-size:9px;padding:3px 4px}}
