.dag-field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;position:relative}
.dag-field label{font-weight:500;font-size:14px;color:var(--dag-secondary,#111)}
.dag-field input,.dag-field select,.dag-field textarea{
	width:100%;
	padding:10px 12px;
	border:1px solid var(--dag-border,#d9dde5);
	border-radius:4px;
	font-size:15px;
	font-family:inherit;
	background:#fff;
	transition:border-color .15s ease,box-shadow .15s ease;
}
.dag-field input:focus,.dag-field select:focus,.dag-field textarea:focus{
	outline:none;
	border-color:var(--dag-primary,#0B3D91);
	box-shadow:0 0 0 3px rgba(11,61,145,.15);
}
.dag-field.is-invalid input,.dag-field.is-invalid select,.dag-field.is-invalid textarea{
	border-color:#c52626;
	box-shadow:0 0 0 3px rgba(197,38,38,.10);
}
.dag-field__help{
	font-size:12px;
	color:var(--dag-muted,#6b7280);
	margin:2px 0 0;
}
.dag-field__error{
	font-size:12.5px;
	color:#c52626;
	margin:2px 0 0;
	font-weight:500;
}
.dag-field__error[hidden]{display:none}

.phone-wrap{
	position:relative;
	display:flex;
	align-items:stretch;
	border:1px solid var(--dag-border,#d9dde5);
	border-radius:4px;
	overflow:hidden;
	background:#fff;
	transition:border-color .15s ease,box-shadow .15s ease;
}
.phone-wrap:focus-within{
	border-color:var(--dag-primary,#0B3D91);
	box-shadow:0 0 0 3px rgba(11,61,145,.15);
}
.dag-field.is-invalid .phone-wrap{
	border-color:#c52626;
	box-shadow:0 0 0 3px rgba(197,38,38,.10);
}
.phone-prefix{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0 10px;
	font-weight:500;
	font-size:14px;
	color:var(--dag-secondary,#111);
	background:var(--dag-surface,#f5f8fc);
	border-right:1px solid var(--dag-border,#d9dde5);
	flex:0 0 auto;
	transition:opacity .15s ease,width .15s ease,padding .15s ease;
}
.phone-prefix.is-hidden{
	width:0;
	padding:0;
	overflow:hidden;
	opacity:0;
	border-right:none;
}
.phone-wrap input[type="tel"]{
	border:none;
	box-shadow:none;
	flex:1 1 auto;
	min-width:0;
}
.phone-wrap input[type="tel"]:focus{
	box-shadow:none;
}