/* =============================================================
 * NNG Request for Imbalance - Storage (Multiple Points) Form
 * Form-specific overrides on top of `forms-base.css`.
 *
 * Layout matches the Request for Imbalance form: default base
 * layout with label-on-left / input-on-right rows.
 * ============================================================= */

/* Align phone-group label with the standard label column so the three
 * inline inputs sit to the right, matching every other field row. */
.nng-form.request-imbalance-storage-multiple-points-form .form-row > .form-label {
	flex: 0 0 var(--nng-label-width);
	max-width: var(--nng-label-width);
}

.nng-form.request-imbalance-storage-multiple-points-form .form-actions .nng-btn {
	min-width: 8rem;
}

.nng-form.request-imbalance-storage-multiple-points-form .dynamic-table__remove:hover,
.nng-form.request-imbalance-storage-multiple-points-form .dynamic-table__remove:focus-visible {
	background: var(--nng-color-error-bg);
}

.nng-form.request-imbalance-storage-multiple-points-form .dynamic-table__toolbar {
	margin-block-start: var(--nng-gap);
	display: flex;
	justify-content: flex-end;
}

.nng-form.request-imbalance-storage-multiple-points-form .dynamic-table__add {
	width: auto;
	min-width: 9rem;
	flex: 0 0 auto;
	align-self: flex-end;
	padding-inline: var(--nng-gap);
	white-space: nowrap;
}