.custom-fields-settings, .custom-fields-editor { min-width: 0; }
.custom-fields-settings > p { max-width: 76ch; }
.custom-definition { min-width: 0; border: 1px solid var(--line); border-radius: 12px; padding: 1rem; margin-block: 1rem; }
.custom-definition[data-archived="1"] { border-style: dashed; }
.custom-definition legend { max-width: 100%; padding-inline: .4rem; font-weight: 700; }
.custom-definition legend .tag { margin-inline-start: .5rem; }
.custom-definition-grid, .custom-fields-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.custom-definition-grid label, .custom-fields-grid label { min-width: 0; overflow-wrap: anywhere; }
.custom-definition-grid input, .custom-definition-grid select, .custom-definition-grid textarea, .custom-fields-grid input, .custom-fields-grid select { min-width: 0; max-width: 100%; }
.custom-options { grid-column: 1 / -1; }
.custom-field-actions { flex-wrap: wrap; gap: .5rem; }
.custom-fields-preview { border: 1px solid var(--line); border-radius: 12px; background: var(--bg); padding: 1rem; margin-block: 1rem; min-width: 0; }
.custom-fields-preview h3 { margin-block-start: 0; }
.custom-field-values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.custom-field-values > div { min-width: 0; }
.custom-field-values dt { color: var(--muted); font-size: .85rem; }
.custom-field-values dd { margin: .25rem 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.custom-fields-archived { margin-block-start: 1rem; }
@media (max-width: 600px) {
  .custom-definition-grid, .custom-fields-grid, .custom-field-values { grid-template-columns: minmax(0, 1fr); }
  .custom-definition { padding: .8rem; }
  .custom-field-actions button { flex: 1 1 auto; min-height: 44px; }
}