/* Native work-command fields share the existing input theme, with local form layout. */
.appointment-native-form {
  min-width: 0;
}

.appointment-native-form > fieldset {
  display: grid;
  min-width: 0;
  gap: var(--admin-space-5);
  margin: var(--admin-space-3) 0;
  padding: 0;
  border: 0;
}

.appointment-native-form > fieldset > .el-button { justify-self: start; }

.appointment-native-form label:has(> :is(input, select, textarea, .el-date-editor)) {
  display: grid;
  min-width: 0;
  gap: var(--admin-space-2);
  overflow-wrap: anywhere;
}

.appointment-native-form label > :is(.workbench-input, .el-date-editor) {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.appointment-native-form label > textarea {
  resize: vertical;
}

.appointment-native-form label:has(> input[type='checkbox']) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.appointment-native-form .appointment-form-actions {
  position: sticky;
  z-index: 1;
  bottom: 0;
  padding-block: var(--admin-space-3);
  border-top: 1px solid var(--workbench-border);
  background: var(--workbench-surface);
}