/*
 * Customer reply box on a quote in My Account.
 *
 * Sits at the end of the quote thread, so it should read as part of the
 * conversation rather than as a detached form.
 */

.cp-reply {
	margin: 2rem 0 0;
	padding: 1.5rem;
	border: 1px solid #dfe4e7;
	border-left: 4px solid #2b7f8f;
	border-radius: 4px;
	background: #f8fafb;
}

.cp-reply h3 {
	margin: 0 0 .4rem;
	font-size: 1.15rem;
}

.cp-reply__lede {
	margin: 0 0 1rem;
	color: #5a6771;
	font-size: .95rem;
	line-height: 1.5;
}

.cp-reply__sent {
	margin: 0 0 1rem;
	padding: .75rem 1rem;
	border-left: 3px solid #2e7d32;
	background: #eef7ef;
	color: #24632a;
}

.cp-reply textarea {
	width: 100%;
	min-height: 7em;
	padding: .75rem;
	border: 1px solid #d5dade;
	border-radius: 4px;
	line-height: 1.5;
	box-sizing: border-box;
	resize: vertical;
}

.cp-reply textarea:focus {
	border-color: #2b7f8f;
	outline: none;
}

.cp-reply button {
	margin-top: .75rem;
}

/*
 * The customer's own messages inside Addify's note list. Their notes and ours
 * render through the same markup, so without this a thread is a wall of
 * identical grey blocks and staff cannot tell who said what.
 */
.afrfq_quote_note_text p:first-child {
	margin-top: 0;
}

@media (max-width: 640px) {
	.cp-reply {
		padding: 1.1rem;
	}
}