#new_contact_form {
	display: none;
}

#new_contact_form.visible {
	display: block;
}

.contact-summary {
	padding-block-start: 36px;
}

.contact-summary * {
	border: none;
}

.contact-summary tbody button {
	background: linear-gradient(rgb(102, 102, 102), rgb(0, 0, 0));
	border-radius: 3px;
	font-size: .6875rem;
	min-inline-size: 112px;
	padding: 6px 15px;
}

.contact-summary tbody button:hover {
	background: linear-gradient(rgb(102, 102, 102), rgb(0, 0, 0));
}

.contact-summary__header--first-name,
.contact-summary__header--last-name,
.contact-summary__header--phone {
	inline-size: 112px;
}

.contact-summary__header--notes {
	inline-size: 162px;
}

.contact-summary__header--toggle {
	inline-size: 100px;
}

.contact-summary td {
	background-color: #cfc888;
	border-top: 1px solid #a29727;
	border-bottom: 1px solid #a29727;
	font-weight: 700;
	line-height: 1.15;
	min-block-size: 76px;
	padding: 12px 16px;
	vertical-align: top;
}

.contact-summary th {
	block-size: 16px;
	color: #313131;
	font-size: .625rem;
	font-weight: 700;
	padding-inline-start: 16px;
	text-transform: uppercase;
}