#seafix-demo .sf-settings-page > .sf-crew-add {
  margin: 0 0 22px; padding: 10px 15px; min-height: 40px; border-radius: 8px;
  background: var(--sf-settings-blue); color: #fff; font-size: 13px; font-weight: 550;
}
#seafix-demo .sf-settings-page[data-screen="admin"] > .sf-screen-title h2 { font-size: clamp(22px, 2.1vw, 26px); }
#seafix-demo .sf-position-options .sf-profile-form { padding-top: 2px; }
#seafix-demo .sf-position-actions { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-top: 20px; }
#seafix-demo .sf-position-actions .sf-primary-action { margin: 0; }
#seafix-demo #sf-position-delete { color: var(--sf-danger); }
#seafix-demo .sf-position-options :is(button, input, select):disabled { cursor: default; opacity: .55; }
#seafix-demo .sf-position-options .sf-settings-summary-copy { align-items: center; }
@media (max-width: 479px) {
  #seafix-demo .sf-settings-page > .sf-crew-add { width: 100%; }
  #seafix-demo .sf-position-actions { flex-wrap: wrap; }
  #seafix-demo .sf-position-actions .sf-primary-action { margin-left: auto; }
}

/* Shared feedback belongs beside the field that needs the vessel catalog. */
#seafix-demo .sf-position-state { margin: 8px 0 14px; font-size: 13px; line-height: 1.45; color: var(--sf-muted); }
#seafix-demo .sf-position-state[hidden], #seafix-demo .sf-position-state button[hidden] { display: none; }
#seafix-demo .sf-position-state p { margin: 0; }
#seafix-demo .sf-position-state.is-error { color: var(--sf-danger); }
#seafix-demo .sf-position-state button {
  min-height: 40px; margin-top: 4px; padding: 6px 0; border: 0; background: transparent;
  color: var(--sf-primary); font: inherit; font-weight: 600; cursor: pointer;
}