/* Shared by the Collection and curator forms; use the active brand palette. */
.md-parent-card,
.parent-selected-box,
.md-specimen-card {
  color: var(--c-on-surface);
  min-width: 0;
  overflow-wrap: anywhere;
}

.md-parent-card > div:first-child,
.parent-selected-box > div {
  flex-wrap: wrap;
  gap: var(--space-2);
}

.md-repeatable-field {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  flex: 1 1 160px;
  min-width: 0;
  max-width: 100%;
}

.md-link-row .md-repeatable-field .md-input,
.md-repeatable-field .md-input,
.md-repeatable-field .md-select {
  min-width: 0;
  max-width: 100%;
}

.md-repeatable-row,
.md-link-row {
  min-width: 0;
  max-width: 100%;
}

.md-parent-card .md-btn,
.md-repeatable-row .md-btn,
.md-link-row .md-btn,
.md-specimen-card .md-btn {
  min-height: 44px;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

.md-parent-card .md-badge {
  max-width: 100%;
  white-space: normal;
}

.md-parent-card .md-input,
.md-parent-card .md-select {
  min-width: 0;
}

.md-parent-card .md-btn--text,
.md-specimen-card .md-btn--text {
  background: transparent;
  color: var(--c-primary);
}

.md-specimen-card .record-menu [role="menu"] {
  background: var(--c-surface);
  border-color: var(--c-outline-variant);
}
