/* Property Lookup & COPE Data dashboard (portal #property; legacy
   [spdl_cope_review] / [simple_property_data_lookup] aliases).
   Builds on the base form styles in spdl.css.

   One type system throughout: the dashboard inherits the theme's font
   family, body text is 15px/1.5, section headings share a single
   style, and every footnote uses .spdl-cope-note. Two button styles
   only: primary (solid rust-700) and secondary (outline). */

.spdl-cope {
	background: var(--md-background, #fcfefe);
	border: 1px solid var(--border-default, #dcdcdc);
	border-radius: 12px;
	padding: 24px;
	margin-top: 20px;
	color: var(--md-text-high, rgba(8, 8, 8, 0.87));
	font-size: 15px;
	line-height: 1.5;
}

/* Theme-proof text and tables: dark themes otherwise bleed their
   background/text colors into the dashboard and the raw-data section
   (dark-on-dark, unreadable). Everything COPE renders sits on white. */

.spdl-cope h4,
.spdl-cope p,
.spdl-cope li,
.spdl-cope th,
.spdl-cope td,
.spdl-cope-raw h3,
.spdl-cope-raw h4,
.spdl-cope-raw p,
.spdl-cope-raw th,
.spdl-cope-raw td {
	color: var(--md-text-high, rgba(8, 8, 8, 0.87));
}

.spdl-cope .spdl-results-table,
.spdl-cope-raw .spdl-results-table {
	background: #fff;
	border: 1px solid var(--border-default, #dcdcdc);
	border-radius: 8px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	width: 100%;
	font-size: 15px;
}

.spdl-cope .spdl-results-table th,
.spdl-cope .spdl-results-table td,
.spdl-cope-raw .spdl-results-table th,
.spdl-cope-raw .spdl-results-table td {
	background: #fff;
	border-bottom: 1px solid var(--color-line-100, #ececec);
	padding: 7px 12px;
}

.spdl-cope .spdl-results-table tr:nth-child(even) th,
.spdl-cope .spdl-results-table tr:nth-child(even) td,
.spdl-cope-raw .spdl-results-table tr:nth-child(even) th,
.spdl-cope-raw .spdl-results-table tr:nth-child(even) td {
	background: #f8fafb;
}

.spdl-cope .spdl-results-table tr:last-child th,
.spdl-cope .spdl-results-table tr:last-child td,
.spdl-cope-raw .spdl-results-table tr:last-child th,
.spdl-cope-raw .spdl-results-table tr:last-child td {
	border-bottom: none;
}

.spdl-cope-raw {
	background: var(--md-background, #fcfefe);
	border: 1px solid var(--border-default, #dcdcdc);
	border-radius: 12px;
	padding: 16px 24px;
	font-size: 15px;
}

.spdl-cope-missing {
	color: var(--md-text-disabled, rgba(8, 8, 8, 0.38));
	font-style: italic;
}

/* ---------- Address heading (click-to-copy) ---------- */

.spdl-cope-title {
	margin: 20px 0 16px;
	font-size: 22px;
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.spdl-copy-address {
	background: none;
	border: 1px dashed transparent;
	border-radius: 6px;
	padding: 3px 8px 3px 4px;
	font: inherit;
	font-weight: 700;
	color: var(--md-text-high, rgba(8, 8, 8, 0.87));
	cursor: pointer;
	text-align: left;
}

.spdl-copy-address:hover {
	border-color: var(--md-secondary, #15445D);
	color: var(--md-secondary, #15445D);
}

.spdl-share-emails {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.spdl-share-emails .spdl-email-input {
	width: 100%;
}

.spdl-share-add-email {
	margin-top: 6px;
	align-self: flex-start;
}

.spdl-cope-address-form {
	margin-bottom: 18px;
}

.spdl-cope-address-label {
	display: block;
	margin: 0 0 6px;
	color: var(--text-on-dark, rgba(255, 255, 255, 1));
	font-family: var(--font-display, inherit);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.spdl-cope-address-row {
	align-items: stretch;
	flex-wrap: nowrap;
}

.spdl-cope-address-row .spdl-suggest,
.spdl-cope-address-row .spdl-address-input {
	flex: 1 1 560px;
	width: 100%;
	min-width: 0;
}

.spdl-cope-address-row .spdl-address-input {
	min-height: 56px;
	padding: 0 14px;
	border: 1px solid var(--md-outline-strong, rgba(8, 8, 8, 0.42));
	border-radius: var(--shape-small, 4px);
	font-size: 18px;
}

.spdl-cope-address-row .spdl-submit {
	min-height: 56px;
	padding: 0 28px;
}

.spdl-copy-icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: -2px;
	margin-left: 4px;
}

.spdl-copy-done {
	color: var(--color-success, #3f7d4a);
	font-size: 14px;
	font-weight: 600;
}

/* ---------- Sections: one heading style, one rhythm ---------- */

.spdl-cope-section,
.spdl-cope-buildings {
	margin-top: 24px;
}

/* Same heading treatment as the classic "Overview" / "Property Links"
   blocks (.spdl-block-title in spdl.css). */

.spdl-cope-section > h4,
.spdl-cope-section-head > h4,
.spdl-cope-buildings h4 {
	margin: 0 0 8px;
	font-size: 18px;
	font-weight: 700;
	color: var(--md-text-high, rgba(8, 8, 8, 0.87));
	border-bottom: 2px solid var(--md-primary, #D2793D);
	padding-bottom: 4px;
	text-transform: none;
	letter-spacing: normal;
}

/* Bold narrative intro atop the Property Summary. */

.spdl-cope-intro {
	margin: 0 0 16px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.6;
}

/* Rotating wait quips under the address bar while the lookup runs:
   centered white text on no background, sized like the address
   placeholder. A soft crossfade keeps the rotation easy on the eyes. */

.spdl-cope-wait {
	margin: 16px 0 0;
	text-align: center;
	color: var(--text-on-dark, rgba(255, 255, 255, 1));
	background: none;
	font-size: 17px;
	line-height: 1.5;
	animation: spdl-wait-fade 3.2s ease-in-out infinite;
}

.spdl-cope-wait[hidden] {
	display: none;
}

@keyframes spdl-wait-fade {
	0% { opacity: 0; }
	12% { opacity: 1; }
	88% { opacity: 1; }
	100% { opacity: 0; }
}

/* One footnote style for every note under a block. */

.spdl-cope-note {
	margin: 8px 0 0;
	font-size: 13.5px;
	color: var(--text-muted, rgba(8, 8, 8, 0.6));
}

.spdl-cope-table tbody th {
	text-align: left;
	padding: 5px 14px 5px 0;
	border-bottom: 1px solid var(--color-line-100, #ececec);
	white-space: nowrap;
	vertical-align: top;
	font-weight: 600;
	width: 34%;
}

/* Multi-column tables (permits, buildings) carry their headers in a
   thead — same look, no label-column width. */

.spdl-cope-table thead th {
	text-align: left;
	padding: 5px 14px 5px 0;
	border-bottom: 1px solid var(--border-strong, #a3a3a3);
	vertical-align: top;
	font-weight: 600;
}

.spdl-cope-table td {
	padding: 5px 0;
	border-bottom: 1px solid var(--color-line-100, #ececec);
	vertical-align: top;
}

/* ---------- COPE Highlights ---------- */

.spdl-cope-highlights {
	margin-bottom: 14px;
}

.spdl-cope-highlight {
	margin: 0 0 8px;
	line-height: 1.5;
}

.spdl-cope-highlight-label {
	font-weight: 700;
	margin-right: 6px;
}

/* ---------- Sourced values (color = provenance) ---------- */

.spdl-src {
	position: relative;
	display: inline-block;
	font-weight: 600;
	border-bottom: 1px dotted currentColor;
	cursor: help;
}

.spdl-src--ok {
	color: var(--color-success, #3f7d4a);
}

.spdl-src--estimated {
	color: var(--color-warning, #c98a1f);
}

.spdl-src--conflict {
	color: var(--md-error, #b6432f);
}

/* Manually entered (v2.6.0): black, semibold — a human asserted this,
   which outranks the confidence coding; the full-opacity pencil on the
   row is its marker instead of a color. */
.spdl-src--manual {
	color: var(--md-text-high, rgba(8, 8, 8, 0.87));
	border-bottom-color: transparent;
}

/* Inline action links ("skip the wait" on the research status line, the
   editor's Revert) had no styling here and fell to the theme/browser
   default — off-brand blue. Rust, per the one rust design language
   (v2.6.1, requested). */
.spdl-app .button-link,
.spdl-cope-output .button-link {
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer;
	font: inherit;
	font-weight: 600;
	color: var(--md-primary-variant, #a85f2e);
	text-decoration: underline;
}

.spdl-app .button-link:hover,
.spdl-app .button-link:focus,
.spdl-cope-output .button-link:hover,
.spdl-cope-output .button-link:focus {
	color: #8f4f24;
}

/* ---------- Editable Property Info (v2.6.0) ---------- */

.spdl-cope-section-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.spdl-cope-section-meta {
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--md-text-medium, rgba(8, 8, 8, 0.6));
	white-space: nowrap;
}

/* The pencil trails every editable value at ~32% opacity so the whole
   column reads as editable without adding chrome; full opacity marks a
   manually entered row. */
.spdl-edit-btn {
	background: none;
	border: 0;
	padding: 2px 4px;
	margin-left: 6px;
	color: var(--md-text-high, rgba(8, 8, 8, 0.87));
	opacity: 0.32;
	cursor: pointer;
	vertical-align: baseline;
	line-height: 1;
}

.spdl-edit-btn:hover,
.spdl-edit-btn:focus-visible {
	opacity: 1;
	color: var(--md-primary, #a85f2e);
}

.spdl-row-edited .spdl-edit-btn {
	opacity: 1;
}

.spdl-row-editable .spdl-cope-missing {
	cursor: pointer;
}

.spdl-edit-wrap {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.spdl-edit-input {
	font: inherit;
	padding: 4px 8px;
	border: 2px solid var(--md-primary, #a85f2e);
	border-radius: var(--shape-small, 4px);
	background: #fff;
	min-width: 180px;
}

.spdl-edit-input:focus {
	outline: none;
}

.spdl-edit-save {
	padding: 4px 14px;
	font-size: 13px;
}

.spdl-edit-revert {
	font-size: 13px;
}

.spdl-edit-busy {
	opacity: 0.55;
	pointer-events: none;
}

/* Provenance legend under the editable tables. */
.spdl-cope-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 22px;
	margin: 14px 0 0;
	font-size: 13px;
	color: var(--md-text-medium, rgba(8, 8, 8, 0.6));
}

.spdl-legend-item::before {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	margin-right: 7px;
	vertical-align: 1px;
}

.spdl-legend--ok::before {
	background: var(--color-success, #3f7d4a);
}

.spdl-legend--estimated::before {
	background: var(--color-warning, #c98a1f);
}

.spdl-legend--missing::before {
	background: var(--md-text-disabled, rgba(8, 8, 8, 0.38));
}

.spdl-legend--edited::before {
	content: none;
}

.spdl-legend--edited svg {
	margin-right: 5px;
	vertical-align: -1px;
}

.spdl-popover {
	display: none;
	position: absolute;
	z-index: 10000;
	top: calc( 100% + 6px );
	left: 0;
	min-width: 220px;
	max-width: 320px;
	background: #fff;
	border: 1px solid var(--border-default, #dcdcdc);
	border-radius: 8px;
	box-shadow: var(--elevation-4, 0 2px 4px -1px rgba(8, 8, 8, 0.2), 0 4px 5px 0 rgba(8, 8, 8, 0.14), 0 1px 10px 0 rgba(8, 8, 8, 0.12));
	padding: 10px 12px;
	font-size: 13.5px;
	font-weight: 400;
	color: var(--md-text-high, rgba(8, 8, 8, 0.87));
	text-align: left;
	line-height: 1.5;
}

.spdl-src:hover .spdl-popover,
.spdl-src:focus .spdl-popover,
.spdl-src:focus-within .spdl-popover {
	display: block;
}

.spdl-popover-title {
	display: block;
	font-weight: 700;
	margin-bottom: 6px;
	color: var(--md-error, #b6432f);
}

.spdl-popover-title--est {
	color: var(--color-warning, #c98a1f);
}

.spdl-popover ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.spdl-popover li {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 3px 0;
	border-bottom: 1px solid var(--color-line-100, #ececec);
}

.spdl-popover li:last-child {
	border-bottom: none;
}

.spdl-popover a {
	color: var(--md-primary, #a85f2e);
	text-decoration: underline;
}

.spdl-popover-value {
	font-weight: 600;
	white-space: nowrap;
}

/* ---------- Replacement Cost (editable rate) ---------- */

.spdl-cope .spdl-rc-rate {
	width: 72px;
	padding: 2px 6px;
	border: 1px solid var(--border-default, #dcdcdc);
	border-radius: 6px;
	font: inherit;
	background: #fff;
	color: var(--md-text-high, rgba(8, 8, 8, 0.87));
}

.spdl-cope .spdl-rc-calc {
	color: var(--text-muted, rgba(8, 8, 8, 0.6));
	font-size: 13.5px;
}

.spdl-cope .spdl-hint {
	display: block;
	color: var(--text-muted, rgba(8, 8, 8, 0.6));
	font-size: 13px;
	margin-top: 2px;
}

.spdl-cope-status-detail {
	font-size: 13px;
	color: #7a4a12;
}

/* ---------- Map (top of the dashboard) ---------- */

.spdl-cope-map-section {
	margin: 0 0 4px;
}

.spdl-cope-map {
	width: 100%;
	height: 420px;
	border-radius: 10px;
	background: #e8ecef;
}

/* ---------- Buildings table ---------- */

.spdl-cope-buildings {
	overflow-x: auto;
}

.spdl-cope-buildings table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
	table-layout: auto;
}

.spdl-cope-buildings th,
.spdl-cope-buildings td {
	text-align: left;
	padding: 7px 14px 7px 0;
	border-bottom: 1px solid var(--border-default, #dcdcdc);
	width: auto;
}

/* Keep headers on one line and stop themes from ballooning the
   narrow columns: # hugs its content, numbers get a sane width. */
.spdl-cope-buildings th {
	white-space: nowrap;
}

.spdl-cope-buildings th:first-child,
.spdl-cope-buildings td:first-child {
	width: 32px;
	padding-right: 8px;
}

.spdl-cope-buildings th:nth-child(n+3),
.spdl-cope-buildings td:nth-child(n+3) {
	width: 150px;
}

/* ---------- Status + raw data ---------- */

.spdl-cope-status {
	margin-top: 18px;
	font-size: 14px;
	color: #a05a1a;
	background: #fdf6ec;
	border-radius: 8px;
	padding: 10px 14px;
}

.spdl-cope-raw {
	margin-top: 24px;
}

.spdl-cope-raw > summary {
	cursor: pointer;
	font-weight: 600;
	color: var(--md-text-high, rgba(8, 8, 8, 0.87));
	border-bottom: 2px solid var(--md-primary, #D2793D);
	padding: 8px 0 6px;
}

/* Sub-toggles inside Raw Property Data (v2.6.0): every named block
   (Additional Property Data, Property Enrichment Record, the hazard
   tables, permits, research notes) folds like the outer accordion. */
.spdl-cope-raw--sub {
	margin-top: 12px;
	border: 1px solid var(--border-default, #e3e3e3);
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
}

.spdl-cope-raw--sub > summary {
	cursor: pointer;
	font-size: 15px;
	font-weight: 700;
	color: var(--md-text-high, rgba(8, 8, 8, 0.87));
	background: #fdf6ec;
	border-left: 4px solid var(--md-primary, #D2793D);
	padding: 10px 12px;
}

.spdl-cope-raw--sub[open] > summary {
	border-bottom: 1px solid var(--color-line-100, #ececec);
}

.spdl-cope-raw--sub > :not(summary) {
	margin-left: 12px;
	margin-right: 12px;
}

/* ---------- Results footer (v2.6.0, mockup "1B") ----------
   Two stacked white cards in normal flow: "Share this address" (one
   filled rust primary sized to its input; below the divider the current
   address + a single toggling schedule action) and "Schedule of values"
   (count caption, text-variant Email all + outlined Export, numbered
   street-and-city rows). The email action IS the report — no PDF
   button. No navy. ------- */

.spdl-share {
	background: var(--md-surface, #ffffff);
	border: 1px solid var(--border-default, #dcdcdc);
	border-radius: 8px;
	padding: 20px 24px;
}

.spdl-share-title {
	margin: 0 0 2px;
	font-size: 18px;
	font-weight: 600;
	color: var(--md-text-high, rgba(8, 8, 8, 0.87));
}

.spdl-share-sub {
	margin: 0 0 16px;
	font-size: 13.5px;
	color: var(--text-muted, rgba(8, 8, 8, 0.6));
}

.spdl-share-row {
	align-items: stretch;
	gap: 12px;
}

/* Outlined input with the label chip on the border — 3.41:1 border on
   the white surface (no gray inset). */
.spdl-share-field {
	position: relative;
	flex: 1 1 260px;
	display: flex;
	min-width: 0;
}

.spdl-share-field .spdl-email-input {
	flex: 1;
	width: 100%;
	border: 1px solid rgba(8, 8, 8, 0.42);
	border-radius: 6px;
	padding: 14px 12px 10px;
}

.spdl-share-label {
	position: absolute;
	top: -7px;
	left: 10px;
	padding: 0 4px;
	background: var(--md-surface, #ffffff);
	font-size: 11.5px;
	color: var(--text-muted, rgba(8, 8, 8, 0.6));
	line-height: 1;
}

/* Rust-700 contained primary — the panel's one filled action. */
.spdl-share .spdl-email-submit {
	background: var(--md-primary-variant, #a85f2e);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border-radius: 6px;
	min-height: 48px;
	padding: 0 24px;
	box-shadow: var(--elevation-2, 0 3px 1px -2px rgba(8, 8, 8, 0.2), 0 2px 2px 0 rgba(8, 8, 8, 0.14), 0 1px 5px 0 rgba(8, 8, 8, 0.12));
}

.spdl-share .spdl-email-submit:hover,
.spdl-share .spdl-email-submit:focus {
	background: #8f4f24;
}

.spdl-share-divider {
	margin: 18px 0 14px;
	border: 0;
	border-top: 1px solid var(--md-divider, rgba(8, 8, 8, 0.12));
}

/* Below the divider: address bold left with a status caption under it,
   the one toggling schedule action right. */
.spdl-share-current-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.spdl-share-current {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.spdl-share-current-address {
	font-size: 14.5px;
	color: var(--md-text-high, rgba(8, 8, 8, 0.87));
}

.spdl-share-current-status {
	font-size: 12.5px;
	color: var(--text-muted, rgba(8, 8, 8, 0.6));
}

.spdl-share .spdl-btn-outlined,
.spdl-share .spdl-btn-text {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: none;
	color: var(--md-primary-variant, #a85f2e);
	font-size: 13.5px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 8px 14px;
	border-radius: 6px;
}

.spdl-share .spdl-btn-outlined {
	border: 1px solid var(--md-primary-variant, #a85f2e);
}

.spdl-share .spdl-btn-text {
	border: 0;
	min-height: 36px;
	padding: 0 8px;
	box-shadow: none;
}

.spdl-share .spdl-btn-outlined:hover,
.spdl-share .spdl-btn-outlined:focus,
.spdl-share .spdl-btn-text:hover,
.spdl-share .spdl-btn-text:focus {
	background: rgba(168, 95, 46, 0.08);
	color: var(--md-primary-variant, #a85f2e);
}

.spdl-share .spdl-btn-outlined[disabled],
.spdl-share .spdl-btn-text[disabled] {
	opacity: 0.7;
	cursor: wait;
}

/* ---------- Responsive ---------- */

@media ( max-width: 700px ) {
	.spdl-cope {
		padding: 16px;
	}
	.spdl-cope-map {
		height: 300px;
	}
	.spdl-cope-table tbody th {
		white-space: normal;
	}
	.spdl-popover {
		left: auto;
		right: 0;
	}
	/* Share + SOV footer (v2.6.2): stack long CTAs cleanly on narrow screens. */
	.spdl-share,
	.spdl-sov-basket {
		padding: 16px;
	}
	.spdl-share-current-row,
	.spdl-sov-basket-head,
	.spdl-sov-basket-actions {
		flex-direction: column;
		align-items: stretch;
	}
	.spdl-share .spdl-btn-outlined,
	.spdl-share .spdl-btn-text,
	.spdl-share .spdl-email-submit,
	.spdl-sov-basket-actions .spdl-button,
	.spdl-sov-basket-actions .spdl-btn-outlined,
	.spdl-sov-basket-actions .spdl-btn-text {
		width: 100%;
		justify-content: center;
		text-align: center;
	}
	.spdl-cope-address-row {
		flex-wrap: wrap;
	}
	.spdl-cope-address-row .spdl-submit {
		width: 100%;
	}
}

/* ---------- Card 2: Schedule of values ---------- */

.spdl-sov-basket {
	margin-top: 16px;
	padding: 20px 24px;
	background: var(--md-surface, #ffffff);
	border: 1px solid var(--border-default, #dcdcdc);
	border-radius: 8px;
	font-size: 15px;
}

.spdl-sov-basket-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.spdl-sov-basket-heading {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.spdl-sov-basket-title {
	font-size: 13px;
	color: var(--text-muted, rgba(8, 8, 8, 0.6));
}

.spdl-sov-basket-actions {
	display: inline-flex;
	gap: 8px;
	flex-wrap: wrap;
}

/* Card 2 shares the share card's text/outlined button styling. */
.spdl-sov-basket .spdl-btn-outlined,
.spdl-sov-basket .spdl-btn-text {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: none;
	color: var(--md-primary-variant, #a85f2e);
	font-size: 13.5px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 8px 14px;
	border-radius: 6px;
	cursor: pointer;
}

.spdl-sov-basket .spdl-btn-outlined {
	border: 1px solid var(--md-primary-variant, #a85f2e);
}

.spdl-sov-basket .spdl-btn-text {
	border: 0;
	padding: 8px 10px;
}

.spdl-sov-basket .spdl-btn-outlined:hover,
.spdl-sov-basket .spdl-btn-outlined:focus,
.spdl-sov-basket .spdl-btn-text:hover,
.spdl-sov-basket .spdl-btn-text:focus {
	background: rgba(168, 95, 46, 0.08);
	color: var(--md-primary-variant, #a85f2e);
}

.spdl-sov-basket .spdl-btn-outlined[disabled],
.spdl-sov-basket .spdl-btn-text[disabled] {
	opacity: 0.45;
	cursor: default;
	background: none;
}

.spdl-sov-basket-empty {
	margin: 12px 0 0;
	font-size: 13.5px;
	color: var(--text-muted, rgba(8, 8, 8, 0.6));
}

/* "+ Look up another address" on a faint surface at the bottom. */
.spdl-sov-basket-another {
	display: block;
	width: 100%;
	margin-top: 12px;
	padding: 10px 14px;
	background: var(--surface-sunken, #f5f6f6);
	border: 0;
	border-radius: 6px;
	text-align: center;
}

.spdl-sov-basket-list {
	list-style: none;
	counter-reset: spdl-sov;
	margin: 12px 0 0;
	padding: 0;
}

.spdl-sov-basket-list li {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 9px 0;
	counter-increment: spdl-sov;
	border-bottom: 1px solid var(--color-line-100, #ececec);
}

/* The mockup's small row numbers. */
.spdl-sov-basket-list li::before {
	content: counter( spdl-sov );
	min-width: 16px;
	font-size: 12px;
	text-align: center;
	color: var(--md-primary, #a85f2e);
}

.spdl-sov-basket-list .spdl-sov-basket-label {
	flex: 1;
	min-width: 0;
}

.spdl-sov-basket-list li:last-child {
	border-bottom: none;
}

.spdl-sov-basket-remove {
	border: none;
	background: none;
	color: var(--md-primary, #a85f2e);
	cursor: pointer;
	font-size: 14px;
	line-height: 1;
	padding: 4px;
}

.spdl-sov-basket-remove:hover,
.spdl-sov-basket-remove:focus {
	color: var(--md-primary-variant, #8a4d25);
}