/*
 * Leather R2 Phase 2 material layer.
 *
 * This file is intentionally client-scoped and loaded after the approved
 * mobile/tablet/desktop R2 layers. It extends Leather to the remaining
 * product surfaces without changing shared DOM, state, routes or APIs.
 */

html[data-theme="leather"] body.public-mode.public-client-tabs {
  --leather-p2-black-texture: url("/app/assets/leather/textures/leather-black-seamless-512.webp");
  --leather-p2-sand-texture: url("/app/assets/leather/textures/leather-sand-seamless-512.webp");
  --leather-p2-black-surface:
    linear-gradient(145deg, rgba(255, 244, 231, 0.025), rgba(0, 0, 0, 0.1)),
    var(--leather-p2-black-texture);
  --leather-p2-black-surface-raised:
    linear-gradient(145deg, rgba(255, 244, 231, 0.045), rgba(0, 0, 0, 0.13)),
    var(--leather-p2-black-texture);
  --leather-p2-sand-surface:
    linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(91, 55, 34, 0.07)),
    var(--leather-p2-sand-texture);
  --leather-p2-sand-surface-pressed:
    linear-gradient(145deg, rgba(87, 52, 31, 0.09), rgba(255, 255, 255, 0.055)),
    var(--leather-p2-sand-texture);
  --leather-p2-edge-dark: #3b2e27;
  --leather-p2-edge-dark-strong: #5f4637;
  --leather-p2-edge-sand: #a77d5d;
  --leather-p2-edge-sand-soft: rgba(112, 73, 47, 0.5);
  --leather-p2-dark-text: #2f241d;
  --leather-p2-dark-muted: #6b4c38;
  --leather-p2-warm-text: #e8d8c7;
  --leather-p2-warm-muted: #b99d86;
  --leather-p2-champagne: #c9a47c;
  --leather-p2-champagne-bright: #e4c7a8;
  --leather-p2-focus: #f0cfad;
  --leather-p2-shadow-low:
    0 4px 10px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 246, 236, 0.04),
    inset 0 -1px 2px rgba(0, 0, 0, 0.25);
  --leather-p2-shadow-medium:
    0 10px 24px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 246, 236, 0.055),
    inset 0 -2px 3px rgba(0, 0, 0, 0.28);
  --leather-p2-shadow-sand:
    0 4px 10px rgba(38, 22, 13, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.23),
    inset 0 -2px 3px rgba(83, 50, 30, 0.15);
}

html[data-theme="leather"] body.public-mode.public-client-tabs main,
html[data-theme="leather"] body.public-mode.public-client-tabs .lead-list,
html[data-theme="leather"] body.public-mode.public-client-tabs .client-search,
html[data-theme="leather"] body.public-mode.public-client-tabs .client-results,
html[data-theme="leather"] body.public-mode.public-client-tabs .newdev-shell,
html[data-theme="leather"] body.public-mode.public-client-tabs .commercial-shell {
  color: var(--leather-p2-warm-text);
}

html[data-theme="leather"] body.public-mode.public-client-tabs :focus-visible {
  outline: 2px solid var(--leather-p2-focus);
  outline-offset: 2px;
}

html[data-theme="leather"] body.public-mode.public-client-tabs ::selection {
  color: #fff7ed;
  background: #704832;
}

html[data-theme="leather"] body.public-mode.public-client-tabs #summary,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-web-compact-section-heading h1,
html[data-theme="leather"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell
  .public-web-results-heading {
  color: var(--leather-p2-champagne-bright);
}

html[data-theme="leather"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell
  .public-web-service-screen-back {
  border: 1px solid var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-champagne);
  background-color: #211a16;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 180px 180px;
  outline-color: var(--leather-p2-focus);
  box-shadow: var(--leather-p2-shadow-low);
}

html[data-theme="leather"] body.public-mode.public-client-tabs button:disabled,
html[data-theme="leather"] body.public-mode.public-client-tabs input:disabled,
html[data-theme="leather"] body.public-mode.public-client-tabs select:disabled,
html[data-theme="leather"] body.public-mode.public-client-tabs textarea:disabled,
html[data-theme="leather"] body.public-mode.public-client-tabs [aria-disabled="true"] {
  border-color: #49372c;
  color: #756050;
  background: #201915;
  background-image: none;
  opacity: 1;
  cursor: not-allowed;
  box-shadow: none;
}

/* Expanded Residential filters: dark organizer, sand leather controls. */
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-filters.telegram-residential-legacy-filters {
  position: relative;
  overflow: visible;
  border: 1px solid var(--leather-p2-edge-dark-strong);
  border-radius: 12px;
  color: var(--leather-p2-warm-text);
  background-color: #171311;
  background-image: var(--leather-p2-black-surface-raised);
  background-size: 100% 100%, 300px 300px;
  box-shadow: var(--leather-p2-shadow-medium);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-filters.telegram-residential-legacy-filters::after {
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background: var(--leather-r2-stitch-b-black) center / 100% 100% no-repeat;
  content: "";
  pointer-events: none;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-filters.telegram-residential-legacy-filters > * {
  position: relative;
  z-index: 1;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-filters.telegram-residential-legacy-filters .client-filter-more,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-filters.telegram-residential-legacy-filters .client-filter-secondary {
  border-color: rgba(201, 164, 124, 0.24);
  color: var(--leather-p2-warm-text);
  background: transparent;
  box-shadow: none;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-filters.telegram-residential-legacy-filters .client-filter-heading,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-filters.telegram-residential-legacy-filters .client-filter > span,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-filters.telegram-residential-legacy-filters .client-compact-filter-label {
  color: var(--leather-p2-warm-muted);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-compact-filter-trigger,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-price-range-group .client-price-range-input,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-hot-deals-toggle,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-filters select,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-filters input,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-search-row input,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-search-row select,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-multi-select summary,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-range-filter input {
  border: 1px solid var(--leather-p2-edge-sand);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image:
    var(--leather-r2-stitch-b-sand),
    var(--leather-p2-sand-surface);
  background-position: center, center, center;
  background-size: 100% 100%, 100% 100%, 240px 240px;
  background-repeat: no-repeat, no-repeat, repeat;
  box-shadow: var(--leather-p2-shadow-sand);
  caret-color: #704832;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-compact-filter-trigger::placeholder,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-price-range-group .client-price-range-input::placeholder,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-filters input::placeholder,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-search-row input::placeholder,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-range-filter input::placeholder {
  color: #765741;
  opacity: 1;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-compact-filter-trigger[aria-expanded="true"] {
  border-color: var(--leather-p2-champagne);
  color: var(--leather-p2-champagne-bright);
  background-color: #171311;
  background-image:
    var(--leather-r2-stitch-a-black),
    var(--leather-p2-black-surface-raised);
  background-size: 100% 100%, 100% 100%, 240px 240px;
  box-shadow:
    inset 0 2px 4px rgba(0, 0, 0, 0.42),
    0 3px 8px rgba(0, 0, 0, 0.32);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-compact-filter-trigger[aria-expanded="true"] .client-compact-filter-chevron {
  border-color: var(--leather-p2-champagne);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-hot-deals-toggle[aria-pressed="true"] {
  border-color: var(--leather-p2-champagne);
  color: var(--leather-p2-champagne-bright);
  background-color: #171311;
  background-image:
    var(--leather-r2-stitch-a-black),
    var(--leather-p2-black-surface-raised);
  background-size: 100% 100%, 100% 100%, 240px 240px;
  box-shadow:
    inset 0 2px 4px rgba(0, 0, 0, 0.42),
    0 3px 8px rgba(0, 0, 0, 0.32);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-live-count {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-warm-muted);
  background-color: #171311;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 260px 260px;
  box-shadow: var(--leather-p2-shadow-low);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-active-filter-chip,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .residential-district-filter-chip,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .residential-nearby-filter-chip {
  border-color: var(--leather-p2-edge-sand);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image: var(--leather-p2-sand-surface);
  background-size: 100% 100%, 180px 180px;
  box-shadow: var(--leather-p2-shadow-sand);
}

html[data-theme="leather"] body.public-mode.public-client-tabs.telegram-client-shell
  .client-search.telegram-residential-results-first
  .client-active-filter-chip,
html[data-theme="leather"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell
  .client-search.residential-results-first
  .client-active-filter-chip {
  border-color: var(--leather-p2-edge-sand);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image: var(--leather-p2-sand-surface-pressed);
  background-size: 100% 100%, 160px 160px;
  outline-color: var(--leather-p2-focus);
  box-shadow: var(--leather-p2-shadow-sand);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-reset,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-subscription-secondary-button,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .favorites-kind-filter,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .favorites-selection-toolbar button {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-champagne);
  background-color: #171311;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 220px 220px;
  box-shadow: var(--leather-p2-shadow-low);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-subscription-primary-button,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .residential-results-actions .primary {
  border-color: var(--leather-p2-edge-sand);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image:
    var(--leather-r2-stitch-b-sand),
    var(--leather-p2-sand-surface);
  background-size: 100% 100%, 100% 100%, 220px 220px;
  box-shadow: var(--leather-p2-shadow-sand);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-search.residential-results-first
  .residential-results-actions
  .client-subscription-secondary-button {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-champagne);
  background-color: #171311;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 220px 220px;
  outline-color: var(--leather-p2-focus);
  box-shadow: var(--leather-p2-shadow-low);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-subscription-feedback,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .platform-role-results-notice {
  border-color: rgba(201, 164, 124, 0.32);
  color: var(--leather-p2-warm-muted);
  background: rgba(23, 19, 17, 0.72);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-subscription-feedback {
  background-image: none;
  box-shadow: inset 0 1px 0 rgba(255, 242, 224, 0.04);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-subscription-feedback::before,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-subscription-feedback::after {
  content: none;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .platform-role-results-notice a {
  color: var(--leather-p2-champagne-bright);
}

/* Compact selector family: Level B shell, Level C rows. */
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-compact-selector-overlay,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-district-picker-overlay,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-overlay,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-map-overlay,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-bedroom-picker-overlay {
  background: rgba(6, 4, 3, 0.8);
  backdrop-filter: blur(8px);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-compact-selector-dialog,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-district-picker-dialog,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-dialog,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-map-dialog,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-bedroom-picker-dialog {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-warm-text);
  background-color: #171311;
  background-image:
    var(--leather-r2-stitch-b-black),
    var(--leather-p2-black-surface-raised);
  background-position: center, center, center;
  background-size: 100% 100%, 100% 100%, 320px 320px;
  background-repeat: no-repeat, no-repeat, repeat;
  box-shadow: 0 -18px 48px rgba(0, 0, 0, 0.54);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-compact-selector-drag-handle::after,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-district-picker-drag-handle::after,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-drag-handle::after {
  background: var(--leather-p2-champagne);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-compact-selector-header,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-district-picker-header,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-header,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-map-header,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-bedroom-picker-dialog > header {
  border-color: rgba(201, 164, 124, 0.24);
  background: transparent;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-compact-selector-header h2,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-district-picker-header h2,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-header h2,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-map-header h2,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-map-header h3,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-bedroom-picker-dialog h2 {
  color: var(--leather-p2-champagne-bright);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-compact-selector-close,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-district-picker-close,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-close,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-map-close {
  border-color: var(--leather-p2-edge-dark);
  color: var(--leather-p2-champagne);
  background: #211a16;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-compact-selector-option,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-district-picker-all,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-district-picker-option,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-bedroom-option {
  border-color: rgba(201, 164, 124, 0.2);
  color: var(--leather-p2-warm-text);
  background: rgba(30, 25, 22, 0.74);
  background-image: none;
  box-shadow: none;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-compact-selector-option:hover,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-district-picker-option:hover,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-bedroom-option:hover {
  background: rgba(58, 43, 35, 0.82);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-compact-selector-option.is-selected,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-district-picker-all.is-selected,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-district-picker-option.is-selected,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-bedroom-option.is-selected {
  border-color: var(--leather-p2-edge-sand);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image: var(--leather-p2-sand-surface-pressed);
  background-size: 100% 100%, 200px 200px;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-compact-selector-check,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-district-picker-check {
  border-color: #80634f;
  background: #211a16;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-compact-selector-option.is-selected .client-compact-selector-check,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-district-picker-option.is-selected .client-district-picker-check {
  border-color: #704832;
  background: #704832;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-district-picker-controls,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-district-picker-footer,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-controls,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-footer {
  border-color: rgba(201, 164, 124, 0.24);
  background: rgba(18, 14, 12, 0.92);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-district-picker-search input,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-field input,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-custom-radius input,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-radius-group select,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-presets,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-map-radius select {
  border-color: var(--leather-p2-edge-sand);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image: var(--leather-p2-sand-surface);
  background-size: 100% 100%, 220px 220px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-district-picker-search input::placeholder,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-field input::placeholder,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-custom-radius input::placeholder {
  color: #765741;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-district-picker-clear,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-clear,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-map-cancel,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-map,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-map-expand {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-champagne);
  background: #211a16;
  outline-color: var(--leather-p2-focus);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-district-picker-apply,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-apply,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-map-apply,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-bedroom-apply {
  border-color: var(--leather-p2-edge-sand);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image:
    var(--leather-r2-stitch-b-sand),
    var(--leather-p2-sand-surface);
  background-size: 100% 100%, 100% 100%, 220px 220px;
  box-shadow: var(--leather-p2-shadow-sand);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-radius-choices button,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-choice {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-warm-muted);
  background: #211a16;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-radius-choices button.is-selected,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-choice.is-selected {
  border-color: var(--leather-p2-edge-sand);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image: var(--leather-p2-sand-surface-pressed);
  background-size: 100% 100%, 180px 180px;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-map-canvas,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-location-map-canvas,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-location-preview,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-map {
  filter: none;
  isolation: isolate;
  border-color: var(--leather-p2-edge-sand);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-location-map-canvas.is-loading {
  color: var(--leather-p2-dark-muted);
  background-color: #eee1d3;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-map-expand,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-map-close,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-map-radius .client-nearby-choice,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-map-apply,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-map-cancel {
  min-height: 44px;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-map-close {
  min-width: 44px;
}

/* New Builds and Commercial filters use the same organizer hierarchy. */
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-filters,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-filters,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-filter-panel {
  position: relative;
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-warm-text);
  background-color: #171311;
  background-image: var(--leather-p2-black-surface-raised);
  background-size: 100% 100%, 300px 300px;
  box-shadow: var(--leather-p2-shadow-medium);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-filters::after,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-filters::after {
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background: var(--leather-r2-stitch-b-black) center / 100% 100% no-repeat;
  content: "";
  pointer-events: none;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-filters > *,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-filters > * {
  position: relative;
  z-index: 1;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-filter-label,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-filter-label,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-range-filter > span,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-results-meta {
  color: var(--leather-p2-warm-muted);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-deal-switch {
  border-color: var(--leather-p2-edge-sand);
  background-color: var(--leather-r2-sand);
  background-image: var(--leather-p2-sand-surface);
  background-size: 100% 100%, 260px 260px;
  box-shadow: var(--leather-p2-shadow-sand);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-deal-switch button {
  color: var(--leather-p2-dark-text);
  background: transparent;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-deal-switch button.is-active {
  border-color: var(--leather-p2-champagne);
  color: var(--leather-p2-champagne-bright);
  background-color: #171311;
  background-image:
    var(--leather-r2-stitch-a-black),
    var(--leather-p2-black-surface-raised);
  background-size: 100% 100%, 100% 100%, 220px 220px;
  box-shadow:
    inset 0 2px 4px rgba(0, 0, 0, 0.42),
    0 3px 8px rgba(0, 0, 0, 0.32);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-multi-menu,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-option-list {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-warm-text);
  background-color: #171311;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 260px 260px;
  box-shadow: var(--leather-p2-shadow-medium);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-check-option {
  border-color: rgba(201, 164, 124, 0.18);
  color: var(--leather-p2-warm-text);
  background: transparent;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-check-option:hover {
  background: rgba(58, 43, 35, 0.72);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-filter-toggle,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-menu-done,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-filter-actions button:not(.primary),
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-reset-row button {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-champagne);
  background-color: #211a16;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 220px 220px;
  box-shadow: var(--leather-p2-shadow-low);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-field,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-field > span,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-picker-radius-group > legend,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-map-hint {
  color: var(--leather-p2-warm-muted);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-map-canvas {
  color: var(--leather-p2-dark-muted);
}

/* Results and cards: natural media, stitched Level B shell. */
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-property-card,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-card,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-card,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-subscription-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-warm-text);
  background-color: #171311;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 300px 300px;
  box-shadow: var(--leather-p2-shadow-medium);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-property-card::after,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card::after,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-card::after,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-card::after,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-subscription-card::after {
  position: absolute;
  z-index: 8;
  inset: 0;
  border-radius: inherit;
  background: var(--leather-r2-stitch-b-black) center / 100% 100% no-repeat;
  content: "";
  pointer-events: none;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-card-media,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-card-photo-frame,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-card-photo-primary-frame,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card-media,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card-photo-frame,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-card-media,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-gallery-frame {
  filter: none;
  background-color: #211a16;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-card-media img,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-card-photo-frame img,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-card-photo-primary-frame img,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card-media img,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-card-media img,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-gallery img,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-detail-gallery img,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-gallery img {
  filter: none;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-card-body,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card-body,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-card-body {
  color: var(--leather-p2-warm-text);
  background: transparent;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-icon-action {
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-champagne);
  background-color: #211a16;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 180px 180px;
  outline-color: var(--leather-p2-focus);
  box-shadow: var(--leather-p2-shadow-low);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-icon-action.is-active {
  border-color: var(--leather-p2-edge-sand-strong, #8f674b);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image: var(--leather-p2-sand-surface-pressed);
  box-shadow: var(--leather-p2-shadow-sand);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-gallery-counter,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-card-feed-arrow,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card-gallery-arrow {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-champagne);
  background: rgba(24, 19, 16, 0.92);
  outline-color: var(--leather-p2-focus);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-card-feed-arrow,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card-gallery-arrow {
  min-width: 44px;
  min-height: 44px;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-card-price,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card-price,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-card-price,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-card-title,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-card-title a,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-card-title {
  color: var(--leather-p2-champagne-bright);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card-body h2,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card-body h2 a,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card-bedroom-range,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-bedroom-range,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-card-body h2,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-card-body h2 a {
  color: var(--leather-p2-champagne-bright);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-card-location,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card-meta,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card-body .newdev-card-meta,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-card-location,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-card-type,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-card-facts,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-card-summary,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-card-meta {
  color: var(--leather-p2-warm-muted);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card-photo-placeholder {
  border-color: var(--leather-p2-edge-dark);
  color: var(--leather-p2-champagne);
  background-color: #211a16;
  background-image: var(--leather-p2-black-surface);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-map-link {
  border-color: rgba(201, 164, 124, 0.24);
  color: var(--leather-p2-champagne-bright);
  background: rgba(33, 26, 22, 0.72);
  outline-color: var(--leather-p2-focus);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-chip,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-spec-pill,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-feature,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card-chips span,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-fact,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-feature-chips span {
  border-color: var(--leather-p2-edge-sand-soft);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image: var(--leather-p2-sand-surface-pressed);
  background-size: 100% 100%, 160px 160px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-chip strong,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-spec-pill strong,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-feature strong,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card-chips strong,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-fact strong,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-feature-chips strong {
  color: inherit;
  border-color: transparent;
  outline-color: var(--leather-p2-focus);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-card-actions .primary,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card-actions .primary,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-card-open {
  border-color: var(--leather-p2-edge-sand);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image:
    var(--leather-r2-stitch-b-sand),
    var(--leather-p2-sand-surface);
  background-size: 100% 100%, 100% 100%, 220px 220px;
  box-shadow: var(--leather-p2-shadow-sand);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-card-actions button:not(.primary),
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card-actions button:not(.primary),
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-card-footer button:not(.commercial-card-open),
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-card-share-actions button {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-champagne);
  background: #211a16;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-deal-badge,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-card-date-badge,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-id-chip,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-ref-chip,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card-delivery-badge,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card-nid-inline,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-card-type {
  border-color: var(--leather-p2-edge-sand);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image: var(--leather-p2-sand-surface-pressed);
  background-size: 100% 100%, 150px 150px;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-card-footer,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-card-footer > span {
  color: var(--leather-p2-warm-muted);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-card-footer .commercial-card-open {
  color: var(--leather-p2-champagne-bright);
}

/* Keep semantic price-reduced/error states recognizable. */
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-price-reduced-badge {
  border-color: #c76658;
  color: #fff7ed;
  background: #a64038;
  background-image: none;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-pagination button,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-pagination button {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-champagne);
  background-color: #211a16;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 200px 200px;
}

/* Property, New Build and Commercial details. */
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-detail,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-detail,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-detail {
  color: var(--leather-p2-warm-text);
  background: transparent;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-main-info,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-detail-header,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-detail-title-row,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-detail-overview,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-sent-panel {
  position: relative;
  overflow: hidden;
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-warm-text);
  background-color: #171311;
  background-image:
    var(--leather-r2-stitch-b-black),
    var(--leather-p2-black-surface-raised);
  background-position: center, center, center;
  background-size: 100% 100%, 100% 100%, 300px 300px;
  background-repeat: no-repeat, no-repeat, repeat;
  box-shadow: var(--leather-p2-shadow-medium);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-detail-section,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-detail-specs,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-unit-group,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-detail-section,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-detail-section,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-form-section,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-summary-card {
  border-color: var(--leather-p2-edge-dark);
  color: var(--leather-p2-warm-text);
  background-color: #1b1512;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 280px 280px;
  box-shadow:
    inset 0 1px 0 rgba(255, 246, 236, 0.035),
    inset 0 -1px 2px rgba(0, 0, 0, 0.24);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-detail-price,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-detail-price-row,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-detail-price,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-detail-section h3,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-detail-section h2,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-unit-group-title,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-content-heading,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-detail-type,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-section-title {
  color: var(--leather-p2-champagne-bright);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-main-info > h1,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-main-info > h2,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-location-heading h3 {
  color: var(--leather-p2-champagne-bright);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-detail-title-row h1,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-detail-title-row h2,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-detail-title-row a {
  color: var(--leather-p2-champagne-bright);
  text-decoration-color: rgba(228, 199, 168, 0.44);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-detail-title-row {
  min-height: 58px;
  padding: 15px 18px;
  border-radius: 8px;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-seo-runtime-breadcrumbs a {
  color: var(--leather-p2-champagne);
  outline-color: var(--leather-p2-focus);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-seo-runtime-breadcrumbs span {
  color: var(--leather-p2-warm-muted);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-detail-location,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-location,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-location-text,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-detail-date,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-description-text,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-detail-section p {
  color: var(--leather-p2-warm-muted);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-detail-spec,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-top-feature-chips .public-chip,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-detail-badges span {
  border-color: var(--leather-p2-edge-sand-soft);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image: var(--leather-p2-sand-surface-pressed);
  background-size: 100% 100%, 160px 160px;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-detail-spec strong {
  color: var(--leather-p2-dark-text);
  border-color: transparent;
  outline-color: var(--leather-p2-focus);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-detail-spec span {
  color: var(--leather-p2-dark-muted);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-unit-row {
  border-color: var(--leather-p2-edge-dark);
  color: var(--leather-p2-warm-text);
  background-color: #211a16;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 190px 190px;
  outline-color: var(--leather-p2-focus);
  box-shadow:
    inset 0 1px 0 rgba(255, 246, 236, 0.025),
    inset 0 -1px 2px rgba(0, 0, 0, 0.2);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-unit-row-header {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-champagne);
  background-color: #171311;
  background-image: var(--leather-p2-black-surface-pressed);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-unit-row span {
  color: inherit;
  border-color: transparent;
  outline-color: var(--leather-p2-focus);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-top-feature-chips {
  border-color: var(--leather-p2-edge-dark);
  background: rgba(27, 21, 18, 0.78);
  box-shadow: inset 0 1px 0 rgba(255, 246, 236, 0.035);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-back,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-back,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-back,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-detail-utility-actions button {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-champagne);
  background-color: #211a16;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 220px 220px;
  box-shadow: var(--leather-p2-shadow-low);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-location-open {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-champagne);
  background: #211a16;
  outline-color: var(--leather-p2-focus);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-icon-action.newdev-detail-favorite {
  min-height: 44px;
  border: 1px solid var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-champagne);
  background-color: #211a16;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 180px 180px;
  outline-color: var(--leather-p2-focus);
  box-shadow: var(--leather-p2-shadow-low);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-icon-action.newdev-detail-favorite.is-active {
  border-color: var(--leather-p2-edge-sand-strong);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image: var(--leather-p2-sand-surface-pressed);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-nid-copy {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-champagne);
  background-color: #211a16;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 180px 180px;
  outline-color: var(--leather-p2-focus);
  box-shadow: var(--leather-p2-shadow-low);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-sticky-cta,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-sticky-cta,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-sticky-actions {
  border-color: var(--leather-p2-edge-dark);
  background-color: rgba(15, 12, 11, 0.96);
  background-image: var(--leather-p2-black-texture);
  background-size: 280px 280px;
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.42);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-sticky-cta .primary,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-sticky-cta .primary,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-sticky-actions .primary {
  border-color: var(--leather-p2-edge-sand);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image:
    var(--leather-r2-stitch-b-sand),
    var(--leather-p2-sand-surface);
  background-size: 100% 100%, 100% 100%, 220px 220px;
  box-shadow: var(--leather-p2-shadow-sand);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-sticky-share {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-champagne);
  background: #211a16;
  outline-color: var(--leather-p2-focus);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-detail-meta p {
  color: var(--leather-p2-champagne);
  border-color: transparent;
  outline-color: var(--leather-p2-focus);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-share {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-champagne);
  background-color: #211a16;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 180px 180px;
  outline-color: var(--leather-p2-focus);
  box-shadow: var(--leather-p2-shadow-low);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .platform-role-detail-notice {
  border-color: rgba(201, 164, 124, 0.28);
  color: var(--leather-p2-warm-muted);
  background: rgba(30, 25, 22, 0.72);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .platform-role-detail-notice h3 {
  color: var(--leather-p2-champagne-bright);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .platform-role-detail-notice p {
  color: var(--leather-p2-warm-muted);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .platform-role-detail-links a {
  color: var(--leather-p2-champagne-bright);
}

/* Favorites and Requests. */
html[data-theme="leather"] body.public-mode.public-client-tabs
  .favorites-kind-filter.is-active,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .favorite-selection-marker.is-selected {
  border-color: var(--leather-p2-edge-sand);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image: var(--leather-p2-sand-surface-pressed);
  background-size: 100% 100%, 180px 180px;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .favorites-kind-filters .favorites-kind-filter {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-champagne);
  background-color: #211a16;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 180px 180px;
  outline-color: var(--leather-p2-focus);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .favorites-kind-filters .favorites-kind-filter.is-active {
  border-color: var(--leather-p2-edge-sand);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image: var(--leather-p2-sand-surface-pressed);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .favorites-kind-filter {
  border-color: var(--leather-p2-edge-dark-strong);
  background-color: #171311;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 240px 240px;
  box-shadow: var(--leather-p2-shadow-low);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .favorites-kind-filter > button {
  border: 1px solid transparent;
  color: var(--leather-p2-warm-muted);
  background: transparent;
  outline-color: var(--leather-p2-focus);
  box-shadow: none;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .favorites-kind-filter > button.is-active {
  border-color: var(--leather-p2-edge-sand);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image: var(--leather-p2-sand-surface-pressed);
  background-size: 100% 100%, 160px 160px;
  box-shadow: var(--leather-p2-shadow-sand);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-screen {
  color: var(--leather-p2-warm-text);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-list-intro,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-card-summary,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-card-meta,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-no-replies,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-contact-note,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-notice,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-message-header time {
  color: var(--leather-p2-warm-muted);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-field-label,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-code,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-card-chevron {
  color: var(--leather-p2-champagne);
  border-color: transparent;
  outline-color: var(--leather-p2-focus);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-card-chevron {
  font-weight: 800;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-choice,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-bedroom-toggle {
  border-color: var(--leather-p2-edge-sand);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image: var(--leather-p2-sand-surface);
  background-size: 100% 100%, 220px 220px;
  box-shadow: var(--leather-p2-shadow-sand);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-bedroom-summary {
  color: var(--leather-p2-dark-text);
  border-color: transparent;
  outline-color: var(--leather-p2-focus);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-choice.is-selected,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-bedroom-toggle[aria-expanded="true"] {
  border-color: var(--leather-p2-champagne);
  color: var(--leather-p2-champagne-bright);
  background-color: #171311;
  background-image:
    var(--leather-r2-stitch-a-black),
    var(--leather-p2-black-surface-raised);
  background-size: 100% 100%, 100% 100%, 220px 220px;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-field input,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-field select,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-field textarea,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-budget-field input,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-composer textarea {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-warm-text);
  background: #211a16;
  caret-color: var(--leather-p2-focus);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.28);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-field input::placeholder,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-field textarea::placeholder,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-budget-field input::placeholder,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-composer textarea::placeholder {
  color: #8d7462;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-message {
  border-color: rgba(201, 164, 124, 0.2);
  color: var(--leather-p2-warm-text);
  background: #211a16;
  background-image: none;
  box-shadow: none;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-message.is-client {
  border-color: #795844;
  background: #2a201a;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-message.is-brand {
  border-color: #9d7556;
  background: #352820;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-message.is-system {
  color: var(--leather-p2-warm-muted);
  background: #191411;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-message-header strong {
  color: var(--leather-p2-champagne);
  border-color: transparent;
  outline-color: var(--leather-p2-focus);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-contact-note {
  border-color: rgba(201, 164, 124, 0.42);
  color: var(--leather-p2-warm-muted);
  background: rgba(30, 25, 22, 0.82);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-platform-role-link,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-privacy-link {
  color: var(--leather-p2-champagne-bright);
  border-color: transparent;
  outline-color: var(--leather-p2-focus);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-platform-role p,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-privacy p,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-web-footer-text {
  color: var(--leather-p2-warm-muted);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-platform-role,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-privacy {
  border-color: rgba(201, 164, 124, 0.28);
  color: var(--leather-p2-warm-muted);
  background: transparent;
}

html[data-theme="leather"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell
  .public-web-footer {
  border-top-color: var(--leather-p2-edge-dark);
  background-color: #171311;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 280px 280px;
}

html[data-theme="leather"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell
  .public-web-footer-copy {
  color: var(--leather-p2-warm-muted);
}

html[data-theme="leather"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell
  .public-web-footer-link {
  color: var(--leather-p2-champagne-bright);
  outline-color: var(--leather-p2-focus);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-submit,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-message-submit,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-create-button,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-sent-actions .primary {
  border-color: var(--leather-p2-edge-sand);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image:
    var(--leather-r2-stitch-b-sand),
    var(--leather-p2-sand-surface);
  background-size: 100% 100%, 100% 100%, 220px 220px;
  box-shadow: var(--leather-p2-shadow-sand);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-sent-actions button:not(.primary),
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-refresh-button {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-champagne);
  background: #211a16;
}

/* Loading, empty and error states stay functional and quiet. */
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-empty-panel,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-empty,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-error,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-state,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-empty-state {
  border-color: var(--leather-p2-edge-dark);
  color: var(--leather-p2-warm-muted);
  background-color: #1b1512;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 260px 260px;
  box-shadow: var(--leather-p2-shadow-low);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-empty-panel h2,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-state h2 {
  color: var(--leather-p2-champagne-bright);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-empty-panel p,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-state p {
  color: var(--leather-p2-warm-muted);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-empty-panel .primary,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-error .primary,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-state .primary {
  border-color: var(--leather-p2-edge-sand);
  color: var(--leather-p2-dark-text);
  background-color: var(--leather-r2-sand);
  background-image:
    var(--leather-r2-stitch-b-sand),
    var(--leather-p2-sand-surface);
  background-size: 100% 100%, 100% 100%, 220px 220px;
  box-shadow: var(--leather-p2-shadow-sand);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-empty-panel button:not(.primary),
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-error button:not(.primary),
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-state button:not(.primary) {
  border-color: var(--leather-p2-edge-dark-strong);
  color: var(--leather-p2-champagne);
  background-color: #211a16;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 180px 180px;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-empty-panel button,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-error button,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-state button {
  min-height: 44px;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-skeleton-detail {
  border-color: var(--leather-p2-edge-dark-strong);
  background-color: #171311;
  background-image: var(--leather-p2-black-surface);
  background-size: 100% 100%, 260px 260px;
  box-shadow: var(--leather-p2-shadow-low);
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-skeleton,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-skeleton-line,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-skeleton-pill,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-gallery-placeholder,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .newdev-card-photo-placeholder {
  border-color: #49372c;
  background:
    linear-gradient(100deg, #211a16 20%, #352820 38%, #211a16 56%);
  background-size: 220% 100%;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-error-state,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .request-lite-inline-error,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .commercial-inline-error,
html[data-theme="leather"] body.public-mode.public-client-tabs
  .client-nearby-status.is-error {
  border-color: #8d493f;
  color: #e2a195;
  background: #2b1917;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-web-footer {
  border-top-color: var(--leather-p2-edge-dark);
  color: var(--leather-p2-warm-muted);
  background-color: #15100e;
  background-image: var(--leather-p2-black-texture);
  background-size: 300px 300px;
}

html[data-theme="leather"] body.public-mode.public-client-tabs
  .public-web-footer-link {
  color: var(--leather-p2-champagne);
}

@media (min-width: 900px) {
  html[data-theme="leather"] body.public-mode.public-client-tabs
    .client-compact-selector-overlay[data-presentation="popover"] {
    background: transparent;
    backdrop-filter: none;
  }

  html[data-theme="leather"] body.public-mode.public-client-tabs
    .client-compact-selector-overlay[data-presentation="popover"]
    .client-compact-selector-dialog {
    border: 1px solid var(--leather-p2-edge-dark-strong);
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.52);
  }
}

@media (min-width: 1100px) {
  html[data-theme="leather"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell
    .client-search.residential-results-first
    .residential-results-action-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="leather"] body.public-mode.public-client-tabs
    .public-skeleton,
  html[data-theme="leather"] body.public-mode.public-client-tabs
    .public-skeleton-line,
  html[data-theme="leather"] body.public-mode.public-client-tabs
    .public-skeleton-pill {
    animation: none;
  }
}

@media (prefers-reduced-transparency: reduce) {
  html[data-theme="leather"] body.public-mode.public-client-tabs
    .client-compact-selector-overlay,
  html[data-theme="leather"] body.public-mode.public-client-tabs
    .client-district-picker-overlay,
  html[data-theme="leather"] body.public-mode.public-client-tabs
    .client-nearby-picker-overlay,
  html[data-theme="leather"] body.public-mode.public-client-tabs
    .client-nearby-map-overlay {
    background: #0f0c0b;
    backdrop-filter: none;
  }
}