.sales-quote-hero-panel p {
	max-width: 1000px;
	margin-bottom: 0;
	line-height: 1.5;
}

.sales-quote-section-heading,
.sales-quote-results-heading {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 18px;
}

.sales-quote-section-heading h3,
.sales-quote-results-heading h3 {
	margin-bottom: 5px;
}

.sales-quote-section-heading p,
.sales-quote-results-heading p {
	max-width: 900px;
	margin: 0;
	color: #5f6b76;
	line-height: 1.5;
}

.sales-quote-contract-badge,
.sales-quote-result-badges span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 11px;
	border: solid #cbd7e2 1px;
	border-radius: 999px;
	background: #eef3f7;
	color: #344a5d;
	font-size: 12px;
	white-space: nowrap;
}

.sales-quote-drop-zone {
	display: flex;
	min-height: 245px;
	padding: 30px;
	border: dashed #9fb2c3 2px;
	border-radius: 10px;
	background: linear-gradient(135deg, #f8fbfd 0%, #eef5f9 100%);
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	cursor: pointer;
	transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.sales-quote-drop-zone:hover,
.sales-quote-drop-zone:focus-visible,
.sales-quote-drop-zone.is-dragging {
	border-color: var(--ops-home-color, #1f4f7a);
	background: linear-gradient(135deg, #f3f8fb 0%, #e3eef5 100%);
	box-shadow: 0 0 0 3px rgba(31, 79, 122, 0.12);
	outline: none;
}

.sales-quote-drop-zone.is-busy {
	cursor: progress;
	opacity: 0.72;
}

.sales-quote-drop-icon {
	display: grid;
	width: 68px;
	height: 68px;
	margin-bottom: 10px;
	border-radius: 50%;
	background: var(--ops-home-color, #1f4f7a);
	color: #ffffff;
	place-items: center;
	font-size: 31px;
	box-shadow: 0 5px 16px rgba(31, 79, 122, 0.2);
}

.sales-quote-drop-zone h3 {
	margin: 4px 0 7px;
	color: #273c4d;
}

.sales-quote-drop-zone p {
	max-width: 700px;
	margin: 0 0 16px;
	color: #5f6b76;
	line-height: 1.5;
}

.sales-quote-drop-zone kbd {
	padding: 2px 5px;
	border: solid #bac5cf 1px;
	border-bottom-width: 2px;
	border-radius: 4px;
	background: #ffffff;
	color: #344a5d;
	font-family: inherit;
	font-size: 11px;
}

.sales-quote-privacy-note {
	margin: 11px 0 0;
	color: #52616d;
	font-size: 12px;
	text-align: center;
}

.sales-quote-privacy-note i {
	margin-right: 4px;
	color: #2f7a43;
}

.sales-quote-import-status {
	display: none;
	margin-top: 12px;
	padding: 10px 12px;
	border-radius: 5px;
	line-height: 1.45;
}

.sales-quote-import-status:not(:empty) {
	display: block;
}

.sales-quote-import-status.is-success {
	border: solid #a8d5b4 1px;
	background: #e8f6ec;
	color: #245d33;
}

.sales-quote-import-status.is-error {
	border: solid #e0aaaa 1px;
	background: #fff0f0;
	color: #8a2525;
}

.sales-quote-import-status.is-progress {
	border: solid #b9cddd 1px;
	background: #edf5fa;
	color: #31536c;
}

.sales-quote-results-panel {
	min-width: 0;
}

.sales-quote-result-badges {
	display: flex;
	flex: 0 0 auto;
	gap: 8px;
}

.sales-quote-table-toolbar {
	display: flex;
	align-items: flex-end;
	gap: 12px;
	margin-bottom: 10px;
	padding: 12px;
	border: solid #d8e0e7 1px;
	border-radius: 6px;
	background: #f7f9fb;
}

.sales-quote-table-toolbar label {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 5px;
	color: #344a5d;
	font-size: 12px;
	font-weight: bold;
}

.sales-quote-table-toolbar label:first-child {
	max-width: 620px;
	flex: 1 1 420px;
}

.sales-quote-table-toolbar input,
.sales-quote-table-toolbar select {
	height: 37px;
	padding: 8px 10px;
	border: solid #aeb9c3 1px;
	border-radius: 5px;
	background: #ffffff;
	color: #25313c;
	font: inherit;
	font-size: 14px;
}

.sales-quote-table-toolbar input:focus,
.sales-quote-table-toolbar select:focus {
	border-color: var(--ops-home-color, #1f4f7a);
	outline: solid var(--ops-accent-color, #f4b942) 2px;
	outline-offset: 1px;
}

.sales-quote-table-toolbar button {
	height: 37px;
	white-space: nowrap;
}

.sales-quote-table-summary {
	margin: 0 0 8px;
	color: #5f6b76;
	font-size: 12px;
}

.sales-quote-table-scroll {
	max-height: 68vh;
	border: solid #cbd5dd 1px;
	border-radius: 6px;
	overflow: auto;
}

.sales-quote-table {
	min-width: 3000px;
	font-size: 12px;
}

.sales-quote-table th,
.sales-quote-table td {
	padding: 7px 8px;
	white-space: nowrap;
}

.sales-quote-table thead th {
	position: sticky;
	top: 0;
	z-index: 4;
	background: #dce7ef;
	box-shadow: inset 0 -1px 0 #afbecb;
}

.sales-quote-table thead th.is-sorted {
	background: #f8e7aa;
}

.sales-quote-sort-button {
	display: inline-flex;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	color: #293d4d;
	align-items: center;
	justify-content: space-between;
	gap: 7px;
	font: inherit;
	font-weight: bold;
	text-align: left;
}

.sales-quote-sort-button:hover,
.sales-quote-sort-button:focus-visible {
	background: transparent;
	color: var(--ops-home-color, #1f4f7a);
	outline: none;
}

.sales-quote-sort-indicator {
	color: #667785;
	font-size: 10px;
}

.sales-quote-table tbody tr:nth-child(even) td {
	background: #f8fafc;
}

.sales-quote-table tbody tr:hover td {
	background: #fff7da;
}

.sales-quote-table .sales-quote-sticky-one,
.sales-quote-table .sales-quote-sticky-two {
	position: sticky;
	z-index: 2;
	background: #ffffff;
}

.sales-quote-table thead .sales-quote-sticky-one,
.sales-quote-table thead .sales-quote-sticky-two {
	z-index: 6;
	background: #dce7ef;
}

.sales-quote-table thead .is-sorted.sales-quote-sticky-one,
.sales-quote-table thead .is-sorted.sales-quote-sticky-two {
	background: #f8e7aa;
}

.sales-quote-table .sales-quote-sticky-one {
	left: 0;
	width: 105px;
	min-width: 105px;
	max-width: 105px;
}

.sales-quote-table .sales-quote-sticky-two {
	left: 121px;
	width: 230px;
	min-width: 230px;
	max-width: 230px;
	white-space: normal;
	box-shadow: 2px 0 3px rgba(53, 73, 89, 0.09);
}

.sales-quote-table tbody tr:nth-child(even) .sales-quote-sticky-one,
.sales-quote-table tbody tr:nth-child(even) .sales-quote-sticky-two {
	background: #f8fafc;
}

.sales-quote-table tbody tr:hover .sales-quote-sticky-one,
.sales-quote-table tbody tr:hover .sales-quote-sticky-two {
	background: #fff7da;
}

.sales-quote-number-cell,
.sales-quote-currency-cell {
	font-variant-numeric: tabular-nums;
	text-align: right !important;
}

.sales-quote-muted-value {
	color: #8b969f;
}

.sales-quote-stage-badge {
	display: inline-block;
	padding: 3px 7px;
	border-radius: 999px;
	background: #e8edf1;
	color: #465864;
	font-size: 11px;
}

.sales-quote-stage-badge.is-won,
.sales-quote-stage-badge.is-order {
	background: #dff2e4;
	color: #286139;
}

.sales-quote-stage-badge.is-lost,
.sales-quote-stage-badge.is-inactive {
	background: #f1e4e4;
	color: #824040;
}

.sales-quote-stage-badge.is-budget,
.sales-quote-stage-badge.is-likely {
	background: #fff0c9;
	color: #755615;
}

.sales-quote-pagination {
	display: flex;
	margin-top: 12px;
	align-items: center;
	justify-content: center;
	gap: 14px;
}

.sales-quote-pagination span {
	min-width: 120px;
	color: #52616d;
	font-size: 12px;
	text-align: center;
}

.sales-quote-pagination button:disabled {
	cursor: not-allowed;
	opacity: 0.45;
}

@media (max-width: 760px) {
	.sales-quote-section-heading,
	.sales-quote-results-heading,
	.sales-quote-table-toolbar {
		align-items: stretch;
		flex-direction: column;
	}

	.sales-quote-contract-badge,
	.sales-quote-result-badges {
		align-self: flex-start;
	}

	.sales-quote-drop-zone {
		min-height: 220px;
		padding: 22px 16px;
	}

	.sales-quote-table-toolbar label:first-child {
		width: 100%;
		max-width: none;
		flex-basis: auto;
	}

	.sales-quote-table-toolbar button {
		align-self: flex-start;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sales-quote-drop-zone {
		transition: none;
	}
}