.digitalogic-call-verification,
.digitalogic-contact-points {
	box-sizing: border-box;
	margin: 1.25rem 0;
	padding: 1rem;
	border: 1px solid #dcdcde;
	border-radius: 8px;
	background: #fff;
}

.digitalogic-call-parking[hidden],
.digitalogic-call-verification[hidden],
.digitalogic-call-panel[hidden],
.digitalogic-call-instructions[hidden],
.digitalogic-call-error[hidden] {
	display: none !important;
}

.digitalogic-call-panel {
	display: grid;
	gap: .75rem;
	margin-top: .75rem;
}

.digitalogic-call-panel label,
.digitalogic-add-email label {
	display: grid;
	gap: .3rem;
}

.digitalogic-call-instructions {
	padding: .75rem;
	border-inline-start: 4px solid #2271b1;
	background: #f0f6fc;
}

.digitalogic-call-code {
	display: block;
	margin: .75rem 0;
	font: 700 2rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
	letter-spacing: .2em;
	text-align: center;
}

.digitalogic-call-error {
	color: #b32d2e;
}

.digitalogic-contact-row {
	display: grid;
	grid-template-columns: minmax(9rem, 1fr) minmax(6rem, 1fr) auto;
	gap: .65rem;
	align-items: center;
	padding: .75rem 0;
	border-bottom: 1px solid #eee;
}

.digitalogic-contact-events {
	grid-column: 1 / -1;
	display: flex;
	flex-wrap: wrap;
	gap: .5rem 1rem;
}

.digitalogic-add-email {
	display: grid;
	grid-template-columns: minmax(10rem, 1fr) minmax(8rem, 1fr) auto;
	gap: .75rem;
	align-items: end;
	margin: 1rem 0;
}

body.login .digitalogic-call-verification {
	width: min(100%, 420px);
	margin: 1rem auto;
}

@media (max-width: 600px) {
	.digitalogic-contact-row,
	.digitalogic-add-email {
		grid-template-columns: 1fr;
	}
}