.server-workspace {
  width: min(1120px, 100%);
  margin: 0 auto;
  padding: 32px;
}
.workspace-header, .workspace-person {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.workspace-header h1 { font-size: clamp(28px, 4vw, 38px); }
.workspace-nav, .workspace-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0;
}
.workspace-nav [aria-current="page"], .workspace-nav [aria-current="page"]:hover:not(:disabled) { background: var(--forest); color: var(--on-action, white); }
.workspace-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
  gap: 16px;
  margin: 20px 0 32px;
}
.workspace-card { padding: 22px; overflow-wrap: anywhere; }
.workspace-card h3 { margin-bottom: 12px; }
.workspace-person, .workspace-poll-option { padding: 16px 0; border-bottom: 1px solid var(--line); }
.workspace-person button, .workspace-poll-option button { margin: 4px; }
.server-workspace form { display: grid; gap: 14px; max-width: 600px; }
.server-workspace label { display: grid; gap: 6px; font-size: 14px; }
.server-workspace input, .server-workspace select {
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--ink);
  background: var(--paper);
  min-width: 0;
}
.server-workspace input[type="checkbox"] { justify-self: start; width: 20px; height: 20px; }
.workspace-feedback { min-height: 26px; }
.workspace-feedback[role="alert"] { color: var(--danger, #ad3636); }
.workspace-editor { padding: 24px; border: 2px solid var(--forest); border-radius: 12px; margin: 24px 0; }
.server-workspace footer { position: static; margin-top: 32px; }
@media (max-width: 600px) {
  .server-workspace { padding: 20px 14px; }
  .workspace-header, .workspace-person { align-items: flex-start; flex-direction: column; }
  .workspace-editor { padding: 16px; }
}