.aum-field-row {
  border: 1px solid #dcdcde; border-radius: 4px; background: #fff;
  margin-bottom: 8px;
}
.aum-field-row.is-dragging { opacity: .45; }
.aum-field-row.is-over { border-color: #2271b1; box-shadow: 0 -2px 0 #2271b1; }

.aum-field-head {
  display: flex; align-items: center; gap: 8px; padding: 8px 10px; flex-wrap: wrap;
}
.aum-field-drag { cursor: grab; color: #8c8f94; user-select: none; letter-spacing: -2px; }
.aum-field-label { flex: 1 1 180px; min-width: 140px; }
.aum-field-req { white-space: nowrap; font-size: 13px; }
.aum-field-del { color: #b32d2e !important; text-decoration: none !important; }
.aum-field-more { text-decoration: none !important; }

.aum-field-body { padding: 4px 12px 12px 30px; border-top: 1px solid #f0f0f1; }
.aum-field-body label { display: block; font-size: 13px; }
.aum-field-body input[type="text"], .aum-field-body textarea, .aum-field-body select { width: 100%; margin-top: 3px; }
.aum-field-body .description { display: block; margin-top: 3px; }

.aum-fields-empty { color: #646970; font-style: italic; }
.aum-fields-actions { margin-top: 12px; }

.aum-shortcode { cursor: pointer; position: relative; }
.aum-shortcode.is-copied::after {
  content: "Copied"; position: absolute; inset-inline-start: 100%; margin-inline-start: 8px;
  color: #008a20; font-size: 11px; white-space: nowrap;
}
.aum-tag-picker { margin: 8px 0; }
.aum-tag-picker .button { margin: 0 4px 4px 0; }
.aum-template-toggle summary { cursor: pointer; color: #2271b1; }
.aum-warn { color: #996800; }