.wrd-aqp {
	--accent: #fc7e1a;
	--accent-text: #fff;
	--dark: rgb(51, 51, 51);
	--dark-text: #fff;
	--text: rgb(51, 51, 51);
	color: var(--text);
	max-width: 1100px;
	margin: 0 auto;
}

.wrd-aqp-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1rem;
}

.wrd-aqp-button {
	display: inline-block;
	background: var(--accent);
	color: var(--accent-text) !important;
	border: 0;
	border-radius: 3px;
	padding: .75rem 1rem;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
}
.wrd-aqp-button-secondary { background: var(--dark); }
.wrd-aqp-button-small { padding: .45rem .7rem; }
.wrd-aqp-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; }
.wrd-aqp-actions form { margin: 0; }
.wrd-aqp-link-danger { border: 0; background: none; color: #a12622; text-decoration: underline; cursor: pointer; padding: .5rem 0; }
.wrd-aqp-delete-form { margin-top: .75rem; }

.wrd-aqp-table-wrap { overflow-x: auto; }
.wrd-aqp table { border-collapse: collapse; width: 100%; background: #fff; }
.wrd-aqp th, .wrd-aqp td { padding: .8rem; border-bottom: 1px solid #dfe3e8; text-align: left; }
.wrd-aqp th { background: var(--accent); color: var(--accent-text); }
.wrd-aqp tr.is-selected td { background: #fff8df; }
.wrd-aqp .status { display: inline-block; background: #e9eef4; border-radius: 999px; padding: .25rem .65rem; font-size: .85rem; }

.wrd-aqp-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	margin: 1rem 0;
}

.wrd-aqp-grid section, .wrd-aqp fieldset, .wrd-aqp details {
	border: 1px solid #dfe3e8;
	padding: 1rem;
	background: #fff;
}

.wrd-aqp-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.wrd-aqp-full { grid-column: 1/-1; }
.wrd-aqp-form fieldset { display: grid; gap: .75rem; }
.wrd-aqp-form legend { font-weight: 700; }
.wrd-aqp-form label { display: grid; gap: .25rem; }
.wrd-aqp-form input, .wrd-aqp-form select, .wrd-aqp-form textarea { box-sizing: border-box; width: 100%; padding: .65rem; }
.wrd-aqp-form .check { display: flex; align-items: center; }
.wrd-aqp-form .check input, .wrd-aqp input[type=radio] { width: auto; }

.wrd-aqp-vehicle {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .75rem;
	border-bottom: 1px solid #dfe3e8;
	padding-bottom: 1rem;
}

.wrd-aqp-vehicle-heading { grid-column: 1/-1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.wrd-aqp-vehicle h4 { margin: .5rem 0 0; }
.wrd-aqp-vin-lookup { display: grid; grid-template-columns: minmax(220px, 340px) auto; align-items: center; gap: .4rem; }
.wrd-aqp-vin-lookup label { display: block; }
.wrd-aqp-vin-lookup input { text-transform: uppercase; }
.wrd-aqp-vin-button { padding: .65rem .85rem; cursor: pointer; }
.wrd-aqp-vin-status { grid-column: 1/-1; font-size: .85rem; min-height: 1.2em; }
.wrd-aqp-vin-description { grid-column: 1/-1; color: #777; font-size: .82rem; line-height: 1.35; }
.wrd-aqp-vin-status.is-error { color: #a12622; }
@media (max-width: 640px) {
	.wrd-aqp-vehicle-heading { align-items: stretch; flex-direction: column; }
	.wrd-aqp-vin-lookup { grid-template-columns: minmax(0, 1fr) auto; }
}
.wrd-aqp-panel { border: 1px solid #dfe3e8; padding: 1rem; background: #fff; margin: 1rem auto; }
.wrd-aqp-vendor-quote-invalid { opacity: .55; background: #f5f5f5; }
.wrd-aqp-vendor-quote-invalid td { color: #68717d; }
.wrd-aqp-vendor-note-icon { display: inline-block; border: 0; background: none; padding: 0; font-size: 1rem; line-height: 1; cursor: pointer; }
.wrd-aqp-editor-save-row { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.wrd-aqp-info { margin: 1rem 0; padding: .75rem 1rem; border-left: 4px solid #3974a8; background: #eef5fb; color: var(--text); }
.wrd-aqp-panel h3 { margin-top: 0; }
.wrd-aqp-history-toggle { margin: 1rem 0; }
.wrd-aqp-vehicle-row { display: grid; grid-template-columns: 2fr 1fr 1.5fr 1fr 1fr auto; gap: 1rem; align-items: center; padding: .75rem 0; border-bottom: 1px solid #dfe3e8; }
.wrd-aqp-vehicle-row:last-child { border-bottom: 0; }
.wrd-aqp-note-link { border: 0; background: none; color: var(--accent); padding: 0; text-decoration: underline; cursor: pointer; }
.wrd-aqp-dialog { max-width: 520px; width: calc(100% - 2rem); border: 0; border-radius: 4px; padding: 1.5rem; color: var(--text); margin: auto; }
.wrd-aqp-dialog::backdrop { background: rgba(0, 0, 0, .55); }
.wrd-aqp-vendor-send-actions { float: right; display: flex; gap: .5rem; margin-top: -3.25rem; }
.wrd-aqp-vendor-send-actions form { margin: 0; }
.wrd-aqp-vendor-checklist { display: grid; gap: .65rem; margin: 1rem 0; }
.wrd-aqp-revision-note { display: grid; gap: .25rem; font-weight: 700; }
.wrd-aqp-revision-note textarea { box-sizing: border-box; width: 100%; padding: .65rem; font-weight: 400; }
.wrd-aqp-signature-form { display: grid; gap: .75rem; max-width: 520px; margin: 1rem 0; }
.wrd-aqp-signature-email { display: grid; gap: .25rem; }
.wrd-aqp-signature-email input { padding: .65rem; }
.wrd-aqp-help { font-size: .9rem; color: #59636e; }
.wrd-aqp-notice { background: #eef8e9; border-left: 4px solid var(--accent); padding: .75rem; margin: 1rem 0; }
.wrd-aqp-warning, .wrd-aqp-lead-warning { background: #fff5e8; border-left: 4px solid var(--accent); padding: .8rem 1rem; margin: 1rem 0; }
.wrd-aqp-warning ul { margin-bottom: 0; }
.wrd-aqp-vendor-editor { border: 1px solid #dfe3e8; padding: 1rem; margin-top: 1rem; background: #fff; }
.wrd-aqp-vendor-quote-actions { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 1rem; }
.wrd-aqp-vendor-quote-actions-empty { justify-content: flex-end; }
.wrd-aqp-vendor-quote-dialog { max-width: 760px; }
.wrd-aqp-cost dl { margin: 0; max-width: 100%; }
.wrd-aqp-cost dl > div { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .55rem 0; border-bottom: 1px solid #dfe3e8; }
.wrd-aqp-cost dd { margin: 0; text-align: right; }
.wrd-aqp-cost dd form { display: flex; align-items: center; justify-content: flex-end; gap: .4rem; margin: 0; }
.wrd-aqp-cost input[type=number] { width: 110px; padding: .45rem; }
.wrd-aqp-cost .wrd-aqp-total { font-size: 1.15rem; font-weight: 700; border-bottom: 0; }

@media (max-width: 700px) {
	.wrd-aqp-grid, .wrd-aqp-form, .wrd-aqp-vehicle, .wrd-aqp-vehicle-row { grid-template-columns: 1fr; }
	.wrd-aqp-head { align-items: flex-start; flex-direction: column; }
	.wrd-aqp-vendor-send-actions { float: none; margin: 0 0 1rem; flex-wrap: wrap; }
}