/**
 * The list field widget, styled once for both ways of making a request.
 *
 * These rules lived twice, once under each prefix, and had already drifted by an
 * undecided 12rem against 11rem. They ship with the shared script rather than
 * inside either intake method's stylesheet, so neither owns the other's widget.
 */

.wfu-sr-field-list,
.wfu-iv .wfu-iv-field-list { border: 0; margin: 0 0 1.25rem; padding: 0; }
.wfu-sr-field-list > legend,
.wfu-iv .wfu-iv-field-list > legend { font-weight: 600; padding: 0; margin: 0 0 0.35rem; }
.wfu-sr-list-row,
.wfu-iv .wfu-iv-list-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 0 0 0.5rem;
}
.wfu-sr-list-cell,
.wfu-iv .wfu-iv-list-cell { flex: 1 1 12rem; min-width: 0; }
.wfu-sr-list-cell label,
.wfu-iv .wfu-iv-list-cell label {
	display: block;
	font-size: 0.85rem;
	color: #555;
	margin: 0 0 0.15rem;
}
.wfu-sr-list-cell input,
.wfu-iv .wfu-iv-list-cell input { width: 100%; box-sizing: border-box; }
.wfu-sr-list-add,
.wfu-iv .wfu-iv-list-add {
	background: none;
	border: 1px solid var(--wp--custom--color--neutral-900, #2b2b2b);
	color: var(--wp--custom--color--neutral-900, #2b2b2b);
	border-radius: 6px;
	cursor: pointer;
	font-size: 0.9rem;
	min-height: 24px;
	padding: 0.4rem 0.9rem;
}
.wfu-sr-list-add:focus,
.wfu-iv .wfu-iv-list-add:focus { outline: 3px solid #000; outline-offset: 2px; }
.wfu-sr-list-add:hover,
.wfu-iv .wfu-iv-list-add:hover { color: #fff; background: var(--wp--custom--color--neutral-900, #2b2b2b); }
.wfu-sr-list-status,
.wfu-iv .wfu-iv-list-status { margin: 0.4rem 0 0; font-size: 0.85rem; min-height: 1.2em; color: #333; }