.user-edit-dialog { width: min(620px, calc(100% - 30px)); }
.user-edit-dialog h3 { margin: 8px 0 4px; }
.user-edit-role { margin: 0 0 4px; font-size: 13px; }
.user-edit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.user-edit-grid label { margin-top: 16px; }
.user-edit-grid .wide { grid-column: 1 / -1; }
.user-edit-grid .optional { color: var(--muted); font-weight: 400; }
.user-edit-grid small { color: var(--muted); font-weight: 400; }

@media (max-width: 600px) {
  .user-edit-dialog { padding: 20px; }
  .user-edit-grid { grid-template-columns: 1fr; }
  .user-edit-grid .wide { grid-column: auto; }
}