.dcgm-recipient-fields {
	background: linear-gradient(135deg, #edf9fd 0%, #fff 58%, #fff9ec 100%);
	border: 1px solid #cfe7ef;
	border-radius: 18px;
	box-sizing: border-box;
	clear: both;
	margin: 0 0 20px;
	padding: 18px;
}

.dcgm-recipient-fields *,
.dcgm-recipient-fields *::before,
.dcgm-recipient-fields *::after { box-sizing: border-box; }

.dcgm-recipient-fields h3 {
	color: #082d5b;
	font-size: 19px;
	font-weight: 800;
	line-height: 1.3;
	margin: 0 0 5px;
}

.dcgm-recipient-fields > p {
	color: #607784;
	font-size: 13px;
	line-height: 1.55;
	margin: 0 0 15px;
}

.dcgm-field-grid {
	display: grid;
	gap: 13px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dcgm-field-grid label { color: #163b55; display: block; font-size: 12px; font-weight: 800; margin: 0; }
.dcgm-field-grid label span { display: block; margin-bottom: 5px; }
.dcgm-field-grid .dcgm-wide { grid-column: 1 / -1; }

.dcgm-field-grid input,
.dcgm-field-grid textarea {
	background: #fff;
	border: 1px solid #bfd6df;
	border-radius: 10px;
	box-shadow: none;
	color: #173b55;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.4;
	margin: 0;
	min-height: 44px;
	padding: 10px 12px;
	width: 100%;
}

.dcgm-field-grid textarea { min-height: 82px; resize: vertical; }
.dcgm-field-grid input:focus,
.dcgm-field-grid textarea:focus { border-color: #0798ca; box-shadow: 0 0 0 3px rgba(7, 152, 202, .11); outline: 0; }
.dcgm-field-grid small { color: #748a95; display: block; font-size: 11px; font-weight: 400; margin-top: 4px; }

@media (max-width: 600px) {
	.dcgm-field-grid { grid-template-columns: 1fr; }
	.dcgm-field-grid .dcgm-wide { grid-column: auto; }
}