:root {
  --primary: #1457d9;
  --bg: #f5f7fb;
  --panel: #ffffff;
  --text: #172033;
  --muted: #667085;
  --line: #d8deea;
  --accent: var(--primary);
  --ok: #12805c;
  --warn: #a15c00;
  --bad: #b42318;
  --shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
}

/* PREMIUM-GRAPHITE-TEAL-THEME-1: client-only semantic color layer. */
body.public-mode.public-client-tabs {
  --app-bg: #f4f6f3;
  --app-bg-elevated: #f7f9f8;
  --surface-1: #ffffff;
  --surface-2: #f7faf6;
  --surface-3: #eef4f2;
  --text-primary: #14272b;
  --text-secondary: #52666b;
  --text-muted: #738184;
  --text-inverse: #ffffff;
  --border-subtle: #e7ece7;
  --border-default: #dfe6df;
  --border-strong: #b8c8c8;
  --accent-text: #0d6f73;
  --accent-fill: #0d5b63;
  --accent-hover: #0b666a;
  --accent-active: #095b60;
  --accent-soft: #f0faf8;
  --accent-contrast: #ffffff;
  --focus-ring: #2563eb;
  --overlay: rgba(15, 32, 35, 0.42);
  --success: #12805c;
  --warning: #a15c00;
  --danger: #b42318;
  --input-bg: #ffffff;
  --input-border: #cad7d5;
  --input-placeholder: #75848a;
  --disabled-bg: #f3f5f4;
  --disabled-border: #dfe6df;
  --disabled-text: #99a5a7;
  --skeleton-base: #e8eeee;
  --skeleton-highlight: #f7f9f8;
  --shadow-sm: 0 4px 14px rgba(18, 39, 43, 0.06);
  --shadow-md: 0 14px 40px rgba(18, 39, 43, 0.075);
}

body.public-mode.public-client-tabs.appearance-open {
  overflow: hidden;
}

body.public-mode.public-client-tabs .appearance-entry-button {
  display: inline-flex;
  flex: 0 0 auto;
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 10px;
  border: 1px solid var(--border-default);
  border-radius: 7px;
  color: var(--text-secondary);
  background: var(--surface-1);
  box-shadow: none;
  font: inherit;
  font-size: 12px;
  font-weight: 720;
  line-height: 1;
  cursor: pointer;
}

body.public-mode.public-client-tabs .appearance-entry-button:hover {
  border-color: var(--border-strong);
  color: var(--accent-text);
  background: var(--surface-2);
}

body.public-mode.public-client-tabs .appearance-entry-button:active {
  color: var(--accent-text);
  background: var(--accent-soft);
}

body.public-mode.public-client-tabs .appearance-entry-button:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--focus-ring) 42%, transparent);
  outline-offset: 2px;
}

body.public-mode.public-client-tabs .appearance-entry-icon {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  font-size: 19px;
  font-weight: 500;
  line-height: 1;
}

body.public-mode.public-client-tabs .telegram-appearance-fallback {
  width: 44px;
  padding: 0;
  border-radius: 50%;
}

body.public-mode.public-client-tabs .telegram-appearance-fallback .appearance-entry-label {
  display: none;
}

body.public-mode.public-client-tabs .appearance-overlay[hidden] {
  display: none !important;
}

body.public-mode.public-client-tabs .appearance-overlay {
  position: fixed;
  z-index: 12000;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-top: max(16px, env(safe-area-inset-top));
  background: var(--overlay);
}

body.public-mode.public-client-tabs .appearance-dialog {
  display: grid;
  width: 100%;
  max-height: min(78dvh, 560px);
  grid-template-rows: auto auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--border-default);
  border-bottom: 0;
  border-radius: 22px 22px 0 0;
  color: var(--text-primary);
  background: var(--app-bg-elevated);
  box-shadow: var(--shadow-md);
}

body.public-mode.public-client-tabs .appearance-drag-handle {
  width: 42px;
  height: 20px;
  margin: 0 auto;
}

body.public-mode.public-client-tabs .appearance-drag-handle::after {
  display: block;
  width: 34px;
  height: 4px;
  margin: 8px auto;
  border-radius: 999px;
  background: var(--border-strong);
  content: "";
}

body.public-mode.public-client-tabs .appearance-header {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 14px 10px;
  border-bottom: 1px solid var(--border-subtle);
}

body.public-mode.public-client-tabs .appearance-title {
  min-width: 0;
  margin: 0;
  color: var(--text-primary);
  font-size: 19px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
}

body.public-mode.public-client-tabs .appearance-close {
  display: inline-flex;
  flex: 0 0 44px;
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: var(--text-secondary);
  background: transparent;
  box-shadow: none;
  font-size: 24px;
  line-height: 1;
}

body.public-mode.public-client-tabs .appearance-close:hover,
body.public-mode.public-client-tabs .appearance-close:active {
  color: var(--text-primary);
  background: var(--surface-2);
}

body.public-mode.public-client-tabs .appearance-options {
  display: grid;
  min-height: 0;
  gap: 7px;
  padding: 12px 14px calc(14px + env(safe-area-inset-bottom));
  overflow-y: auto;
}

body.public-mode.public-client-tabs .appearance-option {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 64px;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  padding: 10px 12px;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  color: var(--text-primary);
  background: var(--surface-1);
  cursor: pointer;
}

body.public-mode.public-client-tabs .appearance-option:hover {
  border-color: var(--border-strong);
  background: var(--surface-2);
}

body.public-mode.public-client-tabs .appearance-option.is-selected {
  border-color: var(--accent-text);
  color: var(--text-primary);
  background: var(--accent-soft);
}

body.public-mode.public-client-tabs .appearance-option input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

body.public-mode.public-client-tabs .appearance-radio {
  position: relative;
  width: 18px;
  height: 18px;
  border: 1px solid var(--border-strong);
  border-radius: 50%;
  background: var(--input-bg);
}

body.public-mode.public-client-tabs .appearance-option.is-selected .appearance-radio {
  border-color: var(--accent-fill);
  background: var(--accent-fill);
}

body.public-mode.public-client-tabs .appearance-option.is-selected .appearance-radio::after {
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: var(--accent-contrast);
  content: "";
}

body.public-mode.public-client-tabs .appearance-option:has(input:focus-visible) {
  outline: 3px solid color-mix(in srgb, var(--focus-ring) 42%, transparent);
  outline-offset: 2px;
}

body.public-mode.public-client-tabs .appearance-option-copy {
  display: grid;
  min-width: 0;
  gap: 3px;
}

body.public-mode.public-client-tabs .appearance-option-title {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 780;
  line-height: 1.2;
}

body.public-mode.public-client-tabs .appearance-option-description {
  color: var(--text-secondary);
  font-size: 12.5px;
  line-height: 1.35;
}

@media (max-width: 720px) {
  body.public-mode.public-client-tabs .public-web-appearance-button .appearance-entry-label {
    display: none;
  }

  body.public-mode.public-client-tabs .public-web-appearance-button {
    width: 44px;
    padding: 0;
  }
}

@media (min-width: 768px) {
  body.public-mode.public-client-tabs .appearance-overlay {
    align-items: center;
    padding: 24px;
  }

  body.public-mode.public-client-tabs .appearance-dialog {
    width: min(420px, 100%);
    border-bottom: 1px solid var(--border-default);
    border-radius: 8px;
  }

  body.public-mode.public-client-tabs .appearance-drag-handle {
    display: none;
  }

  body.public-mode.public-client-tabs .appearance-header {
    padding-top: 12px;
  }

  body.public-mode.public-client-tabs .appearance-options {
    padding-bottom: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.public-mode.public-client-tabs .appearance-entry-button,
  body.public-mode.public-client-tabs .appearance-option,
  body.public-mode.public-client-tabs .appearance-close {
    transition: none;
  }
}

@media (prefers-reduced-transparency: reduce) {
  body.public-mode.public-client-tabs .appearance-overlay {
    background: rgba(0, 0, 0, 0.78);
    backdrop-filter: none;
  }
}

/* Admin workspace cleanup and Bazaraki manual-review controls. */
body.internal-mode .tabs {
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: none;
}

body.internal-mode .tabs::-webkit-scrollbar {
  display: none;
}

body.internal-mode .tab {
  flex: 1 0 auto;
  min-height: 42px;
}

.manual-review-intro {
  display: grid;
  gap: 5px;
  width: 100%;
  padding: 2px 2px 10px;
  border-bottom: 1px solid var(--line);
}

.manual-review-intro h2,
.manual-review-intro p {
  margin: 0;
}

.manual-review-intro h2 {
  font-size: 17px;
}

.manual-review-intro p {
  max-width: 760px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.lead-card.is-manual-review {
  border-color: #bfd4d2;
  box-shadow: 0 8px 24px rgba(29, 83, 81, 0.09);
}

.manual-review-evidence {
  display: grid;
  gap: 7px;
  margin-top: 12px;
  padding: 10px 0 0;
  border-top: 1px solid #d7e3e2;
}

.manual-review-evidence h3,
.manual-review-evidence p {
  margin: 0;
}

.manual-review-evidence h3 {
  color: #285f5e;
  font-size: 13px;
  line-height: 1.3;
}

.manual-review-reason,
.manual-review-evidence-missing,
.manual-review-meta {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.manual-review-evidence-missing {
  color: var(--bad);
}

.manual-review-comparison {
  display: grid;
  gap: 5px;
}

.manual-review-comparison-row {
  display: grid;
  grid-template-columns: minmax(84px, 0.35fr) minmax(0, 1fr);
  gap: 8px;
  font-size: 12.5px;
  line-height: 1.35;
}

.manual-review-comparison-row strong {
  color: var(--text);
}

.manual-review-comparison-row span {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #44585d;
}

.object-actions {
  display: grid;
  align-content: start;
  gap: 8px;
  max-width: 390px;
}

.object-primary-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.object-primary-actions > button,
.object-primary-actions > .action-link {
  flex: 1 1 150px;
}

.object-more-actions {
  width: 100%;
}

.object-more-actions > summary {
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 7px;
  color: var(--text);
  background: #ffffff;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}

.object-more-actions > summary::-webkit-details-marker {
  display: none;
}

.object-more-actions[open] > summary {
  border-color: #abc9c7;
  background: #f5f9f8;
}

.object-more-actions-body {
  display: grid;
  gap: 12px;
  padding-top: 10px;
}

.object-action-group {
  display: grid;
  gap: 6px;
}

.object-action-group h3 {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.object-action-group-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.object-action-group-buttons button,
.object-action-group-buttons .action-link {
  width: 100%;
  min-height: 40px;
  white-space: normal;
}

.object-load-more {
  justify-self: center;
  width: min(100%, 320px);
  min-height: 44px;
}

.admin-more-workspace {
  display: grid;
  gap: 22px;
  width: min(100%, 760px);
}

.admin-more-section {
  display: grid;
  gap: 0;
}

.admin-more-section h2 {
  margin: 0;
  padding: 0 2px 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.admin-more-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 58px;
  padding: 9px 4px;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  color: var(--text);
  background: transparent;
  text-align: left;
}

.admin-more-row:last-child {
  border-bottom: 1px solid var(--line);
}

.admin-more-row-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.admin-more-row-copy strong {
  font-size: 14px;
}

.admin-more-row-copy span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.admin-more-row-tail {
  color: var(--accent);
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
}

@media (max-width: 980px) {
  .object-actions {
    max-width: none;
  }

  .object-primary-actions {
    justify-content: stretch;
  }
}

@media (max-width: 520px) {
  body.internal-mode .tabs {
    gap: 5px;
  }

  body.internal-mode .tab {
    min-height: 40px;
    padding: 7px 10px;
    font-size: 12px;
  }

  .manual-review-comparison-row {
    grid-template-columns: 1fr;
    gap: 2px;
  }

  .object-action-group-buttons {
    grid-template-columns: 1fr;
  }

  .object-primary-actions > button,
  .object-primary-actions > .action-link {
    flex-basis: 100%;
  }
}

/* PLATFORM-ROLE-DISCLAIMER-1: restrained, single-instance legal context. */
.platform-role-results-notice,
.seo-platform-role-results-notice {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 9px;
  width: 100%;
  min-width: 0;
  padding: 6px 2px;
  border-top: 1px solid #e1e8e7;
  border-bottom: 1px solid #e1e8e7;
  color: #647477;
  background: transparent;
  font-size: 12.5px;
  line-height: 1.42;
}

.platform-role-results-notice p,
.seo-platform-role-results-notice p {
  flex: 1 1 270px;
  min-width: 0;
  margin: 0;
}

.platform-role-inline-link,
.request-lite-platform-role-link,
.public-web-footer-link,
.seo-platform-role-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #0e696f;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.platform-role-inline-link:focus-visible,
.request-lite-platform-role-link:focus-visible,
.public-web-footer-link:focus-visible,
.seo-platform-role-link:focus-visible {
  outline: 3px solid rgba(14, 105, 111, 0.24);
  outline-offset: 2px;
}

.platform-role-detail-notice,
.seo-platform-role-detail-notice {
  width: 100%;
  min-width: 0;
  margin: 10px 0 4px;
  padding: 11px 2px 7px;
  border-top: 1px solid #e1e8e7;
  border-bottom: 1px solid #e1e8e7;
  color: #526568;
  background: transparent;
}

.platform-role-detail-notice h3,
.seo-platform-role-detail-notice h2 {
  margin: 0 0 4px;
  color: #294447;
  font-size: 13.5px;
  font-weight: 750;
  line-height: 1.3;
}

.platform-role-detail-notice p,
.seo-platform-role-detail-notice p {
  margin: 0;
  color: #5b6d70;
  font-size: 12.5px;
  line-height: 1.42;
}

.platform-role-detail-links {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
}

.request-lite-platform-role {
  display: grid;
  justify-items: start;
  gap: 2px;
  padding: 8px 2px 0;
  border-top: 1px solid #e1e8e7;
  color: #526467;
  font-size: 13px;
  line-height: 1.45;
}

.request-lite-platform-role p {
  margin: 0;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-footer {
  width: 100%;
  border-top: 1px solid var(--public-web-line, #dce6e7);
  background: #ffffff;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-footer-inner {
  display: grid;
  gap: 8px 24px;
  width: min(1440px, calc(100% - 24px));
  margin: 0 auto;
  padding: 20px 0 calc(22px + env(safe-area-inset-bottom));
}

body.public-mode.browser-public-mode.public-web-shell .public-web-footer-copy {
  max-width: 720px;
  margin: 0;
  color: var(--public-web-muted, #62757a);
  font-size: 12.5px;
  line-height: 1.45;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-footer-links,
.seo-footer-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 18px;
}

.seo-footer-copy {
  flex: 1 1 460px;
  max-width: 720px;
  margin: 0;
  color: var(--seo-muted, #62757a);
  font-size: 12.5px;
  line-height: 1.45;
}

.seo-platform-role-results-notice {
  margin: 8px 0 12px;
}

.seo-platform-role-detail-notice {
  max-width: 820px;
}

@media (min-width: 768px) {
  body.public-mode.browser-public-mode.public-web-shell .public-web-footer-inner {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 28px;
  }

  .platform-role-results-notice,
  .seo-platform-role-results-notice {
    flex-wrap: nowrap;
  }
}

* {
  box-sizing: border-box;
  word-break: break-word;
}

[hidden] {
  display: none !important;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  min-height: 100dvh;
  overflow-x: hidden;
}

html.public-mode {
  background: #ffffff;
}

html.internal-mode {
  background: var(--bg);
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.45;
}

button,
input,
select {
  font: inherit;
}

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  max-width: 100%;
  padding: 16px 24px;
  background: var(--panel);
  border-bottom: 1px solid var(--line);
}

.topbar > div {
  min-width: 0;
}

.brand-block {
  min-width: 0;
}

.brand-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.brand-logo {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  display: block;
  border-radius: 8px;
  object-fit: cover;
}

h1 {
  margin: 0;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 0;
}

#summary {
  margin: 4px 0 0;
  color: var(--muted);
}

.identity {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.manager {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 100%;
}

.lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.to-chat-button {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 7px 12px;
  border-radius: 8px;
  color: var(--accent);
  background: #fff;
}

.telegram-fullscreen-toggle {
  display: none;
  position: fixed;
  left: calc(16px + env(safe-area-inset-left));
  top: calc(16px + env(safe-area-inset-top));
  right: auto;
  bottom: auto;
  z-index: 1200;
  width: auto;
  min-height: 40px;
  padding: 9px 14px;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 999px;
  color: #fff;
  background: rgba(15, 118, 110, 0.94);
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.26);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.telegram-fullscreen-toggle.is-visible {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.lang-option {
  min-height: 30px;
  padding: 5px 8px;
  border-color: transparent;
  border-radius: 6px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1;
}

.lang-option.is-active {
  background: #eef4ff;
  color: var(--accent);
  border-color: var(--accent);
}

.manager label,
#statusText,
.meta {
  color: var(--muted);
  font-size: 13px;
}

select,
input {
  width: 100%;
  max-width: 100%;
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--text);
  padding: 8px 10px;
}

button {
  max-width: 100%;
  min-height: 38px;
  border: 1px solid #c9d3e3;
  border-radius: 8px;
  background: #fff;
  color: var(--primary);
  padding: 8px 14px;
  cursor: pointer;
  font-weight: 600;
}

button:hover {
  border-color: var(--primary);
}

.action-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-height: 38px;
  border: 1px solid #c9d3e3;
  border-radius: 8px;
  background: #fff;
  color: var(--primary);
  padding: 8px 14px;
  text-decoration: none;
  font-weight: 600;
}

.action-link:hover {
  border-color: var(--primary);
}

.telegram-catalog-action {
  gap: 7px;
}

.telegram-catalog-icon {
  display: inline-flex;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: #229ed9;
}

.telegram-catalog-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

button.primary {
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
}

button.ok {
  border-color: #9ed8c4;
  color: var(--ok);
}

button.warn {
  border-color: #f3c980;
  color: var(--warn);
}

button.bad {
  border-color: #f3b4ae;
  color: var(--bad);
}

main {
  width: 100%;
  max-width: 1180px;
  margin: 18px auto 40px;
  padding: 0 16px;
}

.tabs,
.bucket-filters,
.toolbar,
.status-filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  max-width: 100%;
}

.tabs {
  margin-bottom: 12px;
}

.bucket-filters {
  margin: 0 0 12px;
}

.tab {
  background: #fff;
}

.tab-newdev {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-color: #d91f2a;
  color: #111827;
  font-weight: 800;
  line-height: 1.1;
}

.tab-newdev-logo {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 50%;
  object-fit: cover;
}

.tab-newdev.is-active,
.tab-newdev:hover {
  border-color: #d91f2a;
  background: #fff3f4;
  color: #111827;
}

.tab.is-active,
.bucket-filter.is-active {
  border-color: var(--accent);
  background: #eef4ff;
  color: var(--accent);
  font-weight: 700;
}

.tab-newdev.is-active {
  border-color: #d91f2a;
  background: #fff3f4;
  color: #111827;
}

.bucket-filter {
  min-height: 34px;
  padding: 6px 12px;
  background: #fff;
}

.status-filter {
  min-height: 34px;
  padding: 6px 12px;
  color: var(--muted);
}

.status-filter.is-active {
  border-color: var(--accent);
  background: #eef5ff;
  color: var(--accent);
  font-weight: 700;
}

.newdev-shell {
  display: grid;
  gap: 14px;
}

.newdev-hero {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(217, 31, 42, 0.25);
  border-radius: 8px;
  background: #fff;
}

.newdev-hero img {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  object-fit: cover;
}

.newdev-hero h1 {
  margin: 0 0 4px;
  font-size: 20px;
  line-height: 1.15;
}

.newdev-hero p {
  margin: 0;
  color: var(--muted);
  line-height: 1.35;
}

.newdev-filters {
  grid-template-columns: minmax(110px, 0.7fr) minmax(120px, 1fr) minmax(74px, auto);
}

.newdev-filter-secondary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.newdev-filter-secondary .client-filter[data-filter-name="sort"],
.newdev-reset-row {
  grid-column: 1 / -1;
}

.newdev-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 12px;
}

.newdev-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(17, 24, 39, 0.06);
  cursor: pointer;
}

.newdev-card:focus-visible {
  outline: 2px solid #d91f2a;
  outline-offset: 2px;
}

.newdev-card-media {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #f3f4f6;
}

.newdev-card-photo-rail {
  display: flex;
  gap: 0;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y;
  scrollbar-width: none;
}

.newdev-card-photo-rail::-webkit-scrollbar {
  display: none;
}

.newdev-card-photo-frame {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.newdev-card-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  user-select: none;
}

.newdev-card-delivery-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  max-width: calc(50% - 12px);
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #111827;
  box-shadow: 0 4px 12px rgba(17, 24, 39, 0.16);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.1;
}

.newdev-card-photo-counter {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  max-width: calc(50% - 12px);
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #111827;
  box-shadow: 0 4px 12px rgba(17, 24, 39, 0.16);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.1;
  white-space: nowrap;
}

body.public-mode .newdev-card-favorite {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 4;
}

.newdev-card-body {
  display: grid;
  gap: 8px;
  padding: 12px;
}

.newdev-card-body h2 {
  margin: 0;
  font-size: 17px;
  line-height: 1.2;
}

.newdev-card-meta {
  color: var(--muted);
  font-size: 13px;
}

.newdev-card-bedroom-range,
.newdev-bedroom-range {
  color: #111827;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.25;
}

.newdev-card-price {
  font-size: 16px;
  font-weight: 800;
}

.newdev-card-price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.newdev-card-price-row .newdev-card-price {
  flex: 1 1 auto;
  min-width: 0;
}

.newdev-card-nid-inline {
  flex: 0 0 auto;
  padding: 6px 10px;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.96);
  color: #111827;
  box-shadow: 0 4px 12px rgba(17, 24, 39, 0.1);
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
}

.newdev-card-actions {
  margin-top: 4px;
}

.newdev-card-actions button.primary {
  flex: 1 1 170px;
}

.newdev-card-actions button:not(.primary) {
  flex: 0 1 auto;
}

.newdev-card-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.newdev-card-chips span {
  padding: 5px 8px;
  border-radius: 999px;
  background: #f3f4f6;
  color: #374151;
  font-size: 12px;
  font-weight: 700;
}

.newdev-card-nid-badge {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 1;
  padding: 6px 10px;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.96);
  color: #111827;
  box-shadow: 0 4px 12px rgba(17, 24, 39, 0.12);
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
}

.newdev-detail {
  display: grid;
  gap: 12px;
  max-width: 820px;
}

.newdev-detail-title-row {
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.newdev-detail-title-row h2 {
  flex: 1 1 auto;
  min-width: 0;
}

.newdev-detail-title-row .newdev-nid-copy {
  flex: 0 0 auto;
  margin-top: 2px;
}

.newdev-detail-gallery {
  display: grid;
  gap: 8px;
  width: 100%;
  min-width: 0;
}

.newdev-detail-gallery h3,
.newdev-units h3 {
  margin: 0;
  color: var(--text);
  font-size: 15px;
  line-height: 1.25;
}

.newdev-detail-photo-shell {
  position: relative;
  min-width: 0;
}

.newdev-detail-photo-shell .newdev-detail-favorite {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 6;
}

.newdev-detail-photo-rail {
  display: flex;
  gap: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 0 6px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y;
}

.newdev-detail-photo-frame {
  position: relative;
  flex: 0 0 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid #edf1f7;
  border-radius: 10px;
  background: #eef2f7;
  scroll-snap-align: start;
}

.newdev-detail-photo-frame.has-detail-photo-backdrop {
  background-image:
    linear-gradient(rgba(244, 248, 247, 0.68), rgba(244, 248, 247, 0.68)),
    var(--detail-photo-backdrop);
  background-size: cover;
  background-position: center;
}

.newdev-detail-photo-frame img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  user-select: none;
}

.newdev-detail-photo-frame > img.has-detail-photo-backdrop:not(.newdev-photo-watermark) {
  background-image:
    linear-gradient(rgba(244, 248, 247, 0.68), rgba(244, 248, 247, 0.68)),
    var(--detail-photo-backdrop);
  background-size: cover;
  background-position: center;
}

.newdev-card-media img.newdev-photo-watermark,
.newdev-detail-photo-frame img.newdev-photo-watermark {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: clamp(108px, 24%, 152px);
  height: auto;
  max-width: 34%;
  max-height: 34%;
  display: block;
  object-fit: contain;
  opacity: 0.72;
  pointer-events: none;
  transform: translate(-50%, -50%);
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  user-select: none;
}

.newdev-card-photo-placeholder {
  display: grid;
  place-items: center;
  color: #8b98a8;
  font-weight: 700;
}

.newdev-unit-list {
  display: grid;
  gap: 12px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  padding-bottom: 2px;
  -webkit-overflow-scrolling: touch;
}

.newdev-unit-group {
  display: grid;
  gap: 6px;
  width: 100%;
  min-width: 0;
}

.newdev-unit-group-title {
  color: var(--text);
  font-size: 14px;
  font-weight: 850;
  line-height: 1.3;
}

.newdev-unit-row {
  display: grid;
  grid-template-columns: minmax(88px, 1.45fr) minmax(54px, 0.92fr) minmax(58px, 0.98fr) minmax(34px, 0.58fr) minmax(36px, 0.62fr) minmax(48px, 0.78fr);
  gap: 3px;
  align-items: center;
  width: 100%;
  min-width: 0;
  padding: 8px 4px;
  border: 1px solid #edf1f7;
  border-radius: 8px;
  background: #f8fafc;
  color: var(--text);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.25;
  text-align: center;
}

.newdev-unit-row-header {
  background: #fff;
  color: var(--muted);
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1.15;
  text-transform: none;
}

.newdev-unit-row span {
  min-width: 0;
  justify-self: center;
  overflow: visible;
  text-align: center;
  text-overflow: clip;
  white-space: normal;
}

.newdev-unit-row-header > span {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  line-height: 1.05;
}

.newdev-unit-row-header .newdev-unit-header-label,
.newdev-unit-row-header .newdev-unit-header-unit {
  display: block;
  min-width: 0;
  overflow: visible;
  text-align: center;
  white-space: nowrap;
}

.newdev-unit-row-header .newdev-unit-header-unit {
  font-size: 10px;
  font-weight: 850;
}

.newdev-unit-row:not(.newdev-unit-row-header) span {
  white-space: nowrap;
}

.newdev-unit-row:not(.newdev-unit-row-header) span:first-child {
  font-size: 11.5px;
  white-space: nowrap;
}

.newdev-nid-copy {
  position: relative;
  justify-self: end;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid #d1d5db;
  border-radius: 999px;
  background: #fff;
  color: #111827;
  font-size: 12px;
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08);
}

.newdev-nid-copy.is-copied {
  border-color: var(--accent);
  color: var(--accent);
}

.newdev-nid-copy.is-copied::after {
  content: attr(data-copied-label);
  position: absolute;
  right: 0;
  bottom: calc(100% + 6px);
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(17, 24, 39, 0.88);
  color: #fff;
  font-family: inherit;
  font-size: 10.5px;
  font-weight: 760;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(17, 24, 39, 0.18);
  pointer-events: none;
}

body.public-mode .public-card-media img,
body.public-mode .public-card-photo {
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  user-select: none;
}

.toolbar {
  justify-content: space-between;
  margin-bottom: 8px;
}

.status-filters {
  flex-wrap: wrap;
  margin-bottom: 12px;
}

#filterInput {
  width: 100%;
  max-width: 520px;
}

.lead-list {
  display: grid;
  gap: 10px;
  width: 100%;
  max-width: 100%;
}

.legacy-panel {
  display: grid;
  gap: 8px;
  width: 100%;
}

.analytics-dashboard {
  display: grid;
  gap: 14px;
  width: 100%;
}

.analytics-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
}

.analytics-metric,
.analytics-section {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.analytics-metric {
  min-height: 92px;
  padding: 14px;
}

.analytics-metric-value {
  color: var(--text);
  font-size: 28px;
  line-height: 1.1;
  font-weight: 800;
}

.analytics-metric-label {
  margin-top: 6px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.analytics-metric-sub {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
}

.analytics-section {
  padding: 12px;
}

.analytics-section h2 {
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.3;
}

.analytics-list {
  display: grid;
  gap: 8px;
}

.analytics-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcff;
}

.analytics-row.is-clickable {
  cursor: pointer;
}

.analytics-row.is-clickable:hover,
.analytics-row.is-clickable:focus-visible {
  border-color: var(--accent);
  outline: none;
}

.analytics-row-main {
  min-width: 0;
}

.analytics-row-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  color: var(--text);
  font-weight: 700;
}

.analytics-row-badge {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 2px 6px;
  border-radius: 999px;
  background: #fff4d9;
  color: #8a5a00;
  font-size: 11px;
  font-weight: 800;
}

.analytics-row-sub,
.analytics-row-meta,
.analytics-empty {
  color: var(--muted);
  font-size: 12px;
}

.analytics-row-meta {
  text-align: right;
  white-space: nowrap;
}

.analytics-row-menu-toggle {
  width: 32px;
  min-width: 32px;
  min-height: 30px;
  padding: 0;
  border-radius: 7px;
  border: 1px solid var(--line);
  background: #fff;
  color: var(--muted);
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
}

.analytics-row-menu-toggle:active {
  transform: translateY(1px);
}

.analytics-row-action-panel {
  grid-column: 1 / -1;
  display: grid;
  gap: 7px;
  padding-top: 2px;
}

.analytics-row-action-panel[hidden] {
  display: none;
}

.analytics-row-details {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.analytics-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.analytics-action {
  min-height: 30px;
  padding: 5px 8px;
  border-radius: 7px;
  border: 1px solid var(--line);
  background: #fff;
  color: var(--accent);
  font-size: 12px;
  font-weight: 800;
}

.analytics-action:active {
  transform: translateY(1px);
}

.analytics-filter-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcff;
}

.analytics-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.analytics-period-option {
  min-height: 30px;
  padding: 5px 8px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.analytics-period-option.is-active {
  border-color: var(--accent);
  color: var(--accent);
  background: #eef6ff;
}

.analytics-filter-title {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.analytics-filter-chip {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 8px;
  border-radius: 999px;
  background: #eef6ff;
  color: var(--text);
  font-size: 12px;
  font-weight: 700;
}

.analytics-empty {
  padding: 8px 0;
}

.analytics-user-row {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcff;
}

.analytics-user-avatar {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 50%;
  background: #eef6ff;
  color: var(--accent);
  font-size: 12px;
  font-weight: 900;
}

.analytics-user-main {
  min-width: 0;
}

.analytics-user-counters {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-align: right;
  white-space: nowrap;
}

.analytics-user-actions {
  grid-column: 2 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

@media (max-width: 640px) {
  .analytics-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 8px;
  }

  .analytics-row-menu-toggle {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }

  .analytics-row-meta {
    grid-column: 1 / -1;
    text-align: left;
    white-space: normal;
  }

  .analytics-action {
    flex: 1 1 auto;
  }

  .analytics-controls {
    gap: 5px;
  }

  .analytics-period-option {
    flex: 1 1 auto;
  }

  .analytics-user-row {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .analytics-user-counters {
    grid-column: 2;
    text-align: left;
    white-space: normal;
  }

  .analytics-user-actions {
    grid-column: 1 / -1;
  }
}

.object-preview {
  width: 100%;
  max-height: 180px;
  margin-bottom: 10px;
  border-radius: 8px;
  object-fit: cover;
  background: #eef1f6;
}

.lead-card {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(220px, 430px);
  gap: 16px;
  width: 100%;
  max-width: 100%;
  padding: 16px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: var(--shadow);
}

.lead-main {
  min-width: 0;
  max-width: 100%;
}

.lead-title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.lead-title-row h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.35;
}

.badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border-radius: 999px;
  background: #edf2ff;
  color: #244b8f;
  padding: 3px 9px;
  font-size: 12px;
  font-weight: 700;
}

.badge.status-rejected,
.badge.status-no_reply,
.badge.status-hidden,
.badge.status-off_market {
  background: #fff1f0;
  color: var(--bad);
}

.badge.status-contacted,
.badge.status-assigned,
.badge.status-awaiting_reply,
.badge.status-rented,
.badge.status-sold {
  background: #fff7e6;
  color: var(--warn);
}

.badge.status-cooperation_confirmed {
  background: #eafaf3;
  color: var(--ok);
}

.badge.status-follow_up,
.badge.status-sent_to_zaeboot {
  background: #eef5ff;
  color: var(--accent);
}

.pipeline-badge {
  background: #f2f4f7;
  color: #344054;
}

.verify-badge.verify-verified {
  background: #eafaf3;
  color: var(--ok);
}

.verify-badge.verify-non_verified {
  background: #fff7e6;
  color: var(--warn);
}

.meta {
  margin-top: 6px;
}

.next-action {
  margin-top: 6px;
  color: var(--text);
  font-size: 14px;
  font-weight: 600;
}

.last-contact {
  margin-top: 6px;
  color: var(--muted);
  font-size: 13px;
}

.owner-contact {
  margin-top: 6px;
  color: var(--text);
  font-size: 13px;
  white-space: pre-line;
}

.property-stats {
  margin-top: 6px;
  color: var(--text);
  font-size: 14px;
  font-weight: 600;
}

.property-counts {
  margin-top: 6px;
  color: var(--muted);
  font-size: 13px;
}

.url {
  display: block;
  margin-top: 6px;
  width: 100%;
  max-width: 100%;
  overflow-wrap: anywhere;
  color: var(--accent);
  white-space: normal;
}

.actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  max-width: 430px;
}

.actions button,
.actions .action-link {
  flex: 0 1 auto;
}

.client-search,
.client-results {
  display: grid;
  gap: 10px;
  width: 100%;
  max-width: 100%;
}

.favorites-kind-filter {
  display: flex;
  gap: 6px;
  width: 100%;
  overflow-x: auto;
  padding: 4px;
  border: 1px solid rgba(14, 91, 98, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 8px 18px rgba(21, 37, 43, 0.07);
  -webkit-overflow-scrolling: touch;
}

.favorites-kind-filter button {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 8px 11px;
  border: 0;
  border-radius: 11px;
  color: #51656a;
  background: transparent;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.1;
  white-space: nowrap;
}

.favorites-kind-filter button.is-active {
  color: #fff;
  background: var(--accent);
  box-shadow: 0 8px 16px rgba(14, 91, 98, 0.18);
}

.favorites-selection-toolbar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.favorites-selection-toolbar.is-active {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  padding: 8px;
  border: 1px solid rgba(14, 91, 98, 0.16);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.94);
}

.favorites-selection-start,
.favorites-selection-cancel,
.favorites-selection-share {
  min-height: 38px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
}

.favorites-selection-cancel,
.favorites-selection-share {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  min-height: 52px;
}

.favorites-selection-count {
  min-width: 0;
  color: #315158;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
}

.favorite-selection-toggle {
  display: inline-flex;
  justify-self: start;
  align-items: center;
  gap: 7px;
  width: auto;
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid rgba(14, 91, 98, 0.24);
  border-radius: 8px;
  background: #fff;
  color: #315158;
  font-size: 12px;
  font-weight: 800;
}

.favorite-selection-marker {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border: 1px solid rgba(14, 91, 98, 0.42);
  border-radius: 4px;
  background: #fff;
  color: #fff;
  font-size: 13px;
  line-height: 1;
}

.favorite-selection-toggle.is-selected {
  border-color: rgba(14, 91, 98, 0.52);
  background: rgba(14, 91, 98, 0.08);
  color: #17383f;
}

.favorite-selection-toggle.is-selected .favorite-selection-marker {
  border-color: var(--accent);
  background: var(--accent);
}

.client-property-card.is-favorite-selection-selected,
.newdev-card.is-favorite-selection-selected {
  outline: 2px solid rgba(14, 91, 98, 0.62);
  outline-offset: -2px;
}

@media (max-width: 520px) {
  .favorites-selection-toolbar.is-active {
    grid-template-columns: 1fr 1fr;
  }

  .favorites-selection-count {
    grid-column: 1 / -1;
  }

  .favorites-selection-share,
  .favorites-selection-cancel {
    width: 100%;
  }
}

.client-pagination {
  display: grid;
  justify-items: center;
  gap: 8px;
  width: 100%;
  padding: 4px 0 12px;
}

.client-pagination-status {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}

.client-pagination .client-show-more {
  min-height: 42px;
  padding-inline: 22px;
  border-radius: 999px;
}

.client-pagination-sentinel {
  width: 100%;
  height: 1px;
}

.client-filters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 8px;
  width: 100%;
  max-width: 100%;
  padding: 12px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 10px;
}

.client-filter {
  display: grid;
  gap: 4px;
  min-width: 0;
  color: var(--muted);
  font-size: 13px;
}

.client-reset {
  align-self: end;
  width: 100%;
}

.client-property-card {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 16px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: var(--shadow);
}

.client-property-card.public-property-card {
  display: grid;
  grid-template-columns: minmax(150px, 0.42fr) minmax(0, 0.58fr);
  gap: 0;
  padding: 0;
  overflow: hidden;
}

.client-property-card .public-card-media {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 4 / 3;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #e8eee9;
}

.client-property-card .public-card-media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}

.client-property-card .lead-title-row {
  align-items: flex-start;
}

.client-property-card .lead-title-row h2 {
  font-size: 18px;
  line-height: 1.3;
}

.client-property-card .property-stats {
  margin-top: 8px;
  color: var(--text);
  font-size: 15px;
  font-weight: 700;
}

.shortlist-select {
  justify-self: start;
  width: auto;
  min-height: 30px;
  padding: 5px 10px;
  border-color: rgba(19, 102, 111, 0.18);
  border-radius: 999px;
  background: rgba(19, 102, 111, 0.045);
  color: #315158;
  font-size: 12px;
  font-weight: 720;
}

.shortlist-select.is-selected {
  border-color: rgba(19, 102, 111, 0.38);
  background: rgba(19, 102, 111, 0.12);
  color: #17383f;
}

.shortlist-count-chip {
  pointer-events: none;
}

.generated-share-link {
  flex: 1 1 100%;
  display: grid;
  gap: 7px;
  width: 100%;
  min-width: 0;
  padding: 9px;
  border: 1px solid rgba(217, 228, 220, 0.96);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.86);
}

.generated-share-link-status {
  color: #52666b;
  font-size: 12px;
  font-weight: 700;
}

.generated-share-link-input {
  width: 100%;
  min-width: 0;
  min-height: 34px;
  padding: 7px 9px;
  border: 1px solid rgba(19, 102, 111, 0.2);
  border-radius: 9px;
  background: #fff;
  color: var(--text);
  font-size: 12px;
}

.generated-share-link-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.public-mode .generated-share-link-actions .client-active-filter-chip::after {
  content: none;
}

.client-feature-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  width: 100%;
  max-width: 100%;
  margin-top: 10px;
}

.client-feature {
  display: inline-flex;
  max-width: 100%;
  padding: 4px 8px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #344054;
  font-size: 12px;
  font-weight: 600;
}

.client-card-footer {
  margin-top: 10px;
  color: var(--muted);
  font-size: 12px;
}

.client-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.public-detail {
  display: grid;
  gap: 12px;
  width: 100%;
  max-width: 760px;
  min-width: 0;
  margin: 0 auto;
  padding: 16px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: var(--shadow);
}

.public-detail-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.public-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  min-height: 36px;
  padding: 7px 12px;
  border-color: transparent;
  background: #eef4ff;
  color: var(--accent);
}

.public-detail .lead-title-row h2 {
  font-size: 22px;
  line-height: 1.25;
}

.public-detail-price {
  color: var(--text);
  font-size: 20px;
  font-weight: 800;
}

.public-detail-specs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 8px;
  width: 100%;
}

.public-detail-spec {
  display: grid;
  gap: 2px;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #edf1f7;
  border-radius: 8px;
}

.public-detail-spec span {
  color: var(--muted);
  font-size: 12px;
}

.public-detail-spec strong {
  color: var(--text);
  font-size: 14px;
}

.public-detail-section {
  display: grid;
  gap: 8px;
  width: 100%;
}

.public-detail-section h3 {
  margin: 0;
  font-size: 15px;
  letter-spacing: 0;
}

.public-detail-section p {
  margin: 0;
  color: var(--text);
  white-space: pre-wrap;
}

.newdev-location-preview {
  gap: 8px;
}

.newdev-location-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.newdev-location-heading h3 {
  min-width: 0;
}

.newdev-location-open {
  flex: 0 0 auto;
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid rgba(15, 127, 120, 0.24);
  border-radius: 999px;
  background: #fff;
  color: var(--accent);
  font: inherit;
  font-size: 12px;
  font-weight: 800;
}

.newdev-location-text {
  color: var(--text);
  font-size: 14px;
  font-weight: 760;
  line-height: 1.3;
}

.newdev-location-map-canvas {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 156px;
  overflow: hidden;
  border: 1px solid #dbe5ef;
  border-radius: 10px;
  background: #e5edf4;
  color: var(--muted);
  font-size: 13px;
  font-weight: 760;
  cursor: pointer;
}

.newdev-location-map-canvas.is-unavailable {
  background: #f8fafc;
}

.google-map-preview-frame {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  opacity: 0;
  transition: opacity 180ms ease;
}

.google-map-preview-frame.is-ready {
  opacity: 1;
}

.google-map-preview-state {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  padding: 18px;
  background-color: #eef3f4;
  background-image:
    linear-gradient(rgba(148, 163, 184, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.1) 1px, transparent 1px);
  background-size: 28px 28px;
  color: #52666b;
  text-align: center;
  pointer-events: none;
}

.google-map-preview-state.is-error {
  background-color: #f8fafc;
  background-image: none;
  pointer-events: auto;
}

.google-map-preview-pin {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid #cbd5e1;
  border-radius: 50%;
  background: #ffffff;
  font-size: 18px;
  line-height: 1;
}

.google-map-preview-message {
  font-size: 13px;
  font-weight: 760;
  line-height: 1.3;
}

.google-map-preview-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.google-map-preview-actions button {
  min-height: 44px;
  padding: 8px 12px;
}

@media (prefers-reduced-motion: reduce) {
  .google-map-preview-frame {
    transition: none;
  }
}

.newdev-location-map-canvas .leaflet-control-attribution {
  font-size: 9px;
  line-height: 1.1;
}

.newdev-location-map-canvas .leaflet-control-attribution .leaflet-attribution-flag,
.newdev-location-map-canvas .leaflet-control-attribution a[href*="leafletjs"] {
  display: none !important;
}

.newdev-location-hint {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.public-card-detail {
  gap: 14px;
}

.public-card-meta {
  color: var(--muted);
  font-size: 13px;
}

.public-card-share-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  min-width: 0;
}

.public-card-share-actions button {
  min-height: 34px;
  padding: 7px 12px;
}

.public-card-share-feedback {
  color: var(--muted);
  font-size: 13px;
}

.public-card-gallery {
  display: grid;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.public-card-photo-frame {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  background: #eef2f7;
  border: 1px solid #edf1f7;
  border-radius: 10px;
}

.public-card-photo-primary-frame {
  aspect-ratio: 4 / 3;
}

.public-card-detail-photo-rail {
  display: flex;
  gap: 0;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  touch-action: pan-x pan-y;
}

.public-card-detail-photo-rail::-webkit-scrollbar {
  display: none;
}

.public-card-photo-detail-slide {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 0;
  border-radius: inherit;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.public-card-photo-detail-slide.has-detail-photo-backdrop {
  background-image:
    linear-gradient(rgba(244, 248, 247, 0.68), rgba(244, 248, 247, 0.68)),
    var(--detail-photo-backdrop);
  background-size: cover;
  background-position: center;
}

.public-card-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.public-card-photo-detail-slide .public-card-photo-primary {
  position: relative;
  z-index: 1;
  object-fit: contain;
}

.public-card-photo-detail-slide .public-card-photo-primary.has-detail-photo-backdrop {
  background-image:
    linear-gradient(rgba(244, 248, 247, 0.68), rgba(244, 248, 247, 0.68)),
    var(--detail-photo-backdrop);
  background-size: cover;
  background-position: center;
}

.public-card-photo-broken {
  display: none;
}

.public-card-photo-strip {
  display: flex;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 2px;
  -webkit-overflow-scrolling: touch;
}

.public-card-photo-thumb-frame {
  flex: 0 0 72px;
  width: 72px;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
}

.public-card-photo-thumb-button {
  display: block;
  min-height: 0;
  padding: 0;
  background: #eef2f7;
  border: 1px solid #edf1f7;
  color: inherit;
  cursor: pointer;
  opacity: 0.62;
  appearance: none;
  -webkit-appearance: none;
}

.public-card-photo-thumb-button.active {
  border-color: var(--accent);
  opacity: 1;
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.public-card-photo-thumb-button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.public-card-caption {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  color: var(--text);
  font-size: 15px;
  line-height: 1.48;
  white-space: pre-line;
  overflow-wrap: anywhere;
}

.empty,
.error {
  width: 100%;
  max-width: 100%;
  padding: 24px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 10px;
}

.error {
  color: var(--bad);
}

.preview-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(56px, env(safe-area-inset-top)) 16px 16px;
  background: rgba(16, 24, 40, 0.48);
}

.preview-modal[hidden] {
  display: none;
}

.preview-dialog {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 920px;
  max-height: calc(100vh - 24px);
  overflow: hidden;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 18px 48px rgba(16, 24, 40, 0.28);
}

.preview-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
}

.preview-header h2 {
  margin: 0;
  font-size: 18px;
  letter-spacing: 0;
}

.preview-meta {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.preview-body {
  margin: 0;
  padding: 16px;
  min-height: 220px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  color: var(--text);
  background: #fbfcfe;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 14px;
  line-height: 1.5;
}

.preview-dialog.is-description-editor {
  max-width: 680px;
}

.preview-body.is-description-editor {
  min-height: 0;
  white-space: normal;
  background: var(--panel);
  font-family: inherit;
}

.admin-description-form {
  display: grid;
  gap: 16px;
}

.admin-description-field {
  display: grid;
  gap: 7px;
}

.admin-description-field-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  font-size: 14px;
}

.admin-description-counter {
  color: var(--muted);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.admin-description-field textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 132px;
  resize: vertical;
  padding: 11px 12px;
  color: var(--text);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 6px;
  font: inherit;
  line-height: 1.45;
}

.admin-description-field textarea:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.admin-description-error {
  min-height: 20px;
  margin: 0;
  color: var(--bad);
  font-size: 13px;
}

.admin-description-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.admin-description-actions button {
  min-height: 44px;
  padding: 9px 16px;
}

@media (max-width: 520px) {
  .preview-modal.is-description-editor {
    align-items: flex-end;
    padding: max(16px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));
  }

  .preview-dialog.is-description-editor {
    max-height: calc(100dvh - 24px);
  }

  .admin-description-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px) {
  .topbar,
  .manager,
  .lead-card,
  .toolbar,
  .status-filters {
    display: grid;
    grid-template-columns: 1fr;
  }

  .topbar {
    padding: 14px 12px;
  }

  .lang-switch {
    justify-self: start;
  }

  .to-chat-button {
    justify-self: start;
  }

  main {
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
    margin-top: 12px;
  }

  .actions {
    justify-content: stretch;
    max-width: none;
  }

  .actions button {
    width: 100%;
    min-height: 42px;
  }

  .actions .action-link {
    width: 100%;
    min-height: 42px;
  }

  .lead-card {
    gap: 12px;
    padding: 12px;
  }

  .client-property-card.public-property-card {
    grid-template-columns: 1fr;
  }

  .preview-modal {
    align-items: stretch;
    padding: max(56px, env(safe-area-inset-top)) 8px 8px;
  }

  .preview-dialog {
    width: 100%;
    max-width: 100%;
    max-height: calc(100vh - 16px);
  }

  .preview-header {
    display: grid;
    grid-template-columns: 1fr;
  }

  .tabs,
  .status-filters {
    gap: 6px;
  }

  .client-card-actions button {
    width: 100%;
    min-height: 42px;
  }

  .public-detail {
    padding: 14px;
  }
}

@media (max-width: 980px) {
  .lead-card {
    display: grid;
    grid-template-columns: 1fr;
  }

  .actions {
    justify-content: stretch;
    max-width: none;
  }

  .actions button,
  .actions .action-link {
    width: 100%;
    min-height: 42px;
  }
}

body.public-mode {
  --primary: #0f5e6b;
  --accent: #0f5e6b;
  --bg: #f4f6f3;
  --panel: #ffffff;
  --line: #dfe6df;
  --text: #15252b;
  --muted: #66767a;
  --shadow: 0 12px 34px rgba(21, 37, 43, 0.08);
  background:
    linear-gradient(180deg, rgba(244, 246, 243, 0.9) 0%, rgba(249, 250, 247, 1) 280px),
    var(--bg);
}

body.public-mode .topbar {
  position: sticky;
  top: 0;
  z-index: 50;
  gap: 12px;
  padding: calc(12px + env(safe-area-inset-top)) 16px 12px;
  background: rgba(255, 255, 255, 0.92);
  border-bottom: 1px solid rgba(223, 230, 223, 0.9);
  backdrop-filter: blur(18px);
}

body.public-mode .brand-logo {
  width: 34px;
  height: 34px;
  border-radius: 10px;
}

body.public-mode h1 {
  font-size: 18px;
  font-weight: 800;
}

body.public-mode #summary {
  margin-top: 2px;
  font-size: 13px;
}

body.public-mode .identity,
body.public-mode .manager,
body.public-mode .to-chat-button {
  display: none !important;
}

body.public-mode .lang-switch,
body.public-mode .tabs {
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 22px rgba(21, 37, 43, 0.06);
}

body.public-mode .lang-switch {
  padding: 4px;
}

body.public-mode .lang-option,
body.public-mode .tab {
  border-radius: 999px;
}

body.public-mode main {
  max-width: 880px;
  margin-top: 14px;
  padding: 0 14px calc(112px + env(safe-area-inset-bottom));
}

body.public-mode .tabs {
  position: sticky;
  top: calc(63px + env(safe-area-inset-top));
  z-index: 45;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  margin-bottom: 14px;
  border: 1px solid rgba(223, 230, 223, 0.9);
}

body.public-mode .tab {
  min-height: 36px;
  padding: 7px 10px;
  border-color: transparent;
  color: #5e7074;
  background: transparent;
  font-size: 13px;
}

body.public-mode .tab.is-active {
  color: #fff;
  background: var(--accent);
  border-color: var(--accent);
  box-shadow: 0 7px 18px rgba(15, 94, 107, 0.22);
}

body.public-mode .toolbar,
body.public-mode .status-filters,
body.public-mode .bucket-filters {
  display: none !important;
}

body.public-mode .lead-list {
  display: grid;
  gap: 14px;
}

body.public-mode .client-search,
body.public-mode .client-results {
  gap: 14px;
}

body.public-mode .client-filters {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  padding: 10px;
  border: 1px solid rgba(223, 230, 223, 0.95);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 10px 28px rgba(21, 37, 43, 0.06);
  -webkit-overflow-scrolling: touch;
}

body.public-mode .client-filter-heading {
  flex: 0 0 auto;
  padding: 0 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

body.public-mode .client-filter {
  flex: 0 0 auto;
  min-width: 124px;
  gap: 3px;
  color: #6c7b7f;
  font-size: 11px;
  font-weight: 700;
}

body.public-mode .client-filter select {
  min-height: 38px;
  padding: 7px 30px 7px 12px;
  border-radius: 999px;
  color: var(--text);
  background: #f9fbf8;
  font-size: 13px;
  font-weight: 700;
}

body.public-mode .client-reset {
  flex: 0 0 auto;
  width: auto;
  min-height: 38px;
  align-self: end;
  border-radius: 999px;
}

body.public-mode .client-property-card {
  display: grid;
  grid-template-columns: minmax(150px, 0.42fr) minmax(0, 0.58fr);
  gap: 0;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(223, 230, 223, 0.95);
  border-radius: 18px;
  background: var(--panel);
  box-shadow: var(--shadow);
}

body.public-mode .public-card-media {
  position: relative;
  display: block;
  width: 100%;
  min-height: 100%;
  aspect-ratio: 4 / 3;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #e8eee9;
  color: #6c7b7f;
  text-align: center;
}

body.public-mode .public-card-media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
}

body.public-mode .public-card-media.is-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  font-size: 13px;
  font-weight: 700;
}

body.public-mode .public-card-photo-rail {
  display: flex;
  gap: 0;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  touch-action: pan-x pan-y;
}

body.public-mode .public-card-photo-rail::-webkit-scrollbar {
  display: none;
}

body.public-mode .public-card-feed-photo-slide {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

body.public-mode .public-card-feed-photo-slide img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

body.public-mode .public-card-feed-photo-frame {
  touch-action: pan-y;
}

body.public-mode .public-card-gallery-arrow {
  position: absolute;
  z-index: 2;
  top: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 38px;
  border-radius: 999px;
  color: #fff;
  background: rgba(11, 31, 36, 0.34);
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
  transform: translateY(-50%);
  backdrop-filter: blur(12px);
}

body.public-mode .public-card-gallery-arrow-prev {
  left: 9px;
}

body.public-mode .public-card-gallery-arrow-next {
  right: 9px;
}

body.public-mode .public-card-feed-counter {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 3;
  pointer-events: none;
}

body.public-mode .public-price-reduced-badge {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  max-width: calc(100% - 78px);
  padding: 5px 10px;
  border-radius: 999px;
  color: #fff;
  background: rgba(191, 38, 44, 0.88);
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  box-shadow: 0 8px 20px rgba(60, 10, 12, 0.24);
  backdrop-filter: blur(12px);
  pointer-events: none;
}

body.public-mode .public-card-overlay {
  position: absolute;
  inset: 10px 10px auto 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  pointer-events: none;
}

body.public-mode .public-deal-badge,
body.public-mode .public-gallery-counter {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 999px;
  color: #fff;
  background: rgba(11, 31, 36, 0.62);
  font-size: 12px;
  font-weight: 800;
  backdrop-filter: blur(12px);
}

body.public-mode .public-icon-action {
  min-height: 28px;
  padding: 5px 9px;
  border: 0;
  border-radius: 999px;
  color: #173239;
  background: rgba(255, 255, 255, 0.92);
  font-size: 12px;
  pointer-events: auto;
  box-shadow: 0 8px 18px rgba(21, 37, 43, 0.14);
}

body.public-mode .public-icon-action.is-active {
  color: #fff;
  background: #bd5b3b;
}

body.public-mode .public-card-body {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 14px;
}

body.public-mode .public-card-price {
  color: var(--text);
  font-size: 21px;
  line-height: 1.1;
  font-weight: 850;
}

body.public-mode .public-card-price-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

body.public-mode .public-card-date-badge {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  width: max-content;
  min-height: 20px;
  padding: 3px 8px;
  border: 1px solid rgba(19, 102, 111, 0.12);
  border-radius: 999px;
  background: rgba(19, 102, 111, 0.055);
  color: #557074;
  font-size: 10.5px;
  line-height: 1;
  font-weight: 720;
}

body.public-mode .public-card-title {
  margin: 0;
  color: var(--text);
  font-size: 15px;
  line-height: 1.25;
  font-weight: 750;
}

body.public-mode .public-card-location {
  color: var(--muted);
  font-size: 13px;
}

body.public-mode a.public-card-location,
body.public-mode a.public-detail-location {
  text-decoration: none;
  color: var(--muted);
}

body.public-mode a.public-card-location:active,
body.public-mode a.public-detail-location:active {
  color: var(--accent);
}

body.public-mode .public-map-link {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 29px;
  padding: 5px 10px;
  border: 1px solid rgba(19, 102, 111, 0.12);
  border-radius: 12px;
  background: rgba(19, 102, 111, 0.04);
  color: var(--accent);
  font-size: 12px;
  font-weight: 640;
  text-decoration: none;
}

body.public-mode .public-map-link:active {
  background: rgba(19, 102, 111, 0.11);
}

body.public-mode .public-spec-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

body.public-mode .public-spec-pill {
  display: grid;
  gap: 1px;
  min-width: 0;
  padding: 8px 7px;
  border: 1px solid #e5ebe5;
  border-radius: 12px;
  background: #f7faf6;
}

body.public-mode .public-spec-pill span {
  color: #718084;
  font-size: 10px;
  font-weight: 750;
  text-transform: uppercase;
}

body.public-mode .public-spec-pill strong {
  color: var(--text);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 800;
}

body.public-mode .client-feature-list {
  margin-top: 2px;
}

body.public-mode .client-feature,
body.public-mode .public-chip {
  padding: 6px 9px;
  border: 1px solid #e4ebe4;
  border-radius: 999px;
  color: #33464b;
  background: #f7faf6;
  font-size: 12px;
}

body.public-mode .public-card-footer {
  margin-top: 0;
  color: #7b8a8e;
}

body.public-mode .client-card-actions {
  margin-top: 4px;
}

body.public-mode .client-card-actions button,
body.public-mode .public-card-share-actions button,
body.public-mode .public-empty-actions button,
body.public-mode .public-empty-actions .action-link {
  border-radius: 999px;
}

body.public-mode button.primary,
body.public-mode .action-link.primary {
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
}

body.public-mode .public-detail {
  max-width: 820px;
  gap: 16px;
  padding: 0;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.public-mode .public-premium-detail > * {
  min-width: 0;
}

body.public-mode .public-detail-header {
  position: sticky;
  top: calc(112px + env(safe-area-inset-top));
  z-index: 40;
}

body.public-mode .public-back {
  min-height: 31px;
  padding: 5px 10px;
  border: 1px solid rgba(232, 238, 232, 0.58);
  border-radius: 12px;
  color: #344f55;
  background: rgba(255, 255, 255, 0.58);
  box-shadow: none;
}

body.public-mode .public-card-gallery .public-back {
  display: none;
}

body.public-mode .public-card-gallery {
  gap: 10px;
  border-radius: 20px;
}

body.public-mode .public-card-photo-frame {
  position: relative;
  border: 0;
  border-radius: 20px;
  background: #e8eee9;
  box-shadow: var(--shadow);
}

body.public-mode .public-card-photo-primary-frame {
  aspect-ratio: 4 / 3;
}

body.public-mode .public-gallery-counter {
  position: absolute;
  right: 12px;
  bottom: 12px;
}

body.public-mode .public-card-photo-strip {
  gap: 8px;
  padding: 0 1px 4px;
}

body.public-mode .public-card-photo-thumb-frame {
  flex-basis: 70px;
  width: 70px;
  border-radius: 14px;
}

body.public-mode .public-card-photo-thumb-button.active {
  border-color: #fff;
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

body.public-mode .public-main-info,
body.public-mode .public-detail-section,
body.public-mode .public-card-share-actions,
body.public-mode .public-empty-panel,
body.public-mode .public-skeleton-detail {
  padding: 16px;
  border: 1px solid rgba(223, 230, 223, 0.95);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 10px 28px rgba(21, 37, 43, 0.06);
}

body.public-mode .public-main-info {
  display: grid;
  gap: 7px;
}

body.public-mode .public-detail-price {
  color: var(--text);
  font-size: 28px;
  line-height: 1.05;
  font-weight: 850;
}

body.public-mode .public-main-info h2 {
  margin: 0;
  color: var(--text);
  font-size: 20px;
  line-height: 1.22;
}

body.public-mode .public-detail-location,
body.public-mode .public-detail-muted {
  color: var(--muted);
  font-size: 14px;
}

body.public-mode .public-detail-section {
  gap: 12px;
}

body.public-mode .public-detail-section h3 {
  font-size: 16px;
  font-weight: 800;
}

body.public-mode .public-description-text {
  margin: 0;
  color: #26383d;
  font-size: 15px;
  line-height: 1.65;
  white-space: pre-line;
}

body.public-mode .public-card-share-actions {
  align-items: center;
}

body.public-mode .public-sticky-cta {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 90;
  display: flex;
  gap: 8px;
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  background: rgba(255, 255, 255, 0.93);
  border-top: 1px solid rgba(223, 230, 223, 0.95);
  backdrop-filter: blur(18px);
  box-shadow: 0 -12px 28px rgba(21, 37, 43, 0.08);
}

body.public-mode .public-sticky-cta button,
body.public-mode .public-sticky-cta .action-link {
  flex: 1 1 auto;
  min-height: 44px;
  border-radius: 999px;
  white-space: nowrap;
}

body.public-mode .public-sticky-cta button.primary {
  flex-grow: 1.7;
}

body.public-mode .public-sticky-cta .public-sticky-share {
  flex: 0 0 43px;
  width: 43px;
  min-width: 43px;
  padding-right: 0;
  padding-left: 0;
  border-color: rgba(217, 228, 220, 0.58);
  border-radius: 14px;
  background: rgba(248, 251, 247, 0.64);
  color: #64777b;
  font-size: 16px;
  box-shadow: none;
}

body.public-mode .public-sticky-cta .public-sticky-share:active {
  background: rgba(19, 102, 111, 0.08);
  color: var(--accent);
}

body.public-mode .public-empty-panel {
  display: grid;
  gap: 10px;
  text-align: left;
}

body.public-mode .public-empty-panel h2 {
  margin: 0;
  font-size: 20px;
}

body.public-mode .public-empty-panel p {
  margin: 0;
  color: var(--muted);
}

body.public-mode .public-empty-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}

body.public-mode .telegram-open-fallback {
  margin-top: 4px;
}

body.public-mode .telegram-open-fallback h2 {
  font-size: 19px;
}

body.public-mode .telegram-open-fallback p {
  max-width: 34rem;
  line-height: 1.45;
}

body.public-mode .telegram-open-fallback-actions button {
  min-height: 42px;
  border-radius: 999px;
}

body.public-mode .telegram-open-fallback-feedback:empty {
  display: none;
}

body.public-mode .public-request-context {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(225, 232, 225, 0.8);
  border-radius: 16px;
  background: rgba(248, 250, 247, 0.72);
}

body.public-mode .public-request-row {
  display: grid;
  gap: 3px;
}

body.public-mode .public-request-row span {
  color: #879294;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

body.public-mode .public-request-row strong {
  color: #12272b;
  font-size: 14px;
  line-height: 1.35;
}

body.public-mode .public-skeleton {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  background: #e8eee9;
}

body.public-mode .public-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.62), transparent);
  animation: publicSkeleton 1.4s infinite;
}

body.public-mode .public-skeleton-gallery {
  aspect-ratio: 4 / 3;
}

body.public-mode .public-skeleton-line {
  width: 62%;
  height: 18px;
}

body.public-mode .public-skeleton-line.wide {
  width: 86%;
  height: 28px;
}

body.public-mode .public-skeleton-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.public-mode .public-skeleton-pill {
  height: 48px;
}

@keyframes publicSkeleton {
  100% {
    transform: translateX(100%);
  }
}

@media (max-width: 760px) {
  body.public-mode .topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    padding-left: 12px;
    padding-right: 12px;
  }

  body.public-mode .brand-row h1 {
    font-size: 17px;
  }

  body.public-mode main {
    padding-left: 10px;
    padding-right: 10px;
  }

  body.public-mode .tabs {
    top: calc(72px + env(safe-area-inset-top));
  }

  body.public-mode .client-property-card {
    grid-template-columns: 1fr;
    border-radius: 20px;
  }

  body.public-mode .public-card-media {
    aspect-ratio: 16 / 11;
  }

  body.public-mode .public-spec-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.public-mode .client-card-actions button {
    width: auto;
    min-height: 40px;
  }

  body.public-mode .public-detail-header {
    top: calc(118px + env(safe-area-inset-top));
  }

  body.public-mode .public-detail-price {
    font-size: 26px;
  }

  body.public-mode .public-sticky-cta {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.public-mode .public-sticky-cta button,
  body.public-mode .public-sticky-cta .action-link {
    flex: 0 0 auto;
    min-width: 132px;
  }
}

/* PUB-UX-2: restrained public polish. Keep these overrides scoped to client catalog mode. */
body.public-mode {
  --accent: #0d5b63;
  --text: #14272b;
  --muted: #738184;
  --line: #e7ece7;
  --shadow: 0 14px 40px rgba(18, 39, 43, 0.075);
  font-size: 15px;
}

body.public-mode .topbar {
  padding-bottom: 10px;
  box-shadow: 0 8px 28px rgba(18, 39, 43, 0.045);
}

body.public-mode #summary {
  color: #78878a;
  font-size: 12px;
}

body.public-mode .lang-switch {
  border-color: #e4ebe4;
  box-shadow: none;
}

body.public-mode .lang-option {
  min-height: 28px;
  padding: 5px 9px;
  font-weight: 700;
}

body.public-mode main {
  margin-top: 12px;
  padding-bottom: calc(104px + env(safe-area-inset-bottom));
}

body.public-mode .tabs {
  top: calc(58px + env(safe-area-inset-top));
  margin-bottom: 10px;
  box-shadow: 0 10px 26px rgba(18, 39, 43, 0.045);
}

body.public-mode .tab {
  min-height: 34px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 760;
}

body.public-mode .client-search,
body.public-mode .client-results,
body.public-mode .lead-list {
  gap: 12px;
}

body.public-mode .client-filters {
  gap: 6px;
  padding: 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: none;
}

body.public-mode .client-filter-heading {
  display: none;
}

body.public-mode .client-filter {
  position: relative;
  min-width: 106px;
  font-size: 0;
}

body.public-mode .client-filter > span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

body.public-mode .client-filter select {
  min-height: 34px;
  padding: 6px 28px 6px 11px;
  border-color: #e5ebe5;
  background: #fbfcfa;
  color: #2a3d41;
  font-size: 12px;
  font-weight: 720;
}

body.public-mode .client-reset {
  min-height: 34px;
  padding: 6px 12px;
  border-color: transparent;
  color: #657477;
  background: #f6f8f5;
  font-size: 12px;
}

body.public-mode .client-property-card {
  grid-template-columns: minmax(170px, 0.46fr) minmax(0, 0.54fr);
  border: 0;
  border-radius: 22px;
  box-shadow: 0 16px 42px rgba(18, 39, 43, 0.085);
}

body.public-mode .public-card-media {
  aspect-ratio: 1.1 / 1;
  background: #edf1ed;
}

body.public-mode .public-card-media::after,
body.public-mode .public-card-photo-primary-frame::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 42%;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(8, 22, 26, 0) 0%, rgba(8, 22, 26, 0.22) 100%);
}

body.public-mode .public-card-media img,
body.public-mode .public-card-photo-primary {
  transform: translateZ(0);
}

body.public-mode .public-card-overlay {
  inset: 9px 9px auto 9px;
}

body.public-mode .public-deal-badge,
body.public-mode .public-gallery-counter {
  min-height: 25px;
  padding: 4px 8px;
  background: rgba(11, 29, 34, 0.56);
  font-size: 11px;
  font-weight: 760;
}

body.public-mode .public-icon-action {
  min-height: 27px;
  padding: 4px 9px;
  color: #21383d;
  font-size: 11px;
  font-weight: 760;
  box-shadow: 0 8px 20px rgba(18, 39, 43, 0.12);
}

body.public-mode .public-card-body {
  gap: 7px;
  padding: 15px;
}

body.public-mode .public-card-price {
  font-size: 20px;
  font-weight: 780;
}

body.public-mode .public-card-title {
  font-size: 14px;
  font-weight: 690;
}

body.public-mode .public-card-location {
  color: #6f7e81;
  font-size: 12px;
}

body.public-mode .public-spec-grid {
  gap: 6px;
}

body.public-mode .public-spec-pill {
  padding: 7px 7px;
  border-color: #edf1ed;
  border-radius: 11px;
  background: #fafbf9;
}

body.public-mode .public-spec-pill span {
  color: #849093;
  font-size: 9px;
  font-weight: 720;
}

body.public-mode .public-spec-pill strong {
  font-size: 12px;
  font-weight: 720;
}

body.public-mode .client-feature-list {
  gap: 5px;
}

body.public-mode .client-feature,
body.public-mode .public-chip {
  padding: 5px 8px;
  border-color: #edf1ed;
  color: #46575b;
  background: #fbfcfa;
  font-size: 11px;
  font-weight: 650;
}

body.public-mode .client-card-footer {
  color: #8a9699;
  font-size: 11px;
}

body.public-mode .client-card-actions {
  gap: 7px;
}

body.public-mode .client-card-actions button,
body.public-mode .public-card-share-actions button {
  min-height: 36px;
  padding: 7px 12px;
  border-color: transparent;
  color: #43565b;
  background: #f7f9f6;
  font-size: 12px;
  font-weight: 720;
}

body.public-mode .client-card-actions button.primary {
  color: #fff;
  background: var(--accent);
  box-shadow: 0 10px 22px rgba(13, 91, 99, 0.16);
}

body.public-mode .public-detail {
  gap: 14px;
}

body.public-mode .public-card-gallery {
  gap: 9px;
}

body.public-mode .public-card-photo-frame {
  border-radius: 22px;
  box-shadow: 0 18px 46px rgba(18, 39, 43, 0.09);
}

body.public-mode .public-card-photo-primary-frame {
  aspect-ratio: 4 / 3.05;
}

body.public-mode .public-gallery-counter {
  right: 11px;
  bottom: 11px;
  z-index: 2;
}

body.public-mode .public-card-photo-thumb-frame {
  flex-basis: 62px;
  width: 62px;
  border-radius: 13px;
}

body.public-mode .public-card-photo-thumb-button {
  opacity: 0.7;
}

body.public-mode .public-card-photo-thumb-button.active {
  opacity: 0.92;
  outline: 1px solid rgba(19, 102, 111, 0.34);
  outline-offset: 1px;
}

body.public-mode .public-main-info,
body.public-mode .public-detail-section,
body.public-mode .public-card-share-actions,
body.public-mode .public-empty-panel,
body.public-mode .public-skeleton-detail {
  padding: 17px;
  border-color: transparent;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 12px 34px rgba(18, 39, 43, 0.055);
}

body.public-mode .public-main-info {
  gap: 6px;
}

body.public-mode .public-detail-price {
  font-size: 29px;
  font-weight: 780;
}

body.public-mode .public-main-info h2 {
  font-size: 19px;
  font-weight: 690;
}

body.public-mode .public-detail-location,
body.public-mode .public-detail-muted {
  color: #718084;
  font-size: 13px;
}

body.public-mode .public-detail-section {
  gap: 11px;
}

body.public-mode .public-detail-section h3 {
  color: #21363b;
  font-size: 14px;
  font-weight: 740;
}

body.public-mode .public-description-text {
  display: grid;
  gap: 8px;
  color: #33474c;
  font-size: 14px;
  line-height: 1.68;
  white-space: normal;
}

body.public-mode .public-description-text p {
  margin: 0;
}

body.public-mode .public-description-line {
  display: block;
}

body.public-mode .public-description-checkline {
  position: relative;
  padding-left: 14px;
  color: #55676b;
  font-size: 13px;
  line-height: 1.45;
}

body.public-mode .public-description-checkline::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #b8c6c0;
}

body.public-mode .public-description-mutedline {
  margin-top: 2px;
  color: #89979a;
  font-size: 12px;
}

body.public-mode .public-card-share-actions {
  gap: 7px;
  box-shadow: none;
}

body.public-mode .public-card-share-feedback {
  font-size: 12px;
}

body.public-mode .public-sticky-cta {
  gap: 7px;
  padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 -14px 30px rgba(18, 39, 43, 0.075);
}

body.public-mode .public-sticky-cta button,
body.public-mode .public-sticky-cta .action-link {
  min-height: 42px;
  padding: 8px 13px;
  border-color: transparent;
  color: #43565b;
  background: #f7f9f6;
  font-size: 13px;
  font-weight: 720;
}

body.public-mode .public-sticky-cta button.primary {
  color: #fff;
  background: var(--accent);
  box-shadow: 0 12px 26px rgba(13, 91, 99, 0.18);
}

@media (max-width: 760px) {
  body.public-mode .tabs {
    top: calc(66px + env(safe-area-inset-top));
  }

  body.public-mode .client-filters {
    margin: 0 -2px;
  }

  body.public-mode .client-property-card {
    border-radius: 22px;
  }

  body.public-mode .public-card-media {
    aspect-ratio: 1.22 / 1;
  }

  body.public-mode .public-card-body {
    padding: 14px;
  }

  body.public-mode .public-card-price {
    font-size: 22px;
  }

  body.public-mode .public-card-title {
    font-size: 15px;
  }

  body.public-mode .public-card-photo-primary-frame {
    aspect-ratio: 1.16 / 1;
  }

  body.public-mode .public-main-info,
  body.public-mode .public-detail-section,
  body.public-mode .public-card-share-actions,
  body.public-mode .public-empty-panel {
    padding: 15px;
  }

  body.public-mode .public-detail-price {
    font-size: 28px;
  }

  body.public-mode .public-main-info h2 {
    font-size: 18px;
  }

  body.public-mode .public-sticky-cta button,
  body.public-mode .public-sticky-cta .action-link {
    min-width: 118px;
  }
}

/* PUB-UX-3: clean titles, stronger location, calmer controls. */
body.public-mode main {
  padding-bottom: calc(98px + env(safe-area-inset-bottom));
}

body.public-mode .tabs {
  margin-bottom: 9px;
}

body.public-mode .client-filters {
  min-height: 46px;
  padding: 6px;
  border-radius: 18px;
  border-color: rgba(231, 236, 231, 0.86);
  background: rgba(255, 255, 255, 0.82);
  scrollbar-width: thin;
}

body.public-mode .client-filter {
  min-width: 96px;
}

body.public-mode .client-filter select {
  min-height: 32px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-color: rgba(226, 233, 226, 0.9);
  background: rgba(250, 252, 249, 0.9);
  font-size: 12px;
}

body.public-mode .client-reset {
  min-height: 32px;
  padding-top: 5px;
  padding-bottom: 5px;
}

body.public-mode .client-property-card {
  border-radius: 24px;
}

body.public-mode .public-card-media {
  aspect-ratio: 1.18 / 1;
}

body.public-mode .public-card-body {
  gap: 8px;
  padding: 16px;
}

body.public-mode .public-card-price {
  font-size: 23px;
  line-height: 1.05;
  font-weight: 760;
}

body.public-mode .public-card-title {
  max-width: 95%;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 720;
}

body.public-mode .public-card-location {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #53666b;
  font-size: 14px;
  font-weight: 560;
}

body.public-mode .public-card-location::before,
body.public-mode .public-detail-location::before {
  content: "";
  flex: 0 0 5px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #9db5ad;
}

body.public-mode .client-property-card .public-spec-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body.public-mode .client-property-card .public-spec-pill {
  display: inline-flex;
  align-items: center;
  min-height: 31px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #fbfcfa;
}

body.public-mode .client-property-card .public-spec-pill span {
  display: none;
}

body.public-mode .client-property-card .public-spec-pill strong {
  color: #2d4146;
  font-size: 13px;
  font-weight: 680;
}

body.public-mode .client-property-card .client-feature-list {
  margin-top: 0;
}

body.public-mode .client-property-card .client-feature,
body.public-mode .client-property-card .public-chip {
  min-height: 29px;
  padding: 6px 10px;
  color: #53656a;
  background: #fbfcfa;
}

body.public-mode .client-card-actions {
  margin-top: 6px;
}

body.public-mode .client-card-actions button {
  min-height: 38px;
  padding: 8px 14px;
}

body.public-mode .client-card-actions button:not(.primary) {
  color: #5c7075;
  background: transparent;
  border-color: #e2e9e2;
}

body.public-mode .public-card-photo-primary-frame {
  aspect-ratio: 1.22 / 1;
}

body.public-mode .public-card-photo-strip {
  gap: 6px;
}

body.public-mode .public-card-photo-thumb-frame {
  flex-basis: 54px;
  width: 54px;
  border-radius: 12px;
}

body.public-mode .public-main-info {
  gap: 7px;
}

body.public-mode .public-detail-price {
  font-size: 30px;
  font-weight: 760;
}

body.public-mode .public-main-info h2 {
  font-size: 21px;
  line-height: 1.18;
  font-weight: 700;
}

body.public-mode .public-detail-location {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #53666b;
  font-size: 15px;
  font-weight: 560;
}

body.public-mode .public-detail-muted {
  color: #8b999c;
  font-size: 12px;
}

body.public-mode .public-detail .public-spec-grid {
  gap: 7px;
}

body.public-mode .public-detail .public-spec-pill {
  border-color: transparent;
  background: rgba(248, 250, 247, 0.9);
}

body.public-mode .public-chip-list {
  gap: 6px;
}

body.public-mode .public-detail .public-chip {
  min-height: 28px;
  padding: 5px 9px;
  border-color: transparent;
  background: #f8faf7;
}

body.public-mode .public-detail > .public-top-feature-chips {
  margin-top: -2px;
  padding: 0 2px;
}

body.public-mode .public-description-section {
  max-height: 360px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

body.public-mode .public-description-text {
  gap: 9px;
  font-size: 14px;
  line-height: 1.72;
}

body.public-mode .public-description-checkline {
  color: #637478;
  font-size: 13px;
}

body.public-mode .public-sticky-cta {
  padding-top: 7px;
  padding-bottom: calc(7px + env(safe-area-inset-bottom));
}

body.public-mode .public-sticky-cta button,
body.public-mode .public-sticky-cta .action-link {
  min-height: 40px;
  font-size: 12px;
}

@media (max-width: 760px) {
  body.public-mode main {
    padding-left: 9px;
    padding-right: 9px;
  }

  body.public-mode .client-filters {
    margin: 0 -4px;
    border-radius: 16px;
  }

  body.public-mode .client-filter {
    min-width: 116px;
  }

  body.public-mode .client-property-card {
    grid-template-columns: 1fr;
  }

  body.public-mode .public-card-media {
    aspect-ratio: 1.18 / 1;
  }

  body.public-mode .public-card-price {
    font-size: 24px;
  }

  body.public-mode .public-card-title {
    font-size: 18px;
  }

  body.public-mode .public-card-location {
    font-size: 15px;
  }

  body.public-mode .public-card-photo-primary-frame {
    aspect-ratio: 1.12 / 1;
  }

  body.public-mode .public-card-photo-thumb-frame {
    flex-basis: 50px;
    width: 50px;
  }

  body.public-mode .public-detail-price {
    font-size: 29px;
  }

  body.public-mode .public-main-info h2 {
    font-size: 20px;
  }
}

/* PUB-UX-4: micro polish for public mobile clarity. */
body.public-mode .topbar {
  gap: 10px;
  padding: calc(9px + env(safe-area-inset-top)) 14px 8px;
}

body.public-mode .brand-row {
  gap: 7px;
}

body.public-mode .brand-logo {
  flex-basis: 28px;
  width: 28px;
  height: 28px;
  border-radius: 7px;
}

body.public-mode h1 {
  font-size: 18px;
  line-height: 1.08;
  font-weight: 780;
}

body.public-mode #summary {
  margin-top: 2px;
  font-size: 12px;
}

body.public-mode .lang-switch {
  padding: 2px;
}

body.public-mode .client-filters {
  display: grid;
  grid-template-columns: minmax(84px, 0.42fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  overflow: visible;
  min-height: 0;
  padding: 6px;
  border-radius: 18px;
}

body.public-mode .client-filter-heading {
  display: none;
}

body.public-mode .client-filter {
  width: 100%;
  min-width: 0;
}

body.public-mode .client-filter select {
  min-height: 34px;
  padding: 6px 26px 6px 11px;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.public-mode .client-filter-more {
  min-height: 34px;
  padding: 6px 12px;
  border-color: rgba(226, 233, 226, 0.95);
  border-radius: 999px;
  color: #2a3d41;
  background: #fbfcfa;
  font-size: 12px;
  font-weight: 720;
  white-space: nowrap;
}

body.public-mode .client-filter-secondary {
  grid-column: 1 / -1;
  display: none;
  grid-template-columns: minmax(0, 1fr) minmax(110px, 0.78fr) auto;
  gap: 7px;
  padding-top: 1px;
}

body.public-mode .client-filters.is-expanded .client-filter-secondary {
  display: grid;
}

body.public-mode .client-reset {
  width: auto;
  min-height: 34px;
  padding: 6px 11px;
  white-space: nowrap;
}

body.public-mode .public-card-location,
body.public-mode .public-detail-location {
  gap: 0;
}

body.public-mode .public-card-location::before,
body.public-mode .public-detail-location::before {
  content: none;
  display: none;
}

body.public-mode .client-property-card .public-spec-grid {
  gap: 6px;
}

body.public-mode .client-property-card .public-spec-pill {
  min-height: 30px;
  padding: 5px 10px;
  border-color: #edf2ed;
}

body.public-mode .client-property-card .public-spec-pill strong {
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}

body.public-mode .public-detail .public-spec-pill strong {
  font-weight: 760;
}

body.public-mode .public-description-section {
  position: relative;
  max-height: none;
  overflow: visible;
}

body.public-mode .public-description-section.is-collapsed .public-description-text {
  max-height: 190px;
  overflow: hidden;
}

body.public-mode .public-description-section.is-collapsed::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 50px;
  left: 0;
  height: 52px;
  pointer-events: none;
  border-radius: 0 0 20px 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff 74%);
}

body.public-mode .public-description-toggle {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 38px;
  margin-top: 10px;
  border-color: #edf2ed;
  border-radius: 999px;
  color: #2f474d;
  background: #f8faf7;
  font-size: 13px;
  font-weight: 760;
}

body.public-mode .public-description-checkline {
  padding-left: 0;
  color: #66777b;
}

@media (max-width: 430px) {
  body.public-mode .topbar {
    padding-left: 12px;
    padding-right: 12px;
  }

  body.public-mode h1 {
    font-size: 17px;
  }

  body.public-mode .client-filters {
    grid-template-columns: minmax(78px, 0.42fr) minmax(0, 1fr) 82px;
  }

  body.public-mode .client-filter-more {
    padding-right: 9px;
    padding-left: 9px;
  }

  body.public-mode .client-filter-secondary {
    grid-template-columns: 1fr;
  }

  body.public-mode .client-reset {
    width: 100%;
  }
}

/* PUB-UX-5: Limassol premium final polish and price filters. */
body.public-mode .brand-row {
  gap: 6px;
}

body.public-mode .brand-logo {
  flex-basis: 26px;
  width: 26px;
  height: 26px;
}

body.public-mode h1 {
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 17px;
}

body.public-mode .client-filters {
  grid-template-columns: minmax(74px, 0.34fr) minmax(0, 1fr) auto;
  gap: 6px;
  padding: 5px;
  background: rgba(255, 255, 255, 0.78);
}

body.public-mode .client-filter select,
body.public-mode .client-filter input {
  width: 100%;
  min-height: 32px;
  padding: 5px 24px 5px 10px;
  border-color: rgba(229, 235, 229, 0.9);
  border-radius: 999px;
  background: rgba(252, 253, 251, 0.94);
  color: #24393e;
  font-size: 12px;
  font-weight: 720;
}

body.public-mode .client-filter input {
  padding-right: 10px;
  caret-color: #0d6f73;
  cursor: text;
}

body.public-mode .client-filter select {
  cursor: pointer;
}

body.public-mode .client-filter input:focus {
  border-color: rgba(13, 111, 115, 0.46);
  outline: 2px solid rgba(13, 111, 115, 0.16);
  outline-offset: 1px;
}

body.public-mode .client-filter.is-invalid input {
  border-color: rgba(190, 48, 48, 0.58);
  background: rgba(255, 247, 247, 0.96);
}

body.public-mode .client-filter.is-invalid input:focus {
  border-color: rgba(190, 48, 48, 0.66);
  outline-color: rgba(190, 48, 48, 0.18);
}

body.public-mode .client-filter input::placeholder {
  color: #9aa7a9;
}

body.public-mode .client-filter-more {
  min-height: 32px;
  padding: 5px 10px;
  border-color: rgba(229, 235, 229, 0.9);
  background: rgba(252, 253, 251, 0.94);
  box-shadow: none;
}

body.public-mode .client-filter-more[aria-expanded="true"] {
  color: #0d6f73;
  background: rgba(238, 248, 245, 0.96);
}

body.public-mode .client-filter-secondary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding: 3px 1px 1px;
}

body.public-mode .client-filter-secondary .client-filter > span {
  position: static;
  width: auto;
  height: auto;
  margin: 0 0 2px 4px;
  clip: auto;
  color: #7b898c;
  font-size: 10px;
  font-weight: 780;
  line-height: 1.1;
  text-transform: uppercase;
}

body.public-mode .client-filter-secondary .client-reset {
  grid-column: 1 / -1;
  min-height: 31px;
  border-color: transparent;
  color: #6f7e81;
  background: rgba(246, 249, 246, 0.72);
  font-size: 12px;
  box-shadow: none;
}

body.public-mode .client-active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: -6px;
  padding: 0 2px 2px;
}

body.public-mode .client-active-filter-chip {
  min-height: 27px;
  padding: 4px 9px;
  border-color: rgba(228, 235, 228, 0.92);
  border-radius: 999px;
  color: #43585d;
  background: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  font-weight: 720;
}

body.public-mode .client-active-filter-chip::after {
  content: " ×";
  color: #8b999c;
  font-weight: 700;
}

body.public-mode .saved-search-subscriptions-panel {
  display: grid;
  gap: 9px;
  margin: -2px 2px 8px;
  padding: 10px;
  border: 1px solid rgba(225, 233, 225, 0.86);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 10px 24px rgba(31, 54, 58, 0.06);
}

body.public-mode .saved-search-subscriptions-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

body.public-mode .saved-search-subscriptions-header h2 {
  margin: 0;
  color: #263f45;
  font-size: 14px;
  line-height: 1.2;
}

body.public-mode .saved-search-subscriptions-empty {
  margin: 0;
  color: #5f7074;
  font-size: 12px;
  line-height: 1.4;
}

body.public-mode .saved-search-subscriptions-list {
  display: grid;
  gap: 8px;
}

body.public-mode .saved-search-subscription-item {
  display: grid;
  gap: 7px;
  padding: 9px;
  border: 1px solid rgba(228, 235, 228, 0.9);
  border-radius: 8px;
  background: rgba(250, 252, 249, 0.84);
}

body.public-mode .saved-search-subscription-item strong {
  color: #243c42;
  font-size: 12px;
  line-height: 1.3;
}

body.public-mode .saved-search-subscription-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

body.public-mode .saved-search-subscription-meta-chip {
  padding: 3px 7px;
  border: 1px solid rgba(228, 235, 228, 0.9);
  border-radius: 999px;
  color: #637579;
  background: rgba(255, 255, 255, 0.78);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
}

body.public-mode .saved-search-unsubscribe-button {
  width: 100%;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid rgba(150, 167, 169, 0.28);
  border-radius: 999px;
  color: #53666b;
  background: rgba(255, 255, 255, 0.86);
  font-size: 12px;
  font-weight: 760;
}

body.public-mode .saved-search-unsubscribe-button:active {
  color: #a1372f;
  border-color: rgba(166, 73, 58, 0.24);
  background: rgba(255, 241, 238, 0.9);
}

body.public-mode .saved-search-unsubscribe-button:disabled {
  opacity: 0.62;
}

body.public-mode .public-detail-header {
  position: static;
  top: auto;
  z-index: auto;
  margin: 0 0 2px;
}

body.public-mode .public-back {
  min-height: 31px;
  padding: 5px 10px;
  border: 1px solid rgba(232, 238, 232, 0.58);
  border-radius: 12px;
  color: #344f55;
  background: rgba(255, 255, 255, 0.58);
  box-shadow: none;
}

body.public-mode .public-detail > .public-spec-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

body.public-mode .public-detail .public-spec-pill {
  min-height: 54px;
  padding: 8px 10px;
  border: 1px solid rgba(232, 238, 232, 0.78);
  border-radius: 16px;
  background: rgba(250, 252, 249, 0.92);
}

body.public-mode .public-detail .public-spec-pill span {
  font-size: 10px;
  line-height: 1.1;
}

body.public-mode .public-detail .public-spec-pill strong {
  font-size: 13px;
  line-height: 1.15;
}

body.public-mode .public-description-checkline {
  padding-left: 0;
}

body.public-mode .public-description-checkline::before {
  content: none;
  display: none;
}

body.public-mode .public-icon-action {
  gap: 5px;
  min-height: 29px;
  padding: 5px 9px;
  color: #2c4247;
  background: rgba(255, 255, 255, 0.88);
  font-weight: 720;
  box-shadow: 0 8px 18px rgba(21, 37, 43, 0.1);
}

body.public-mode .public-icon-action::before {
  content: "\2661";
  font-size: 13px;
  line-height: 1;
}

body.public-mode .public-icon-action.is-active::before {
  content: "\2713";
}

@media (max-width: 430px) {
  body.public-mode h1 {
    max-width: 174px;
    font-size: 16px;
  }

  body.public-mode .client-filters {
    grid-template-columns: minmax(70px, 0.34fr) minmax(0, 1fr) 76px;
  }

  body.public-mode .client-filter-secondary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* PUB-UX-6: calmer editorial polish and softer public presentation. */
body.public-mode .topbar {
  border-bottom-color: rgba(232, 238, 232, 0.72);
}

body.public-mode h1 {
  font-weight: 720;
}

body.public-mode .public-card-overlay {
  inset: 8px 8px auto 8px;
}

body.public-mode .public-deal-badge,
body.public-mode .public-gallery-counter {
  min-height: 24px;
  padding: 4px 8px;
  background: rgba(17, 34, 38, 0.46);
  font-size: 11px;
  font-weight: 680;
  backdrop-filter: blur(10px);
}

body.public-mode .public-icon-action {
  min-height: 28px;
  padding: 4px 8px;
  color: rgba(28, 47, 52, 0.92);
  background: rgba(255, 255, 255, 0.78);
  font-size: 11px;
  font-weight: 680;
  box-shadow: 0 6px 14px rgba(21, 37, 43, 0.08);
}

body.public-mode .public-icon-action.is-active {
  color: #fff;
  background: rgba(13, 111, 115, 0.86);
}

body.public-mode .public-card-media.is-empty {
  color: #6f8084;
  background:
    linear-gradient(135deg, rgba(233, 239, 235, 0.92), rgba(248, 250, 247, 0.94));
  font-size: 12px;
  font-weight: 640;
}

body.public-mode .public-card-price {
  font-weight: 720;
}

body.public-mode .public-card-title {
  font-weight: 640;
}

body.public-mode .public-main-info,
body.public-mode .public-detail-section,
body.public-mode .public-card-share-actions,
body.public-mode .public-empty-panel,
body.public-mode .public-skeleton-detail {
  border: 1px solid rgba(238, 242, 238, 0.58);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 28px rgba(18, 39, 43, 0.04);
}

body.public-mode .public-main-info {
  padding: 16px 17px;
}

body.public-mode .public-detail-section,
body.public-mode .public-card-share-actions {
  padding: 15px 17px;
}

body.public-mode .public-detail-price {
  font-weight: 720;
}

body.public-mode .public-main-info h2 {
  font-weight: 630;
}

body.public-mode .public-detail-section h3 {
  color: #273d42;
  font-size: 13px;
  font-weight: 680;
}

body.public-mode .public-detail > .public-spec-grid {
  gap: 6px;
}

body.public-mode .public-detail .public-spec-pill {
  min-height: 50px;
  padding: 7px 10px;
  border-color: rgba(236, 241, 236, 0.75);
  background: rgba(252, 253, 251, 0.78);
}

body.public-mode .public-chip,
body.public-mode .client-feature {
  border-color: rgba(234, 239, 234, 0.78);
  color: #4d6166;
  background: rgba(250, 252, 249, 0.75);
  font-size: 11px;
  font-weight: 610;
}

body.public-mode .public-description-text {
  color: #3e5358;
  font-size: 13px;
  line-height: 1.68;
}

body.public-mode .public-description-checkline {
  color: #6a7b7f;
}

body.public-mode .client-active-filter-chip {
  min-height: 26px;
  padding: 4px 8px;
  border-color: rgba(232, 238, 232, 0.72);
  color: #52666b;
  background: rgba(255, 255, 255, 0.58);
  font-weight: 660;
}

body.public-mode .client-filter-secondary {
  gap: 5px;
  padding-top: 2px;
}

body.public-mode .client-filter-secondary .client-reset {
  min-height: 30px;
  background: rgba(248, 250, 247, 0.58);
  font-weight: 650;
}

body.public-mode .public-skeleton {
  background: linear-gradient(90deg, #eef3ef 0%, #f8faf7 50%, #eef3ef 100%);
}

/* PUB-UX-7: Telegram safe-area, cleaner CTA, premium image depth. */
body.public-mode .topbar {
  padding-top: calc(18px + env(safe-area-inset-top));
  padding-bottom: 9px;
  align-items: flex-start;
}

body.public-mode .brand-row {
  align-items: center;
  padding-top: 1px;
}

body.public-mode h1 {
  max-width: 206px;
  font-size: 16px;
  line-height: 1.12;
  font-weight: 700;
}

body.public-mode #summary {
  font-size: 12px;
  line-height: 1.2;
}

body.public-mode .lang-switch {
  margin-top: 0;
}

body.public-mode .public-card-media,
body.public-mode .public-card-photo-primary-frame {
  overflow: hidden;
}

body.public-mode .public-card-media::before,
body.public-mode .public-card-photo-primary-frame::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0 0 auto 0;
  height: 34%;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(7, 20, 24, 0.24), rgba(7, 20, 24, 0));
}

body.public-mode .public-card-media::after,
body.public-mode .public-card-photo-primary-frame::after {
  z-index: 1;
  height: 48%;
  background: linear-gradient(180deg, rgba(8, 22, 26, 0) 0%, rgba(8, 22, 26, 0.28) 100%);
}

body.public-mode .public-card-overlay,
body.public-mode .public-gallery-counter {
  z-index: 2;
}

body.public-mode .public-deal-badge,
body.public-mode .public-gallery-counter {
  background: rgba(12, 28, 32, 0.5);
}

body.public-mode .public-icon-action {
  max-width: 118px;
  min-height: 27px;
  padding: 4px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  background: rgba(255, 255, 255, 0.82);
}

body.public-mode .client-property-card {
  box-shadow: 0 14px 34px rgba(18, 39, 43, 0.06);
}

body.public-mode .public-card-body {
  gap: 6px;
  padding: 14px 15px 15px;
}

body.public-mode .public-card-price,
body.public-mode .public-detail-price {
  letter-spacing: 0;
}

body.public-mode .public-main-info,
body.public-mode .public-detail-section,
body.public-mode .public-card-share-actions {
  box-shadow: 0 8px 22px rgba(18, 39, 43, 0.035);
}

body.public-mode .public-sticky-cta {
  gap: 7px;
  padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 -10px 24px rgba(21, 37, 43, 0.065);
}

body.public-mode .public-sticky-cta button,
body.public-mode .public-sticky-cta .action-link {
  min-height: 42px;
  padding-right: 12px;
  padding-left: 12px;
  font-size: 12px;
  font-weight: 720;
}

body.public-mode .public-sticky-cta .action-link.primary {
  flex-grow: 1.45;
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
}

body.public-mode .public-sticky-cta button.primary {
  flex-grow: 1.45;
}

body.public-mode .public-sticky-cta .public-sticky-share {
  flex-grow: 0;
}

@media (max-width: 430px) {
  body.public-mode .topbar {
    padding-top: calc(17px + env(safe-area-inset-top));
  }

  body.public-mode h1 {
    max-width: 178px;
    font-size: 15px;
  }

  body.public-mode .public-sticky-cta {
    padding-left: 10px;
    padding-right: 10px;
  }

  body.public-mode .public-sticky-cta button,
  body.public-mode .public-sticky-cta .action-link {
    min-height: 41px;
    padding-right: 10px;
    padding-left: 10px;
  }
}

/* PUB-UX-8: detail page editorial rhythm and Telegram polish. */
body.public-mode .topbar {
  padding-top: calc(20px + env(safe-area-inset-top));
}

body.public-mode .public-detail {
  gap: 13px;
  padding-bottom: calc(106px + env(safe-area-inset-bottom));
}

body.public-mode .public-card-gallery {
  gap: 8px;
}

body.public-mode .public-card-photo-primary-frame {
  border-radius: 22px;
  box-shadow: 0 14px 34px rgba(18, 39, 43, 0.07);
}

body.public-mode .public-card-photo-strip {
  gap: 5px;
  padding-bottom: 2px;
}

body.public-mode .public-card-photo-thumb-frame {
  flex-basis: 46px;
  width: 46px;
  border-radius: 11px;
  opacity: 0.72;
}

body.public-mode .public-card-photo-thumb-button.active {
  outline-color: rgba(19, 102, 111, 0.28);
  outline-width: 1px;
  outline-offset: 1px;
  opacity: 0.92;
}

body.public-mode .public-main-info {
  gap: 6px;
  padding: 16px 18px;
  border-color: rgba(239, 243, 239, 0.46);
}

body.public-mode .public-detail-price {
  font-size: 28px;
  line-height: 1.04;
  font-weight: 700;
}

body.public-mode .public-main-info h2 {
  font-size: 18px;
  line-height: 1.22;
  font-weight: 620;
}

body.public-mode .public-detail-location {
  font-size: 13px;
}

body.public-mode .public-detail-muted {
  font-size: 11px;
}

body.public-mode .public-detail-section {
  padding: 15px 18px;
  border-color: rgba(239, 243, 239, 0.42);
  box-shadow: 0 6px 18px rgba(18, 39, 43, 0.028);
}

body.public-mode .public-detail-section h3 {
  margin-bottom: 1px;
  font-size: 13px;
  letter-spacing: 0;
}

body.public-mode .public-description-section {
  background: rgba(255, 255, 255, 0.88);
}

body.public-mode .public-description-section.is-collapsed .public-description-text {
  max-height: 168px;
}

body.public-mode .public-description-section.is-collapsed::after {
  bottom: 46px;
  height: 46px;
}

body.public-mode .public-description-toggle {
  min-height: 36px;
  margin-top: 9px;
  background: rgba(248, 250, 247, 0.72);
  font-size: 12px;
}

body.public-mode .public-card-share-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 6px 2px 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.public-mode .public-card-share-actions button {
  min-height: 34px;
  padding: 6px 12px;
  border-color: rgba(232, 238, 232, 0.72);
  background: rgba(255, 255, 255, 0.58);
  color: #52666b;
  font-size: 12px;
}

body.public-mode .public-card-share-actions .muted {
  flex-basis: 100%;
  font-size: 11px;
}

body.public-mode .public-sticky-cta {
  padding-bottom: calc(9px + env(safe-area-inset-bottom));
}

@media (max-width: 430px) {
  body.public-mode .topbar {
    padding-top: calc(20px + env(safe-area-inset-top));
  }

  body.public-mode .public-detail {
    gap: 12px;
  }

  body.public-mode .public-detail-price {
    font-size: 27px;
  }

  body.public-mode .public-main-info h2 {
    font-size: 17px;
  }

  body.public-mode .public-card-photo-thumb-frame {
    flex-basis: 43px;
    width: 43px;
  }
}

/* PUB-UX-9: Telegram header clearance and copyable Ref metadata. */
body.public-mode .topbar {
  gap: 10px;
  min-height: calc(72px + env(safe-area-inset-top));
  padding-top: calc(26px + env(safe-area-inset-top));
  padding-bottom: 10px;
  overflow: visible;
}

body.public-mode .brand-block {
  flex: 1 1 auto;
  min-width: 0;
  padding-top: 1px;
}

body.public-mode .brand-row {
  gap: 7px;
  max-width: 100%;
  overflow: visible;
}

body.public-mode .brand-logo {
  flex: 0 0 29px;
  width: 29px;
  height: 29px;
  border-radius: 8px;
}

body.public-mode .brand-row h1 {
  min-width: 0;
  max-width: none;
  overflow: visible;
  white-space: nowrap;
  font-size: 15.5px;
  line-height: 1.16;
  font-weight: 720;
}

body.public-mode #summary {
  margin-top: 1px;
  font-size: 11.5px;
}

body.public-mode .lang-switch {
  align-self: flex-start;
  margin-top: 0;
  padding: 3px;
}

body.public-mode .lang-option {
  min-height: 28px;
  padding: 5px 9px;
  font-size: 12px;
}

body.public-mode .public-detail-meta-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 1px;
}

body.public-mode .public-detail-utility-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: -2px;
}

body.public-mode .public-detail-utility-actions .public-detail-meta-row {
  margin-left: auto;
  justify-content: flex-end;
}

body.public-mode .public-detail-bottom-actions {
  display: flex;
  flex: 0 0 100%;
  align-items: center;
  gap: 10px;
  width: 100%;
}

body.public-mode .public-detail-bottom-actions .public-detail-meta-row {
  margin-left: auto;
  justify-content: flex-end;
}

body.public-mode .public-detail-utility-action {
  min-height: 24px;
  padding: 2px 0;
  border: 0;
  background: transparent;
  color: #718084;
  font-size: 11.5px;
  font-weight: 610;
  box-shadow: none;
}

body.public-mode .public-detail-utility-action:active {
  color: var(--accent);
}

body.public-mode .public-ref-chip {
  min-height: 24px;
  max-width: 100%;
  padding: 3px 7px;
  border-color: rgba(232, 238, 232, 0.48);
  border-radius: 9px;
  background: rgba(249, 251, 248, 0.45);
  color: #60757a;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 10.5px;
  font-weight: 650;
  box-shadow: none;
}

body.public-mode .public-id-chip {
  position: relative;
  min-height: 24px;
  max-width: 100%;
  padding: 3px 7px;
  border: 1px solid rgba(232, 238, 232, 0.48);
  border-radius: 9px;
  background: rgba(249, 251, 248, 0.45);
  color: #60757a;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 10.5px;
  font-weight: 650;
  box-shadow: none;
  cursor: pointer;
}

body.public-mode .public-id-chip.is-copied {
  background: rgba(235, 248, 244, 0.88);
  color: var(--accent);
}

body.public-mode .public-id-chip.is-copied::after {
  content: attr(data-copied-label);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 6px);
  transform: translateX(-50%);
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(17, 24, 39, 0.88);
  color: #fff;
  font-family: var(--font);
  font-size: 10.5px;
  font-weight: 760;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(17, 24, 39, 0.18);
  pointer-events: none;
}

body.public-mode .public-ref-chip::before {
  content: "Ref ";
  color: #8a989b;
  font-weight: 650;
}

body.public-mode .public-ref-chip.is-copied {
  background: rgba(235, 248, 244, 0.88);
  color: var(--accent);
}

body.public-mode .public-ref-chip.is-copied::before {
  content: "";
}

body.public-mode .public-detail-date {
  color: #8a989b;
  font-size: 10.5px;
  font-weight: 560;
}

@media (max-width: 430px) {
  body.public-mode .topbar {
    padding-top: calc(27px + env(safe-area-inset-top));
    padding-right: 14px;
    padding-left: 14px;
  }

  body.public-mode .brand-logo {
    flex-basis: 28px;
    width: 28px;
    height: 28px;
  }

  body.public-mode .brand-row h1 {
    font-size: 15px;
  }
}

@media (max-width: 370px) {
  body.public-mode .topbar {
    gap: 7px;
    padding-right: 11px;
    padding-left: 11px;
  }

  body.public-mode .brand-row {
    gap: 6px;
  }

  body.public-mode .brand-logo {
    flex-basis: 27px;
    width: 27px;
    height: 27px;
  }

  body.public-mode .brand-row h1 {
    font-size: 14px;
  }

  body.public-mode .lang-option {
    padding-right: 7px;
    padding-left: 7px;
  }
}

/* PUB-UX-10: keep Telegram safe area empty, move public brand below tabs. */
body.public-mode .topbar {
  display: block;
  min-height: calc(78px + env(safe-area-inset-top));
  padding: 0;
  overflow: visible;
  pointer-events: none;
  border-bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.72));
  box-shadow: none;
  backdrop-filter: none;
}

body.public-mode .tabs {
  top: calc(78px + env(safe-area-inset-top));
}

body.public-mode .public-brand-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin: 9px 1px 10px;
  padding: 0 2px;
}

body.public-mode .public-brand-panel .brand-block {
  min-width: 0;
}

body.public-mode .public-brand-panel .brand-row {
  gap: 8px;
}

body.public-mode .public-brand-panel .brand-logo {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 8px;
}

body.public-mode .public-brand-panel .brand-row h1 {
  overflow: visible;
  white-space: nowrap;
  font-size: 16px;
  line-height: 1.15;
  font-weight: 720;
}

body.public-mode .public-brand-panel #summary {
  margin-top: 1px;
  color: #708084;
  font-size: 11.5px;
  line-height: 1.2;
}

body.public-mode .public-brand-panel .lang-switch {
  justify-self: end;
  align-self: center;
  margin: 0;
}

body.public-mode .client-filters {
  grid-template-columns: minmax(96px, 0.42fr) minmax(0, 1fr) minmax(92px, auto);
  gap: 6px;
  padding: 5px;
}

body.public-mode .client-filter select {
  min-width: 0;
  padding-left: 12px;
  text-overflow: ellipsis;
}

body.public-mode .client-filter:first-of-type select {
  padding-right: 24px;
}

body.public-mode .client-filter-more {
  min-width: 92px;
  padding-right: 10px;
  padding-left: 10px;
}

body.public-mode .client-filters.is-expanded {
  row-gap: 7px;
}

body.public-mode .client-filter-secondary {
  padding-top: 2px;
}

body.public-mode .client-reset {
  color: #7a878a;
  background: rgba(248, 250, 247, 0.66);
}

body.public-mode .public-card-share-actions {
  display: none;
}

body.public-mode .public-card-share-actions button {
  min-height: 33px;
  padding: 6px 11px;
  border-color: rgba(232, 238, 232, 0.62);
  background: rgba(255, 255, 255, 0.5);
}

body.public-mode .public-deal-badge {
  min-height: 29px;
  padding: 5px 10px;
  background: rgba(12, 28, 32, 0.46);
  font-size: 11px;
}

body.public-mode .public-price-reduced-badge {
  min-height: 29px;
  padding: 5px 10px;
  background: rgba(197, 41, 47, 0.9);
  font-size: 11px;
  font-weight: 820;
}

body.public-mode .public-icon-action {
  min-height: 29px;
  padding: 5px 9px;
  font-size: 11.5px;
}

body.public-mode .public-sticky-cta button,
body.public-mode .public-sticky-cta .action-link {
  flex: 1 1 0;
  min-width: 0;
}

body.public-mode .public-sticky-cta button.primary,
body.public-mode .public-sticky-cta .action-link.primary {
  flex-grow: 1.65;
}

@media (max-width: 430px) {
  body.public-mode .topbar {
    min-height: calc(82px + env(safe-area-inset-top));
  }

  body.public-mode .tabs {
    top: calc(82px + env(safe-area-inset-top));
  }

  body.public-mode .public-brand-panel {
    gap: 8px;
    margin-top: 8px;
  }

  body.public-mode .public-brand-panel .brand-logo {
    flex-basis: 29px;
    width: 29px;
    height: 29px;
  }

  body.public-mode .public-brand-panel .brand-row h1 {
    font-size: 15.5px;
  }

  body.public-mode .client-filters {
    grid-template-columns: minmax(92px, 0.42fr) minmax(0, 1fr) minmax(88px, auto);
  }
}

@media (max-width: 370px) {
  body.public-mode .public-brand-panel {
    gap: 7px;
  }

  body.public-mode .public-brand-panel .brand-row {
    gap: 6px;
  }

  body.public-mode .public-brand-panel .brand-row h1 {
    font-size: 14.5px;
  }

  body.public-mode .client-filters {
    grid-template-columns: minmax(86px, 0.42fr) minmax(0, 1fr) minmax(82px, auto);
  }

  body.public-mode .client-filter-more {
    min-width: 82px;
  }
}

/* PUB-UX-14: filter labels, RU feature chips, EN description list, public languages. */
body.public-mode .client-filters {
  grid-template-columns: minmax(124px, 0.54fr) minmax(0, 1fr) minmax(88px, auto);
  column-gap: 6px;
}

body.public-mode .client-filter:first-of-type select {
  padding-right: 22px;
  padding-left: 11px;
  font-size: 12px;
}

body.public-mode .client-filter select {
  text-overflow: clip;
}

body.public-mode .lang-option[data-lang="el"] {
  display: none !important;
}

body.public-mode .public-description-english {
  color: #52666b;
}

body.public-mode .public-description-list {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.public-mode .public-description-list li {
  position: relative;
  padding-left: 15px;
  color: #52666b;
  font-size: 13px;
  line-height: 1.48;
}

body.public-mode .public-description-list li::before {
  content: "";
  position: absolute;
  top: 0.68em;
  left: 1px;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: rgba(15, 94, 107, 0.38);
}

@media (max-width: 430px) {
  body.public-mode .client-filters {
    grid-template-columns: minmax(120px, 0.54fr) minmax(0, 1fr) minmax(86px, auto);
  }
}

@media (max-width: 370px) {
  body.public-mode .client-filters {
    grid-template-columns: minmax(112px, 0.54fr) minmax(0, 1fr) minmax(78px, auto);
  }

  body.public-mode .client-filter:first-of-type select {
    padding-right: 20px;
    padding-left: 10px;
    font-size: 11.5px;
  }
}

/* PUB-UX-19: detail action box and consolidated premium feature chips. */
body.public-mode .public-detail > .public-card-share-actions {
  display: none;
}

body.public-mode .public-detail > .public-card-share-actions button {
  width: 100%;
  min-height: 38px;
  padding: 8px 12px;
  border-color: rgba(217, 228, 220, 0.95);
  border-radius: 999px;
  background: #f8faf7;
  color: #315158;
  font-size: 13px;
  font-weight: 760;
  box-shadow: none;
}

body.public-mode .public-detail > .public-card-share-actions .public-card-share-feedback {
  grid-column: 1 / -1;
  min-height: 14px;
  color: #75878b;
  font-size: 12px;
  font-weight: 650;
  text-align: center;
}

body.public-mode .public-detail > .public-top-feature-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 7px;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(225, 233, 225, 0.9);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 10px 26px rgba(21, 37, 43, 0.045);
}

body.public-mode .public-detail > .public-top-feature-chips .public-chip {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 29px;
  padding: 6px 10px;
  border: 1px solid rgba(217, 228, 220, 0.96);
  border-radius: 999px;
  background: #f7faf6;
  color: #2f474d;
  font-size: 12.5px;
  line-height: 1.15;
  font-weight: 720;
  white-space: normal;
  box-shadow: 0 1px 0 rgba(21, 37, 43, 0.025);
}

body.public-mode .public-detail > .public-top-feature-chips .public-chip.is-primary {
  border-color: rgba(37, 100, 106, 0.17);
  background: rgba(19, 102, 111, 0.055);
  color: #17383f;
  font-weight: 740;
}

body.public-mode .public-detail > .public-top-feature-chips .public-chip.is-secondary {
  border-color: rgba(217, 228, 220, 0.72);
  background: rgba(248, 251, 247, 0.68);
  color: #53686d;
  font-weight: 610;
}

@media (max-width: 370px) {
  body.public-mode .public-detail > .public-card-share-actions {
    padding: 10px;
  }

  body.public-mode .public-detail > .public-top-feature-chips {
    gap: 7px;
    padding: 11px;
  }

  body.public-mode .public-detail > .public-top-feature-chips .public-chip {
    min-height: 30px;
    padding: 6px 9px;
    font-size: 12.5px;
  }
}

/* PUB-UX-20: final public detail/list polish, lighter utilities, denser iPhone rhythm. */
body.public-mode .topbar {
  display: none;
  min-height: 0;
  padding: 0;
  border: 0;
}

body.public-mode .tabs {
  top: 0;
}

body.public-mode .public-brand-panel {
  gap: 8px;
  margin: 6px 1px 7px;
}

body.public-mode .public-brand-panel .brand-row {
  gap: 7px;
}

body.public-mode .public-brand-panel .brand-logo {
  flex-basis: 28px;
  width: 28px;
  height: 28px;
  border-radius: 7px;
}

body.public-mode .public-brand-panel .brand-row h1 {
  font-size: 15.5px;
  font-weight: 710;
}

body.public-mode .public-brand-panel #summary {
  margin-top: 0;
  font-size: 11px;
  line-height: 1.15;
}

body.public-mode .public-brand-panel #summary:empty {
  display: none;
}

body.public-mode .public-brand-panel .lang-switch {
  padding: 2px;
}

body.public-mode .public-brand-panel .lang-option {
  min-height: 27px;
  padding: 4px 8px;
}

body.public-mode .client-search {
  gap: 10px;
}

body.public-mode .client-filters {
  gap: 5px;
  padding: 4px;
}

body.public-mode .client-filter select,
body.public-mode .client-filter-more {
  min-height: 34px;
  border-radius: 13px;
}

body.public-mode .client-filter-secondary {
  gap: 4px;
  padding-top: 1px;
}

body.public-mode .client-active-filter-chip {
  min-height: 24px;
  padding: 3px 8px;
  border-radius: 10px;
  font-size: 11px;
}

body.public-mode .public-detail {
  gap: 9px;
  padding-bottom: calc(94px + env(safe-area-inset-bottom));
}

body.public-mode .public-detail-header {
  position: relative;
  top: auto;
  z-index: 1;
  margin: -2px 0 -3px;
}

body.public-mode .public-back {
  min-height: 27px;
  padding: 4px 8px;
  border-color: rgba(225, 233, 225, 0.58);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.42);
  color: #52666b;
  font-size: 12px;
  font-weight: 650;
}

body.public-mode .public-card-gallery {
  gap: 6px;
  border-radius: 18px;
}

body.public-mode .public-card-photo-primary-frame {
  border-radius: 18px;
  box-shadow: 0 12px 28px rgba(18, 39, 43, 0.055);
  touch-action: pan-y;
}

body.public-mode .public-card-photo-thumb-frame {
  flex: 0 0 58px;
  width: 58px;
  border-radius: 11px;
  box-shadow: none;
}

body.public-mode .public-card-photo-thumb-button.active {
  border-color: rgba(255, 255, 255, 0.92);
  outline: 1.5px solid rgba(19, 102, 111, 0.42);
  outline-offset: 1px;
}

body.public-mode .public-gallery-arrow {
  position: absolute;
  top: 50%;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(7, 20, 24, 0.22);
  box-shadow: none;
  font-size: 28px;
  font-weight: 360;
  line-height: 1;
  transform: translateY(-50%);
  backdrop-filter: blur(8px);
}

body.public-mode .public-gallery-arrow-prev {
  left: 8px;
}

body.public-mode .public-gallery-arrow-next {
  right: 8px;
}

body.public-mode .public-gallery-arrow:active {
  background: rgba(7, 20, 24, 0.34);
}

body.public-mode .public-gallery-arrow[hidden] {
  display: none;
}

body.public-mode .public-main-info {
  gap: 5px;
  padding: 14px 15px;
  border-color: rgba(238, 242, 238, 0.66);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 8px 20px rgba(18, 39, 43, 0.035);
}

body.public-mode .public-detail-price {
  font-size: 27px;
  font-weight: 780;
}

body.public-mode .public-main-info h2 {
  font-size: 18.5px;
  font-weight: 690;
}

body.public-mode .public-detail-location {
  font-size: 13.5px;
  line-height: 1.28;
}

body.public-mode .public-map-link {
  min-height: 26px;
  padding: 4px 8px;
  border-color: rgba(19, 102, 111, 0.1);
  border-radius: 9px;
  background: rgba(19, 102, 111, 0.025);
  font-size: 11.5px;
  font-weight: 610;
}

body.public-mode .public-detail-meta-row {
  gap: 6px;
  margin-top: 0;
}

body.public-mode .public-ref-chip {
  min-height: 21px;
  padding: 2px 6px;
  border-color: rgba(232, 238, 232, 0.38);
  border-radius: 7px;
  background: rgba(249, 251, 248, 0.34);
  color: #687b80;
  font-size: 10px;
  font-weight: 610;
}

body.public-mode .public-ref-chip::before {
  color: #98a5a8;
  font-weight: 600;
}

body.public-mode .public-detail-date {
  color: #98a5a8;
  font-size: 10px;
  font-weight: 540;
}

body.public-mode .public-detail-utility-actions {
  gap: 12px;
  margin-top: -3px;
}

body.public-mode .public-detail-utility-action {
  min-height: 21px;
  padding: 1px 0;
  color: #7f8e92;
  font-size: 11px;
  font-weight: 560;
}

body.public-mode .public-detail > .public-top-feature-chips {
  gap: 6px;
  padding: 10px;
  border-color: rgba(232, 238, 232, 0.68);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 8px 20px rgba(18, 39, 43, 0.03);
}

body.public-mode .public-detail > .public-top-feature-chips .public-chip {
  min-height: 26px;
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 640;
  box-shadow: none;
}

body.public-mode .public-detail > .public-top-feature-chips .public-chip.is-primary {
  border-color: rgba(37, 100, 106, 0.15);
  background: rgba(19, 102, 111, 0.045);
  color: #203f46;
  font-weight: 700;
}

body.public-mode .public-detail > .public-top-feature-chips .public-chip.is-secondary {
  border-color: rgba(221, 230, 222, 0.58);
  background: rgba(250, 252, 249, 0.62);
  color: #5d7075;
  font-weight: 560;
}

body.public-mode .public-sticky-cta {
  gap: 8px;
  padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 -10px 22px rgba(21, 37, 43, 0.06);
}

body.public-mode .public-sticky-cta button.primary,
body.public-mode .public-sticky-cta .action-link.primary {
  flex: 1 1 auto;
  min-height: 42px;
  border-radius: 15px;
  font-size: 13px;
  font-weight: 730;
}

body.public-mode .public-sticky-cta .public-sticky-share {
  flex: 0 0 42px;
  width: 42px;
  min-height: 42px;
  padding: 0;
  border-color: rgba(225, 233, 225, 0.72);
  border-radius: 13px;
  color: #6e8085;
  background: rgba(255, 255, 255, 0.64);
  font-size: 17px;
}

body.public-mode .client-card-actions {
  gap: 8px;
  margin-top: 6px;
}

body.public-mode .client-card-actions button {
  min-height: 36px;
  border-radius: 13px;
  font-size: 12px;
  font-weight: 690;
}

body.public-mode .client-card-actions button.primary {
  padding-right: 18px;
  padding-left: 18px;
  box-shadow: 0 8px 18px rgba(19, 102, 111, 0.12);
}

body.public-mode .client-card-actions button:not(.primary) {
  color: #6d7e83;
  background: rgba(255, 255, 255, 0.56);
}

body.public-mode .client-card-actions .telegram-catalog-action {
  flex: 1 0 100%;
  min-height: 38px;
  border-color: var(--accent);
  border-radius: 13px;
  color: var(--accent);
  background: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  font-weight: 700;
}

body.public-mode .public-detail-utility-action.telegram-catalog-action {
  gap: 5px;
}

body.public-mode .public-detail-utility-action .telegram-catalog-icon {
  width: 13px;
  height: 13px;
  flex-basis: 13px;
}

@media (max-width: 430px) {
  body.public-mode .topbar {
    min-height: calc(76px + env(safe-area-inset-top));
  }

  body.public-mode .tabs {
    top: calc(76px + env(safe-area-inset-top));
  }

  body.public-mode .public-brand-panel {
    margin-top: 5px;
    margin-bottom: 6px;
  }

  body.public-mode .public-detail {
    gap: 8px;
  }

  body.public-mode .public-card-photo-thumb-frame {
    flex-basis: 54px;
    width: 54px;
  }

  body.public-mode .public-gallery-arrow {
    width: 32px;
    height: 42px;
    font-size: 26px;
  }
}

@media (max-width: 370px) {
  body.public-mode .public-brand-panel .brand-row h1 {
    font-size: 14.5px;
  }

  body.public-mode .public-detail > .public-top-feature-chips {
    gap: 5px;
    padding: 9px;
  }

  body.public-mode .public-detail > .public-top-feature-chips .public-chip {
    min-height: 25px;
    padding: 5px 7px;
    font-size: 11px;
  }
}

/* PUB-UX-20: make public filters readable on phones without stretching the grid. */
body.public-mode .client-filter select,
body.public-mode .client-filter input,
body.public-mode .client-filter-more {
  min-width: 0;
  min-height: 36px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 13.5px;
  line-height: 1.18;
  letter-spacing: 0;
}

body.public-mode .client-filter select {
  padding-right: 24px;
  padding-left: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.public-mode .client-filter:first-of-type select {
  padding-right: 22px;
  padding-left: 11px;
  font-size: 13.5px;
}

body.public-mode .client-filter input {
  padding-right: 11px;
  padding-left: 11px;
  font-size: 13.5px;
}

body.public-mode .client-filter input::placeholder {
  font-size: 13.5px;
}

body.public-mode .client-filter-more {
  padding-right: 11px;
  padding-left: 11px;
  font-weight: 760;
  white-space: nowrap;
}

body.public-mode .client-filter-secondary .client-filter > span {
  margin-bottom: 3px;
  font-size: 11.5px;
  line-height: 1.15;
  letter-spacing: 0.02em;
}

body.public-mode .client-filter-secondary .client-reset {
  min-height: 34px;
  font-size: 13.5px;
  line-height: 1.18;
  font-weight: 760;
}

body.public-mode .client-filter-secondary .client-filter-apply,
body.public-mode .client-filter-secondary .client-reset {
  grid-column: auto;
  min-height: 34px;
  border-radius: 13px;
  font-size: 13.5px;
  line-height: 1.18;
  font-weight: 760;
  box-shadow: none;
}

body.public-mode .client-filter-secondary .client-filter-apply {
  border-color: rgba(13, 111, 115, 0.78);
  color: #fff;
  background: #0d6f73;
}

body.public-mode .client-filter-secondary .client-filter-apply:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

body.public-mode .client-filter-secondary .client-reset {
  border-color: rgba(13, 111, 115, 0.2);
  color: #0d6f73;
  background: rgba(228, 246, 240, 0.92);
}

body.public-mode .client-active-filter-chip {
  min-height: 28px;
  max-width: 100%;
  font-size: 12px;
  line-height: 1.18;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.public-mode .client-share-feed-chip {
  border-color: rgba(13, 111, 115, 0.32);
  color: #0d6f73;
  background: rgba(228, 246, 240, 0.96);
  box-shadow: inset 0 0 0 1px rgba(13, 111, 115, 0.08);
}

body.public-mode .client-area-multi {
  position: relative;
}

body.public-mode .client-area-multi-toggle {
  width: 100%;
  min-height: 36px;
  padding: 7px 24px 7px 11px;
  border: 1px solid rgba(229, 235, 229, 0.9);
  border-radius: 999px;
  background: rgba(252, 253, 251, 0.94);
  color: #24393e;
  font-size: 13.5px;
  font-weight: 720;
  line-height: 1.18;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-shadow: none;
}

body.public-mode .client-area-multi-toggle[aria-expanded="true"] {
  border-color: rgba(13, 111, 115, 0.48);
  background: rgba(238, 248, 245, 0.96);
}

body.public-mode .client-area-multi-panel {
  position: absolute;
  z-index: 20;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  display: grid;
  gap: 4px;
  max-height: 285px;
  padding: 8px;
  overflow-y: auto;
  border: 1px solid rgba(214, 226, 218, 0.96);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 12px 30px rgba(17, 40, 42, 0.16);
}

body.public-mode .client-area-option {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  min-height: 30px;
  padding: 6px 7px;
  border-radius: 9px;
  color: #24393e;
  font-size: 12.5px;
  font-weight: 680;
  line-height: 1.18;
}

body.public-mode .client-area-option.is-selected {
  background: rgba(13, 111, 115, 0.09);
  color: #0d6f73;
}

body.public-mode .client-area-option input {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  min-height: 15px;
  padding: 0;
  border-radius: 4px;
  margin-top: 0;
  background: transparent;
  accent-color: #0d6f73;
}

body.public-mode .client-area-option span {
  min-width: 0;
  overflow-wrap: anywhere;
}

body.public-mode .client-area-multi-done {
  position: sticky;
  top: 0;
  z-index: 1;
  min-height: 30px;
  margin-bottom: 4px;
  border-color: rgba(13, 111, 115, 0.24);
  border-radius: 10px;
  color: #0d6f73;
  background: rgba(228, 246, 240, 0.98);
  font-size: 12px;
  font-weight: 780;
  box-shadow: none;
}

@media (max-width: 370px) {
  body.public-mode .client-filter select,
  body.public-mode .client-filter input,
  body.public-mode .client-filter-more,
  body.public-mode .client-area-multi-toggle {
    min-height: 35px;
    padding-right: 9px;
    padding-left: 9px;
    font-size: 12.75px;
  }

  body.public-mode .client-filter select {
    padding-right: 21px;
  }

  body.public-mode .client-filter:first-of-type select {
    padding-right: 20px;
    padding-left: 9px;
    font-size: 12.5px;
  }

  body.public-mode .client-filter-secondary .client-filter > span {
    font-size: 11px;
  }

  body.public-mode .client-filter-secondary .client-reset {
    min-height: 33px;
    font-size: 12.75px;
  }

  body.public-mode .client-filter-secondary .client-filter-apply {
    min-height: 33px;
    font-size: 12.75px;
  }
}

/* TG-HEADER-GAP-1: Telegram now owns the top chrome; hide the empty in-app public topbar. */
body.public-mode .topbar {
  display: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.public-mode .tabs {
  top: 0 !important;
}

/* MINIAPP-FILTER-UX-1: premium mobile filter density and hierarchy. */
body.public-mode .client-search {
  gap: 8px;
}

body.public-mode .public-brand-panel {
  gap: 7px;
  margin: 5px 1px 6px;
}

body.public-mode .public-brand-panel .brand-logo {
  flex-basis: 26px;
  width: 26px;
  height: 26px;
  border-radius: 7px;
}

body.public-mode .public-brand-panel .brand-row {
  gap: 6px;
}

body.public-mode .public-brand-panel .brand-row h1 {
  font-size: 15px;
  line-height: 1.1;
}

body.public-mode .public-brand-panel #summary {
  font-size: 10.8px;
  line-height: 1.12;
}

body.public-mode .public-brand-panel .lang-option {
  min-height: 26px;
  padding: 3px 7px;
  font-size: 11.5px;
}

body.public-mode .client-filter-heading {
  display: none;
}

body.public-mode .client-filters {
  grid-template-columns: minmax(86px, 0.42fr) minmax(0, 1fr) minmax(84px, auto);
  gap: 5px;
  padding: 5px;
  border: 1px solid rgba(223, 230, 223, 0.78);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 8px 20px rgba(18, 39, 43, 0.035);
}

body.public-mode .client-filters.is-expanded {
  row-gap: 6px;
  padding-bottom: 6px;
}

body.public-mode .client-filter select,
body.public-mode .client-filter input,
body.public-mode .client-filter-more,
body.public-mode .client-area-multi-toggle {
  min-height: 34px;
  border-radius: 12px;
  border-color: rgba(222, 232, 223, 0.9);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.16;
  box-shadow: none;
}

body.public-mode .client-filter select,
body.public-mode .client-filter input,
body.public-mode .client-area-multi-toggle {
  background-color: rgba(252, 253, 251, 0.96);
}

body.public-mode .client-filter-more {
  min-width: 84px;
  padding-right: 9px;
  padding-left: 9px;
  color: #0d6f73;
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(13, 111, 115, 0.28);
  font-weight: 720;
}

body.public-mode .client-filter-more[aria-expanded="true"] {
  background: rgba(231, 247, 242, 0.76);
  border-color: rgba(13, 111, 115, 0.34);
}

body.public-mode .client-filter-secondary {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 6px;
  padding: 4px 1px 0;
}

body.public-mode .client-filter-secondary .client-filter {
  min-width: 0;
}

body.public-mode .client-filter-secondary .client-filter > span {
  display: block;
  position: static;
  width: auto;
  height: auto;
  margin-bottom: 3px;
  overflow: visible;
  clip: auto;
  color: #7d898c;
  font-size: 10.8px;
  font-weight: 760;
  line-height: 1.1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: normal;
}

body.public-mode .client-filter-secondary .client-filter[data-filter-name="sort"] {
  grid-column: 1 / -1;
}

body.public-mode .client-filter-secondary .client-filter-apply,
body.public-mode .client-filter-secondary .client-reset {
  min-height: 34px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.16;
  font-weight: 760;
  box-shadow: none;
}

body.public-mode .client-filter-secondary .client-filter-apply {
  order: 10;
  grid-column: 1;
  border-color: rgba(13, 111, 115, 0.82);
  color: #fff;
  background: #0d6f73;
}

body.public-mode .client-filter-secondary .client-reset {
  order: 11;
  grid-column: 2;
  border-color: rgba(13, 111, 115, 0.18);
  color: #0d6f73;
  background: rgba(255, 255, 255, 0.72);
}

body.public-mode .client-active-filters {
  gap: 5px;
  margin-top: -1px;
}

body.public-mode .client-active-filter-chip {
  min-height: 27px;
  padding: 4px 8px;
  border-radius: 999px;
  border-color: rgba(226, 233, 226, 0.82);
  color: #5f7074;
  background: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  font-weight: 680;
  line-height: 1.15;
  box-shadow: none;
}

body.public-mode .client-active-filter-chip::after {
  margin-left: 4px;
  font-size: 11px;
}

body.public-mode .client-share-feed-actions {
  gap: 5px;
  margin-top: -2px;
}

body.public-mode .client-share-feed-actions .client-subscription-utility {
  border-color: rgba(218, 228, 221, 0.92);
  color: #607174;
  background: rgba(248, 250, 247, 0.84);
  font-weight: 680;
}

body.public-mode .client-share-feed-actions .client-share-feed-chip {
  border-color: rgba(13, 111, 115, 0.3);
  color: #0d6f73;
  background: rgba(231, 247, 242, 0.78);
}

@media (max-width: 370px) {
  body.public-mode .client-filters {
    grid-template-columns: minmax(76px, 0.4fr) minmax(0, 1fr) minmax(76px, auto);
    gap: 4px;
    padding: 4px;
  }

  body.public-mode .client-filter select,
  body.public-mode .client-filter input,
  body.public-mode .client-filter-more,
  body.public-mode .client-area-multi-toggle {
    min-height: 33px;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 12.3px;
  }

  body.public-mode .client-filter select {
    padding-right: 21px;
  }

  body.public-mode .client-filter-more {
    min-width: 76px;
  }

  body.public-mode .client-filter-secondary {
    gap: 5px;
  }

  body.public-mode .client-filter-secondary .client-filter > span {
    font-size: 10.4px;
  }

  body.public-mode .client-filter-secondary .client-filter-apply,
  body.public-mode .client-filter-secondary .client-reset {
    min-height: 33px;
    font-size: 12.4px;
  }
}

/* MINIAPP-HEADER-DENSITY-1: tighten our app chrome below Telegram's native header. */
body.public-mode .tabs {
  gap: 4px;
  min-height: 48px;
  margin-bottom: 2px;
  padding: 4px;
  border-radius: 16px;
}

body.public-mode .tab {
  min-height: 34px;
  padding: 6px 8px;
  border-radius: 13px;
  font-size: 12.6px;
  line-height: 1.12;
}

body.public-mode .public-brand-panel {
  gap: 5px;
  margin: 3px 1px 4px;
}

body.public-mode .public-brand-panel .brand-row {
  gap: 5px;
}

body.public-mode .public-brand-panel .brand-logo {
  flex-basis: 24px;
  width: 24px;
  height: 24px;
  border-radius: 6px;
}

body.public-mode .public-brand-panel .brand-row h1 {
  font-size: 14.4px;
  line-height: 1.05;
}

body.public-mode .public-brand-panel #summary {
  margin-top: 0;
  font-size: 10.2px;
  line-height: 1.06;
}

body.public-mode .public-brand-panel .lang-switch {
  min-height: 27px;
  padding: 2px;
  gap: 2px;
}

body.public-mode .desktop-miniapp-share-button {
  min-height: 27px;
  padding: 3px 9px;
  border: 1px solid rgba(13, 111, 115, 0.18);
  border-radius: 999px;
  color: #0d6f73;
  background: rgba(231, 247, 242, 0.7);
  font-size: 11.5px;
  font-weight: 720;
  line-height: 1;
  box-shadow: none;
}

body.public-mode .public-brand-panel .lang-option {
  min-height: 23px;
  padding: 2px 6px;
  font-size: 11px;
}

body.public-mode .client-search,
body.public-mode .client-results {
  gap: 6px;
}

body.public-mode .client-filters {
  grid-template-columns: minmax(104px, 0.35fr) minmax(0, 0.41fr) minmax(78px, 0.24fr);
  gap: 4px;
  padding: 4px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 6px 16px rgba(18, 39, 43, 0.025);
}

body.public-mode .client-filters.is-expanded {
  row-gap: 5px;
  padding-bottom: 5px;
}

body.public-mode .client-filter:first-of-type select {
  min-width: 100%;
  padding-right: 21px;
  padding-left: 9px;
  font-size: 12.8px;
  font-weight: 760;
}

body.public-mode .client-filter select,
body.public-mode .client-filter input,
body.public-mode .client-filter-more,
body.public-mode .client-area-multi-toggle {
  min-height: 33px;
  border-radius: 11px;
  font-size: 12.7px;
  line-height: 1.12;
}

body.public-mode .client-filter-more {
  min-width: 78px;
  padding-right: 8px;
  padding-left: 8px;
  font-size: 12.5px;
  font-weight: 700;
}

body.public-mode .client-filter-secondary {
  gap: 5px;
  padding: 3px 0 0;
}

body.public-mode .client-filter-secondary .client-filter[data-filter-name="property_type"] > span,
body.public-mode .client-filter-secondary .client-filter[data-filter-name="bedrooms"] > span {
  display: none;
}

body.public-mode .client-filter-secondary .client-filter > span {
  margin-bottom: 2px;
  font-size: 10.3px;
  line-height: 1.05;
  letter-spacing: 0.035em;
}

body.public-mode .client-filter-secondary .client-filter-apply,
body.public-mode .client-filter-secondary .client-reset {
  min-height: 33px;
  border-radius: 11px;
  font-size: 12.7px;
  line-height: 1.12;
}

body.public-mode .client-filter-secondary .client-filter-apply {
  font-weight: 780;
}

body.public-mode .client-filter-secondary .client-reset {
  border-color: rgba(13, 111, 115, 0.12);
  color: rgba(13, 111, 115, 0.76);
  background: rgba(255, 255, 255, 0.5);
  font-weight: 660;
}

body.public-mode .client-active-filters {
  gap: 4px;
  margin-top: -2px;
}

body.public-mode .client-active-filter-chip {
  min-height: 24px;
  padding: 3px 7px;
  border-color: rgba(226, 233, 226, 0.72);
  color: #607074;
  background: rgba(255, 255, 255, 0.68);
  font-size: 11.4px;
  line-height: 1.1;
  font-weight: 650;
}

body.public-mode .client-active-filter-chip::after {
  margin-left: 3px;
  font-size: 10px;
}

body.public-mode .client-share-feed-actions {
  gap: 4px;
  margin-top: -3px;
}

body.public-mode .client-share-feed-actions .client-subscription-utility {
  color: #6a787b;
  background: rgba(248, 250, 247, 0.72);
  border-color: rgba(218, 228, 221, 0.72);
  font-weight: 640;
}

body.public-mode .client-share-feed-actions .client-share-feed-chip {
  background: rgba(231, 247, 242, 0.66);
  border-color: rgba(13, 111, 115, 0.24);
  font-weight: 680;
}

@media (max-width: 370px) {
  body.public-mode .tabs {
    min-height: 46px;
    padding: 3px;
  }

  body.public-mode .tab {
    min-height: 33px;
    padding: 5px 7px;
    font-size: 12.2px;
  }

  body.public-mode .client-filters {
    grid-template-columns: minmax(96px, 0.36fr) minmax(0, 0.4fr) minmax(72px, 0.24fr);
    gap: 4px;
    padding: 4px;
  }

  body.public-mode .client-filter select,
  body.public-mode .client-filter input,
  body.public-mode .client-filter-more,
  body.public-mode .client-area-multi-toggle {
    min-height: 32px;
    font-size: 12.05px;
  }

  body.public-mode .client-filter:first-of-type select {
    padding-right: 20px;
    padding-left: 8px;
    font-size: 12.15px;
  }

  body.public-mode .client-filter-more {
    min-width: 72px;
    padding-right: 7px;
    padding-left: 7px;
    font-size: 11.9px;
  }
}

/* MINIAPP-PREMIUM-SEARCH-HIERARCHY-1: quiet filters, let inventory carry the page. */
body.public-mode .client-search,
body.public-mode .client-results {
  gap: 5px;
}

body.public-mode .public-brand-panel {
  margin-bottom: 3px;
}

body.public-mode .client-filters {
  border-color: rgba(221, 229, 221, 0.42);
  background: rgba(255, 255, 255, 0.64);
  box-shadow: none;
}

body.public-mode .client-filters.is-expanded {
  row-gap: 4px;
}

body.public-mode .client-filter select,
body.public-mode .client-filter input,
body.public-mode .client-area-multi-toggle {
  border-color: rgba(221, 229, 221, 0.58);
  background-color: rgba(252, 253, 251, 0.82);
  color: #24393e;
  font-weight: 680;
}

body.public-mode .client-filter input::placeholder {
  color: rgba(110, 125, 128, 0.58);
}

body.public-mode .client-area-multi-toggle[aria-expanded="true"],
body.public-mode .client-filter select:focus,
body.public-mode .client-filter input:focus {
  border-color: rgba(13, 111, 115, 0.34);
  background: rgba(252, 253, 251, 0.96);
}

body.public-mode .client-filter-more {
  border-color: rgba(13, 111, 115, 0.16);
  color: rgba(13, 111, 115, 0.78);
  background: rgba(255, 255, 255, 0.42);
  font-weight: 650;
}

body.public-mode .client-filter-more[aria-expanded="true"] {
  border-color: rgba(13, 111, 115, 0.22);
  color: rgba(13, 111, 115, 0.84);
  background: rgba(232, 247, 242, 0.5);
}

body.public-mode .client-filter-secondary {
  padding-top: 2px;
}

body.public-mode .client-filter-secondary .client-filter > span {
  color: rgba(109, 123, 126, 0.78);
  font-weight: 700;
}

body.public-mode .client-filter-secondary .client-filter-apply {
  border-color: rgba(13, 111, 115, 0.78);
  background: #0d6f73;
  box-shadow: 0 6px 12px rgba(13, 111, 115, 0.08);
}

body.public-mode .client-filter-secondary .client-reset {
  border-color: transparent;
  color: rgba(13, 111, 115, 0.66);
  background: transparent;
  font-weight: 620;
}

body.public-mode .client-filter-secondary .client-reset:active {
  background: rgba(231, 247, 242, 0.38);
}

body.public-mode .client-active-filters {
  gap: 3px;
  margin-top: -3px;
  padding: 0 1px;
}

body.public-mode .client-active-filter-chip {
  min-height: 23px;
  padding: 2px 7px;
  border-color: rgba(226, 233, 226, 0.58);
  color: rgba(67, 88, 93, 0.86);
  background: rgba(255, 255, 255, 0.56);
  font-size: 11px;
  font-weight: 630;
}

body.public-mode .client-active-filter-chip::after {
  color: rgba(120, 136, 139, 0.72);
  font-size: 9.5px;
}

body.public-mode .client-share-feed-actions {
  gap: 3px;
  margin-top: -4px;
}

body.public-mode .client-share-feed-actions .client-active-filter-chip {
  min-height: 23px;
  border-color: transparent;
  background: rgba(248, 250, 247, 0.5);
  box-shadow: none;
}

body.public-mode .client-share-feed-actions .client-active-filter-chip::after {
  content: none;
}

body.public-mode .client-share-feed-actions .client-subscription-utility {
  color: rgba(92, 108, 111, 0.86);
  background: transparent;
  border-color: transparent;
  font-weight: 610;
}

body.public-mode .client-share-feed-actions .client-share-feed-chip {
  border-color: rgba(13, 111, 115, 0.18);
  color: rgba(13, 111, 115, 0.82);
  background: rgba(231, 247, 242, 0.42);
}

@media (max-width: 370px) {
  body.public-mode .client-search,
  body.public-mode .client-results {
    gap: 4px;
  }

  body.public-mode .client-filter-more {
    font-weight: 640;
  }

  body.public-mode .client-active-filter-chip {
    min-height: 22px;
    padding: 2px 6px;
    font-size: 10.6px;
  }
}

/* MINIAPP-SEARCH-FLOW-HIERARCHY-1: deal + asset type first, area as refinement. */
body.public-mode .client-filters {
  grid-template-columns: minmax(102px, 0.34fr) minmax(0, 1fr) minmax(74px, auto);
}

body.public-mode .client-filter[data-filter-name="property_type"] select {
  padding-right: 24px;
  padding-left: 10px;
  font-weight: 680;
}

body.public-mode .client-filter-more {
  min-width: 74px;
}

body.public-mode .client-filter-secondary {
  grid-template-columns: minmax(0, 0.48fr) minmax(0, 0.52fr);
}

body.public-mode .client-filter-secondary .client-filter[data-filter-name="areas"] > span {
  display: none;
}

body.public-mode .client-filter-secondary .client-filter[data-filter-name="min_price"],
body.public-mode .client-filter-secondary .client-filter[data-filter-name="max_price"],
body.public-mode .client-filter-secondary .client-filter[data-filter-name="sort"] {
  grid-column: auto;
}

body.public-mode .client-filter-secondary .client-filter[data-filter-name="sort"] {
  grid-column: 1 / -1;
}

body.public-mode .newdev-filters {
  grid-template-columns: minmax(110px, 0.7fr) minmax(120px, 1fr) minmax(74px, auto);
}

body.public-mode .newdev-filter-secondary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.public-mode .newdev-filter-secondary .client-filter[data-filter-name="sort"],
body.public-mode .newdev-reset-row {
  grid-column: 1 / -1;
}

@media (max-width: 370px) {
  body.public-mode .client-filters {
    grid-template-columns: minmax(94px, 0.34fr) minmax(0, 1fr) minmax(68px, auto);
  }

  body.public-mode .client-filter[data-filter-name="property_type"] select {
    padding-right: 22px;
    padding-left: 8px;
  }

  body.public-mode .client-filter-more {
    min-width: 68px;
  }
}

/* MINIAPP-MARKETPLACE-POLISH-1: final pass to make search feel subordinate to listings. */
body.public-mode .tabs {
  margin-bottom: 1px;
}

body.public-mode .public-brand-panel {
  gap: 4px;
  margin: 2px 1px 3px;
}

body.public-mode .public-brand-panel #summary {
  margin-top: -1px;
}

body.public-mode .client-search,
body.public-mode .client-results {
  gap: 4px;
}

body.public-mode .client-filters {
  gap: 3px;
  padding: 3px;
  border-color: rgba(221, 229, 221, 0.32);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.56);
}

body.public-mode .client-filters.is-expanded {
  row-gap: 3px;
  padding-bottom: 4px;
}

body.public-mode .client-filter select,
body.public-mode .client-filter input,
body.public-mode .client-area-multi-toggle {
  min-height: 32px;
  border-color: rgba(221, 229, 221, 0.48);
  background-color: rgba(252, 253, 251, 0.74);
  font-weight: 660;
}

body.public-mode .client-filter-more {
  min-height: 32px;
  border-color: rgba(13, 111, 115, 0.1);
  color: rgba(13, 111, 115, 0.66);
  background: rgba(255, 255, 255, 0.24);
  font-weight: 590;
}

body.public-mode .client-filter-more[aria-expanded="true"] {
  border-color: rgba(13, 111, 115, 0.16);
  color: rgba(13, 111, 115, 0.76);
  background: rgba(232, 247, 242, 0.36);
}

body.public-mode .client-filter-secondary {
  gap: 4px;
  padding-top: 1px;
}

body.public-mode .client-filter-secondary .client-filter[data-filter-name="areas"] .client-area-multi-toggle {
  border-color: rgba(13, 111, 115, 0.22);
  color: #24393e;
  background: rgba(252, 253, 251, 0.88);
  font-weight: 680;
}

body.public-mode .client-filter-secondary .client-filter > span {
  margin-bottom: 1px;
}

body.public-mode .client-filter-secondary .client-filter-apply,
body.public-mode .client-filter-secondary .client-reset {
  min-height: 32px;
}

body.public-mode .client-filter-secondary .client-reset {
  color: rgba(13, 111, 115, 0.58);
  font-weight: 580;
}

body.public-mode .client-live-count {
  display: block;
  width: fit-content;
  max-width: calc(100% - 8px);
  min-height: 24px;
  margin: -2px auto 1px;
  box-sizing: border-box;
  padding: 2px 10px;
  border-radius: 999px;
  border: 1px solid rgba(14, 128, 125, 0.18);
  background: rgba(14, 128, 125, 0.06);
  color: rgba(15, 41, 46, 0.74);
  font-size: 12px;
  font-weight: 720;
  line-height: 1.2;
  text-align: center;
}

body.public-mode .client-live-count[data-state="loading"] {
  color: rgba(15, 41, 46, 0.58);
  background: rgba(15, 41, 46, 0.04);
}

body.public-mode .client-active-filters {
  gap: 2px;
  margin-top: -5px;
  padding: 0;
}

body.public-mode .client-active-filter-chip {
  min-height: 22px;
  padding: 2px 6px;
  border-color: rgba(226, 233, 226, 0.5);
  background: rgba(255, 255, 255, 0.48);
  font-size: 10.8px;
  font-weight: 610;
}

body.public-mode .client-share-feed-actions {
  gap: 2px;
  margin-top: -5px;
}

body.public-mode .client-share-feed-actions .client-active-filter-chip {
  min-height: 22px;
}

body.public-mode .client-share-feed-actions .client-subscription-utility {
  color: rgba(92, 108, 111, 0.78);
  background: transparent;
  font-weight: 580;
}

@media (max-width: 370px) {
  body.public-mode .client-filters {
    gap: 3px;
    padding: 3px;
  }

  body.public-mode .client-filter select,
  body.public-mode .client-filter input,
  body.public-mode .client-filter-more,
  body.public-mode .client-area-multi-toggle {
    min-height: 31px;
  }

  body.public-mode .client-active-filter-chip,
  body.public-mode .client-share-feed-actions .client-active-filter-chip {
    min-height: 21px;
    padding: 2px 5px;
    font-size: 10.4px;
  }
}

/* MINIAPP-MARKETPLACE-FINAL-CLEANUP-1: reduce chip/action noise without shrinking the UI further. */
body.public-mode .client-active-filters {
  row-gap: 2px;
}

body.public-mode .client-share-feed-actions {
  gap: 2px;
  margin-top: -6px;
  opacity: 0.88;
}

body.public-mode .client-share-feed-actions .client-active-filter-chip {
  min-height: 21px;
  padding: 1px 6px;
  border-color: transparent;
  color: rgba(92, 108, 111, 0.72);
  background: transparent;
  font-size: 10.4px;
  font-weight: 560;
}

body.public-mode .client-share-feed-actions .client-share-feed-chip {
  border-color: rgba(13, 111, 115, 0.1);
  color: rgba(13, 111, 115, 0.68);
  background: rgba(231, 247, 242, 0.26);
}

body.public-mode .client-share-feed-actions .client-subscription-utility {
  color: rgba(92, 108, 111, 0.68);
  background: transparent;
  border-color: transparent;
  font-weight: 540;
}

body.public-mode .client-share-feed-actions .client-active-filter-chip::after {
  content: none;
}

body.public-mode .client-reset-row {
  display: flex;
  justify-content: flex-start;
  margin-top: -4px;
  padding: 0;
}

body.public-mode .client-reset-row .client-reset {
  min-height: 23px;
  padding: 2px 7px;
  border-color: rgba(13, 111, 115, 0.16);
  color: rgba(13, 111, 115, 0.74);
  background: rgba(231, 247, 242, 0.36);
  font-size: 10.8px;
  font-weight: 620;
}

/* MINIAPP-BRAND-HEADER-1 final cascade guard. */
body.public-mode .public-brand-panel {
  align-items: center;
  min-height: 38px;
}

body.public-mode .public-brand-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  justify-self: end;
  align-self: center;
  gap: 5px;
  min-width: max-content;
}

body.public-mode .public-brand-actions .lang-switch {
  justify-self: auto;
  margin: 0;
}

body.public-mode .public-brand-actions .desktop-miniapp-share-button {
  white-space: nowrap;
}

body.public-mode .mac-miniapp-close-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 27px;
  width: 27px;
  min-height: 27px;
  height: 27px;
  padding: 0;
  border: 1px solid rgba(98, 116, 120, 0.22);
  border-radius: 50%;
  color: #43565a;
  background: rgba(247, 249, 248, 0.96);
  box-shadow: none;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}

body.public-mode .mac-share-overlay[hidden] {
  display: none !important;
}

body.public-mode .mac-share-overlay {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(19, 32, 35, 0.34);
  backdrop-filter: blur(5px);
}

body.public-mode .mac-share-dialog {
  width: min(360px, calc(100vw - 48px));
  padding: 16px;
  border: 1px solid rgba(219, 227, 223, 0.96);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 22px 56px rgba(18, 39, 43, 0.2);
}

body.public-mode .mac-share-dialog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

body.public-mode .mac-share-dialog-title {
  margin: 0;
  color: #15252b;
  font-size: 17px;
  font-weight: 720;
}

body.public-mode .mac-share-dialog-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  width: 30px;
  min-height: 30px;
  height: 30px;
  padding: 0;
  border-radius: 50%;
  color: #43565a;
  background: #f4f7f5;
  font-size: 18px;
  line-height: 1;
}

body.public-mode .mac-share-dialog-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

body.public-mode .mac-share-option {
  width: 100%;
  min-height: 42px;
  justify-content: center;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 720;
}

body.public-mode .mac-share-telegram {
  border-color: #229ed9;
  color: #fff;
  background: #229ed9;
}

body.public-mode .mac-share-whatsapp {
  border-color: #168f55;
  color: #fff;
  background: #168f55;
}

body.public-mode .mac-share-copy {
  border-color: #d9e2de;
  color: #33484c;
  background: #f6f8f7;
}

body.public-mode .public-brand-panel .brand-row {
  gap: 7px;
}

body.public-mode .public-brand-panel .brand-logo {
  flex-basis: 32px;
  width: 32px;
  height: 32px;
  border-radius: 8px;
}

body.public-mode .public-brand-panel .brand-row h1 {
  font-size: 15.2px;
  line-height: 1.08;
  overflow-wrap: normal;
}

body.public-mode .public-brand-panel #summary {
  display: none;
}

/* MINIAPP-SAVED-SEARCH-SUBSCRIBE-CTA-1: make the subscription action visible and self-confirming. */
body.public-mode .client-subscription-card {
  display: grid;
  gap: 6px;
  margin: 2px 2px 8px;
}

body.public-mode .client-subscription-secondary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

body.public-mode .client-subscription-secondary-button {
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid rgba(13, 111, 115, 0.2);
  border-radius: 999px;
  color: #0d6f73;
  background: rgba(231, 247, 242, 0.62);
  font-size: 12px;
  font-weight: 720;
  box-shadow: none;
}

body.public-mode .client-subscribe-primary {
  width: 100%;
  min-height: 43px;
  padding: 10px 14px;
  border: 1px solid rgba(13, 111, 115, 0.62);
  border-radius: 12px;
  color: #ffffff;
  background: linear-gradient(180deg, #128481 0%, #0b6f73 100%);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.15;
  box-shadow: 0 12px 24px rgba(13, 111, 115, 0.18);
}

body.public-mode .client-subscribe-primary:disabled {
  opacity: 0.72;
  box-shadow: none;
}

body.public-mode .client-subscription-feedback {
  margin: 0;
  padding: 8px 10px;
  border: 1px solid rgba(72, 154, 111, 0.28);
  border-radius: 10px;
  color: #1d6845;
  background: rgba(232, 247, 238, 0.9);
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.35;
}

body.public-mode .client-subscription-feedback[data-state="error"] {
  border-color: rgba(166, 73, 58, 0.26);
  color: #a1372f;
  background: rgba(255, 241, 238, 0.92);
}

body.public-mode .client-subscription-feedback[data-state="hint"] {
  border-color: rgba(180, 193, 193, 0.38);
  color: #637579;
  background: rgba(248, 250, 247, 0.84);
  font-weight: 650;
}

body.public-mode .client-subscription-feedback[hidden] {
  display: none;
}

/* MINIAPP-NEARBY-SEARCH-LIST-FIRST-1 */
body.public-mode .client-nearby-filter {
  position: relative;
  grid-column: 1 / -1;
  order: 12;
}

body.public-mode .client-nearby-toggle {
  width: 100%;
  min-height: 36px;
  padding: 7px 12px;
  border: 1px solid rgba(229, 235, 229, 0.9);
  border-radius: 999px;
  color: #24393e;
  background: rgba(252, 253, 251, 0.94);
  font-size: 13px;
  font-weight: 720;
  text-align: center;
  cursor: pointer;
}

body.public-mode .client-nearby-toggle[aria-expanded="true"] {
  border-color: rgba(13, 111, 115, 0.42);
  color: #0d6f73;
  background: rgba(238, 248, 245, 0.96);
}

body.public-mode .client-sort-mode-row {
  grid-column: 1 / -1;
  order: 12;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px;
  align-items: end;
}

body.public-mode .client-sort-mode-row .client-filter[data-filter-name="sort"] {
  grid-column: auto;
}

body.public-mode .client-hot-deals-toggle {
  align-self: end;
  box-sizing: border-box;
  height: 32px;
  min-height: 32px;
  padding: 5px 10px;
  border: 1px solid rgba(221, 229, 221, 0.48);
  border-radius: 12px;
  color: #24393e;
  background: rgba(252, 253, 251, 0.74);
  font-size: 13px;
  font-weight: 660;
  line-height: 1.16;
  text-align: center;
  box-shadow: none;
  white-space: nowrap;
}

body.public-mode .client-hot-deals-toggle[aria-pressed="true"] {
  border-color: rgba(13, 111, 115, 0.48);
  color: #ffffff;
  background: #0d7778;
  font-weight: 700;
}

body.public-mode .client-nearby-filter.is-disabled .client-nearby-toggle {
  border-color: rgba(220, 228, 227, 0.82);
  color: #98a4a6;
  background: rgba(246, 248, 247, 0.72);
  cursor: not-allowed;
}

body.public-mode .client-area-multi.is-disabled .client-area-multi-toggle {
  border-color: rgba(220, 228, 227, 0.82);
  color: #98a4a6;
  background: rgba(246, 248, 247, 0.72);
  cursor: not-allowed;
}

body.public-mode .client-nearby-panel {
  display: grid;
  grid-column: 1 / -1;
  gap: 7px;
  padding: 8px;
  border: 1px solid rgba(212, 224, 222, 0.9);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 10px 24px rgba(19, 47, 50, 0.08);
}

body.public-mode .client-nearby-radius,
body.public-mode .client-nearby-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

body.public-mode .client-nearby-choice,
body.public-mode .client-nearby-apply,
body.public-mode .client-nearby-clear,
body.public-mode .client-nearby-map-pick {
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid rgba(215, 226, 224, 0.95);
  border-radius: 999px;
  color: #0d6f73;
  background: rgba(247, 251, 248, 0.96);
  font-size: 12px;
  font-weight: 760;
  box-shadow: none;
}

body.public-mode .client-nearby-choice.is-selected,
body.public-mode .client-nearby-apply {
  border-color: rgba(13, 111, 115, 0.48);
  color: #ffffff;
  background: #0d7778;
}

body.public-mode .client-nearby-map-pick {
  width: 100%;
  min-height: 34px;
  border-color: rgba(13, 111, 115, 0.22);
  background: rgba(238, 248, 245, 0.96);
  font-size: 12.5px;
}

body.public-mode .client-nearby-radius-label,
body.public-mode .client-nearby-manual > span {
  color: #7b898c;
  font-size: 10px;
  font-weight: 780;
  line-height: 1.1;
  text-transform: uppercase;
}

body.public-mode .client-nearby-manual {
  display: grid;
  gap: 3px;
}

body.public-mode .client-nearby-radius-custom {
  max-width: 180px;
}

body.public-mode .client-nearby-location-input {
  max-width: none;
}

body.public-mode .client-nearby-manual input {
  min-height: 32px;
  padding: 5px 10px;
  border: 1px solid rgba(229, 235, 229, 0.9);
  border-radius: 999px;
  background: rgba(252, 253, 251, 0.94);
  color: #24393e;
  font-size: 12px;
  font-weight: 650;
}

body.public-mode .client-nearby-preset-select {
  width: 100%;
  min-height: 34px;
  padding: 5px 10px;
  border: 1px solid rgba(229, 235, 229, 0.9);
  border-radius: 999px;
  background: rgba(252, 253, 251, 0.94);
  color: #24393e;
  font-size: 12px;
  font-weight: 700;
}

body.public-mode .public-card-distance {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  min-height: 24px;
  padding: 3px 8px;
  border: 1px solid rgba(13, 111, 115, 0.16);
  border-radius: 999px;
  color: #0d6f73;
  background: rgba(231, 247, 242, 0.66);
  font-size: 12px;
  font-weight: 720;
}

body.public-mode .client-nearby-map-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));
  background: rgba(13, 25, 28, 0.38);
}

body.public-mode .client-nearby-map-overlay.is-map-fullscreen {
  align-items: stretch;
  padding: max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));
}

body.public-mode .client-nearby-map-dialog {
  width: min(560px, 100%);
  max-height: min(760px, calc(100vh - 24px));
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(214, 226, 224, 0.95);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 24px 70px rgba(13, 25, 28, 0.28);
}

body.public-mode .client-nearby-map-dialog.is-map-fullscreen {
  width: min(720px, 100%);
  height: 100%;
  max-height: none;
  grid-template-rows: auto auto minmax(0, 1fr) auto auto;
}

body.public-mode .client-nearby-map-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

body.public-mode .client-nearby-map-header h3 {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  color: #14282d;
  font-size: 16px;
  font-weight: 820;
  line-height: 1.2;
}

body.public-mode .client-nearby-map-header-actions {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 8px;
}

body.public-mode .client-nearby-map-expand {
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid rgba(13, 111, 115, 0.22);
  border-radius: 999px;
  color: #0d6f73;
  background: rgba(238, 248, 245, 0.96);
  font-size: 12.5px;
  font-weight: 780;
  line-height: 1.1;
  white-space: nowrap;
}

body.public-mode .client-nearby-map-close {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(215, 226, 224, 0.95);
  border-radius: 999px;
  color: #40575c;
  background: rgba(247, 251, 248, 0.96);
  font-size: 22px;
  line-height: 1;
}

body.public-mode .client-nearby-map-hint {
  color: #627276;
  font-size: 12.5px;
  font-weight: 650;
  line-height: 1.35;
}

body.public-mode .client-nearby-map-canvas {
  width: 100%;
  height: min(58vh, 430px);
  min-height: 310px;
  overflow: hidden;
  border: 1px solid rgba(215, 226, 224, 0.95);
  border-radius: 12px;
  background: #eef3ef;
  color: #66777a;
  font-size: 13px;
  font-weight: 700;
}

body.public-mode .client-nearby-map-dialog.is-map-fullscreen .client-nearby-map-canvas {
  height: auto;
  min-height: 0;
}

body.public-mode .client-nearby-map-canvas .leaflet-control-attribution .leaflet-attribution-flag,
body.public-mode .client-nearby-map-canvas .leaflet-control-attribution a[href*="leafletjs"] {
  display: none !important;
}

body.public-mode .client-nearby-map-radius,
body.public-mode .client-nearby-map-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.public-mode .client-nearby-map-apply,
body.public-mode .client-nearby-map-cancel {
  min-height: 36px;
  padding: 7px 13px;
  border: 1px solid rgba(215, 226, 224, 0.95);
  border-radius: 999px;
  color: #0d6f73;
  background: rgba(247, 251, 248, 0.96);
  font-size: 13px;
  font-weight: 780;
}

body.public-mode .client-nearby-map-apply {
  flex: 1 1 180px;
  border-color: rgba(13, 111, 115, 0.48);
  color: #ffffff;
  background: #0d7778;
}

body.public-mode .client-nearby-map-cancel {
  flex: 0 0 auto;
}

body.public-mode .client-nearby-status {
  padding: 8px 10px;
  border: 1px solid rgba(13, 111, 115, 0.2);
  border-radius: 10px;
  color: #0d6f73;
  background: rgba(231, 247, 242, 0.78);
  font-size: 12.5px;
  font-weight: 720;
  line-height: 1.35;
}

body.public-mode .client-nearby-status[hidden] {
  display: none;
}

@media (max-width: 370px) {
  body.public-mode .client-nearby-map-overlay.is-map-fullscreen {
    padding-right: 6px;
    padding-left: 6px;
  }

  body.public-mode .client-nearby-map-dialog.is-map-fullscreen {
    gap: 8px;
    padding: 10px;
  }

  body.public-mode .client-nearby-map-header {
    gap: 7px;
  }

  body.public-mode .client-nearby-map-header-actions {
    gap: 6px;
  }

  body.public-mode .client-nearby-map-expand {
    min-height: 32px;
    padding: 6px 9px;
    font-size: 11.6px;
  }

  body.public-mode .client-nearby-map-close {
    width: 32px;
    height: 32px;
    font-size: 20px;
  }

  body.public-mode .public-brand-panel .brand-logo {
    flex-basis: 31px;
    width: 31px;
    height: 31px;
  }

  body.public-mode .public-brand-panel .brand-row {
    gap: 6px;
  }

  body.public-mode .public-brand-panel .brand-row h1 {
    font-size: 14.5px;
  }
}

/* MINIAPP-SEARCH-QUICK-POLISH-1: clearer reset, stable feed start, copyable Ref in list. */
body.public-mode .client-filter-secondary .client-reset {
  border-color: rgba(13, 111, 115, 0.24);
  color: #0d6f73;
  background: rgba(231, 247, 242, 0.58);
  font-weight: 740;
}

body.public-mode .client-filter-secondary .client-reset:active {
  background: rgba(218, 242, 235, 0.84);
}

/* MINIAPP-RESET-FILTERS-CTA-1: make the full-filter reset a clear command. */
body.public-mode .client-reset-row {
  display: grid;
  grid-column: 1 / -1;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  margin: 2px 2px 7px;
  padding: 0;
  box-sizing: border-box;
}

body.public-mode .client-reset-row .client-reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  min-height: 38px;
  padding: 9px 14px;
  border: 1px solid rgba(13, 111, 115, 0.38);
  border-radius: 12px;
  color: #0d6f73;
  background: rgba(231, 247, 242, 0.82);
  box-shadow: 0 7px 16px rgba(13, 111, 115, 0.08);
  font-size: 12.6px;
  font-weight: 820;
  line-height: 1.2;
  letter-spacing: 0;
  box-sizing: border-box;
}

body.public-mode .client-reset-row .client-reset::after {
  content: none;
}

body.public-mode .client-reset-row .client-reset:active {
  transform: translateY(1px);
  background: rgba(218, 242, 235, 0.94);
  box-shadow: 0 4px 10px rgba(13, 111, 115, 0.08);
}

/* PERF-P0: diagnostic only. Enabled by ?perf-lite=1 or ?perf=1&perfLite=1. */
body.perf-lite.public-mode .topbar,
body.perf-lite.public-mode .tabs,
body.perf-lite.public-mode .public-sticky-cta,
body.perf-lite.public-mode .public-card-gallery-arrow,
body.perf-lite.public-mode .public-price-reduced-badge,
body.perf-lite.public-mode .public-deal-badge,
body.perf-lite.public-mode .public-gallery-counter {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.perf-lite.public-mode .client-property-card,
body.perf-lite.public-mode .public-card-media,
body.perf-lite.public-mode .public-card-photo-primary-frame,
body.perf-lite.public-mode .public-sticky-cta,
body.perf-lite.public-mode .public-price-reduced-badge,
body.perf-lite.public-mode .public-card-gallery-arrow {
  box-shadow: none !important;
}

body.perf-lite.public-mode .topbar,
body.perf-lite.public-mode .public-sticky-cta {
  background: rgba(255, 255, 255, 0.98) !important;
}

/* PUBLIC-NAV-SHELL-1: separate property sections from client utilities. */
body.public-client-tabs .tabs {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
  align-items: stretch;
  padding: 6px;
  overflow: visible !important;
  border: 1px solid #dbe4e8;
  border-radius: 8px;
  background: #f6f8f9;
}

body.public-client-tabs .tabs > .tab {
  min-width: 0;
  min-height: 44px;
  padding: 8px 6px;
  border-color: #dbe4e8;
  border-radius: 4px;
  background: #ffffff;
  color: #475569;
  box-shadow: none;
  white-space: normal;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0;
}

body.public-client-tabs .tabs > .tab[data-view="search"] {
  grid-column: 1 / span 2;
  grid-row: 1;
}

body.public-client-tabs .tabs > .tab[data-view="newdev"] {
  grid-column: 3 / span 2;
  grid-row: 1;
}

body.public-client-tabs .tabs > .tab[data-view="commercial"] {
  grid-column: 5 / span 2;
  grid-row: 1;
}

body.public-client-tabs .tabs > .tab[data-view="favorites"] {
  grid-column: 1 / span 3;
  grid-row: 2;
}

body.public-client-tabs .tabs > .tab[data-view="request"] {
  grid-column: 4 / span 3;
  grid-row: 2;
}

body.public-client-tabs .tabs > .tab[data-view="favorites"],
body.public-client-tabs .tabs > .tab[data-view="request"] {
  min-height: 36px;
  margin-top: 4px;
  padding-top: 6px;
  padding-bottom: 6px;
  background: transparent;
  color: #64748b;
  font-size: 12.5px;
  font-weight: 600;
}

body.public-client-tabs .tabs > .tab[data-view="search"].is-active,
body.public-client-tabs .tabs > .tab[data-view="commercial"].is-active {
  border-color: #0f766e;
  background: #ffffff;
  color: #0f5f59;
  box-shadow: inset 0 -3px 0 #0f766e;
}

body.public-client-tabs .tabs > .tab[data-view="newdev"].is-active {
  border-color: #d91f2a;
  background: #ffffff;
  color: #991b1b;
  box-shadow: inset 0 -3px 0 #d91f2a;
}

body.public-client-tabs .tabs > .tab[data-view="favorites"].is-active,
body.public-client-tabs .tabs > .tab[data-view="request"].is-active {
  border-color: #94a3b8;
  background: #ffffff;
  color: #334155;
  box-shadow: inset 0 -2px 0 #64748b;
}

body.public-client-tabs .tabs > .tab.tab-newdev {
  justify-content: center;
  gap: 0;
  padding: 3px;
  border-color: transparent;
  color: #111827;
  background: #ffffff;
  box-shadow: none;
}

body.public-client-tabs .tabs > .tab.tab-newdev:hover {
  border-color: transparent;
  color: #111827;
  background: #ffffff;
}

body.public-client-tabs .tabs > .tab.tab-newdev.is-active {
  border-color: transparent;
  color: #ffffff;
  background: #111827;
  box-shadow: none;
}

body.public-client-tabs .tab-newdev-logo {
  width: min(108px, 100%);
  height: 38px;
  flex: 0 1 108px;
  border-radius: 0;
  display: block;
  object-fit: contain;
}

body.public-client-tabs .tab-newdev-logo-active,
body.public-client-tabs .tab-newdev.is-active .tab-newdev-logo-normal {
  display: none;
}

body.public-client-tabs .tab-newdev.is-active .tab-newdev-logo-active {
  display: block;
  filter: invert(1);
}

body.public-mode .public-card-photo-primary-frame {
  position: relative;
  touch-action: pan-x pan-y;
}

body.public-mode .public-card-detail-photo-rail {
  border-radius: inherit;
}

body.public-mode .public-card-photo-detail-slide {
  box-shadow: none;
}

body.public-mode .public-card-feed-arrow,
body.public-mode .newdev-card-gallery-arrow,
body.public-mode .newdev-detail-photo-shell .public-gallery-arrow {
  z-index: 4;
}

body.public-mode .public-back {
  min-height: 38px;
  padding: 8px 13px;
  border: 1px solid rgba(10, 93, 102, 0.24);
  border-radius: 14px;
  color: var(--accent);
  background: #fff;
  box-shadow: 0 8px 20px rgba(18, 39, 43, 0.08);
  font-size: 14.5px;
  font-weight: 850;
}

body.public-mode main {
  padding-bottom: calc(76px + env(safe-area-inset-bottom));
}

body.public-mode .public-detail {
  padding-bottom: calc(76px + env(safe-area-inset-bottom));
}

body.public-mode .newdev-detail {
  align-content: start;
  padding-bottom: calc(78px + env(safe-area-inset-bottom));
}

body.public-mode .newdev-detail-price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body.public-mode .newdev-detail-price-row .public-detail-price {
  flex: 1 1 auto;
  margin: 0;
  font-size: 16px;
  line-height: 1.25;
}

body.public-mode .newdev-detail-price-row .newdev-nid-copy {
  flex: 0 0 auto;
  align-self: center;
}

body.public-mode .newdev-sticky-cta .action-link.primary {
  flex: 1 1 100%;
  text-align: center;
}

body.public-mode .newdev-detail-share-actions {
  margin-top: 0;
}

/* WEB-PUBLIC-HEADER-1: browser-only stable language switch, no top share button. */
body.public-mode.browser-public-mode .desktop-miniapp-share-button {
  display: none !important;
}

body.public-mode.browser-public-mode .public-brand-actions {
  width: 74px;
  min-width: 74px;
  max-width: 74px;
  justify-content: flex-end;
}

body.public-mode.browser-public-mode .public-brand-actions .lang-switch {
  width: 74px;
  min-width: 74px;
  justify-content: center;
}

body.public-mode.browser-public-mode .public-brand-panel .lang-option {
  flex: 0 0 32px;
  width: 32px;
  min-width: 32px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

/* MINIAPP-HOME-HERO-1: visual-only banner for the residential search view. */
body.public-mode .client-home-hero {
  width: 100%;
  aspect-ratio: 1280 / 496;
  margin: 0 0 8px;
  overflow: hidden;
  border: 1px solid #dbe4e8;
  border-radius: 8px;
  background: #edf2f2;
  box-sizing: border-box;
}

body.public-mode .client-home-hero img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* MINIAPP-HOME-JOURNEY-PHASE1: progressive deal and property-type choices. */
body.public-mode .client-home-journey {
  display: grid;
  gap: 10px;
  width: 100%;
  margin: 0 0 8px;
  padding: 11px;
  border: 1px solid #dbe4e8;
  border-radius: 8px;
  background: #ffffff;
  box-sizing: border-box;
}

body.public-mode .client-home-journey-header {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
}

body.public-mode .client-home-journey-header h2 {
  margin: 0;
  color: #172a30;
  font-size: 15px;
  font-weight: 760;
  line-height: 1.2;
  letter-spacing: 0;
}

body.public-mode .client-home-journey-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  width: 30px;
  min-height: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid #dbe4e8;
  border-radius: 4px;
  color: #0f766e;
  background: #ffffff;
  box-shadow: none;
  font-size: 18px;
  line-height: 1;
}

body.public-mode .client-home-journey-choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

body.public-mode .client-home-journey-choice {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 8px 7px;
  border: 1px solid #d7dfe2;
  border-radius: 4px;
  color: #475569;
  background: #ffffff;
  box-shadow: none;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  text-decoration: none;
}

body.public-mode .client-home-journey-choice.is-all-types {
  grid-column: 1 / -1;
}

body.public-mode .client-home-journey-choice.is-selected {
  border-color: #0f766e;
  color: #0f5f59;
  background: #f3fbf9;
  box-shadow: inset 0 -3px 0 #0f766e;
}

/* WEB-DESKTOP-WIDE-1: make direct browser view feel like a real website, not a narrow phone shell. */
@media (min-width: 1024px) {
  body.public-mode.browser-public-mode main {
    max-width: none;
    margin-right: 0;
    margin-left: 0;
    padding-right: clamp(22px, 3vw, 56px);
    padding-left: clamp(22px, 3vw, 56px);
    padding-bottom: 56px;
  }

  body.public-mode.browser-public-mode .tabs,
  body.public-mode.browser-public-mode .public-brand-panel,
  body.public-mode.browser-public-mode .client-search,
  body.public-mode.browser-public-mode .client-results,
  body.public-mode.browser-public-mode .lead-list {
    width: 100%;
    max-width: none;
  }

  body.public-mode.browser-public-mode .newdev-grid {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 16px;
  }

  body.public-mode.browser-public-mode .client-results {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    align-items: stretch;
    gap: 16px;
  }

  body.public-mode.browser-public-mode .client-property-card {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    height: 100%;
  }

  /* WEB-DESKTOP-FEED-EQUAL-CARDS-1: keep each grid row visually even in direct browser mode. */
  body.public-mode.browser-public-mode .client-property-card .public-card-body {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  body.public-mode.browser-public-mode .client-property-card .public-card-footer {
    margin-top: auto;
  }

  body.public-mode.browser-public-mode .client-property-card .client-card-actions {
    margin-top: auto;
  }

  body.public-mode.browser-public-mode .client-property-card .public-card-footer + .client-card-actions {
    margin-top: 8px;
  }

  body.public-mode.browser-public-mode .public-card-media {
    min-height: 0;
    aspect-ratio: 16 / 11;
  }

  body.public-mode.browser-public-mode .public-detail,
  body.public-mode.browser-public-mode .newdev-detail {
    grid-column: 1 / -1;
    justify-self: center;
    width: min(1180px, 100%);
    max-width: 1180px;
  }

  /* WEB-DESKTOP-DETAIL-PHOTO-CAP-1: prevent detail gallery photos from exceeding the viewport. */
  body.public-mode.browser-public-mode .public-detail .public-card-photo-primary-frame {
    height: min(58vh, 620px);
    max-height: calc(100vh - 210px);
    min-height: 320px;
    aspect-ratio: auto;
    background: #eef2ef;
  }

  body.public-mode.browser-public-mode .public-detail .public-card-photo,
  body.public-mode.browser-public-mode .public-detail .public-card-photo-primary {
    object-fit: contain;
  }

  body.public-mode.browser-public-mode .public-card-detail .public-card-gallery {
    width: min(960px, 100%);
    margin-right: auto;
    margin-left: auto;
  }

  body.public-mode.browser-public-mode .public-card-detail .public-card-photo-primary-frame {
    aspect-ratio: 16 / 9;
    background: #fff;
  }

  body.public-mode.browser-public-mode .public-card-detail .public-card-photo,
  body.public-mode.browser-public-mode .public-card-detail .public-card-photo-primary {
    object-fit: contain;
  }

  body.public-mode.browser-public-mode .newdev-detail .newdev-detail-photo-shell {
    width: min(960px, 100%);
    margin-right: auto;
    margin-left: auto;
  }

  body.public-mode.browser-public-mode .newdev-detail .newdev-detail-photo-frame {
    height: min(58vh, 620px);
    min-height: 320px;
    aspect-ratio: 16 / 9;
    background: #fff;
  }

  body.public-mode.browser-public-mode .newdev-detail .newdev-detail-photo-frame > img:not(.newdev-photo-watermark) {
    object-fit: contain;
  }
}

body.public-mode .public-card-photo-primary-frame > .public-detail-favorite {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 6;
}

/* MAP-CTA-CLEARANCE-1: keep location previews above the fixed contact CTA. */
body.public-mode .public-detail,
body.public-mode .newdev-detail {
  padding-bottom: calc(132px + env(safe-area-inset-bottom));
  scroll-padding-bottom: calc(132px + env(safe-area-inset-bottom));
}

body.public-mode .public-location-preview,
body.public-mode .newdev-location-preview {
  margin-bottom: calc(28px + env(safe-area-inset-bottom));
}

body.public-mode .public-location-preview .newdev-location-map-canvas,
body.public-mode .newdev-location-preview .newdev-location-map-canvas {
  margin-bottom: 10px;
}

/* MAP-CTA-FIXED-SAFE-1: keep CTA fixed, with enough scroll tail after map previews. */
body.public-mode .public-detail > .public-sticky-cta,
body.public-mode .newdev-detail > .public-sticky-cta {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  margin-top: 0;
  border-width: 1px 0 0;
  border-radius: 0;
}

body.public-mode .public-location-preview,
body.public-mode .newdev-location-preview {
  margin-bottom: calc(112px + env(safe-area-inset-bottom));
}

/* MAP-CTA-ZORDER-1: Leaflet layers must scroll under the fixed CTA, not over it. */
body.public-mode .public-detail > .public-sticky-cta,
body.public-mode .newdev-detail > .public-sticky-cta {
  z-index: 2400;
}

body.public-mode .public-location-preview,
body.public-mode .newdev-location-preview,
body.public-mode .public-location-preview .newdev-location-map-canvas,
body.public-mode .newdev-location-preview .newdev-location-map-canvas {
  position: relative;
  z-index: 0;
  isolation: isolate;
}

/* MAP-CTA-COMPACT-1: fixed CTA may overlay the map; do not push the map far above it. */
body.public-mode .public-detail,
body.public-mode .newdev-detail {
  padding-bottom: calc(76px + env(safe-area-inset-bottom));
  scroll-padding-bottom: calc(76px + env(safe-area-inset-bottom));
}

body.public-mode .public-location-preview,
body.public-mode .newdev-location-preview {
  margin-bottom: 0;
}

body.public-mode .public-location-preview .newdev-location-map-canvas,
body.public-mode .newdev-location-preview .newdev-location-map-canvas {
  margin-bottom: 0;
}

/* MAP-CTA-TIGHTER-1: avoid double bottom whitespace on detail pages. */
body.public-mode main:has(.public-detail),
body.public-mode main:has(.newdev-detail) {
  padding-bottom: 0;
}

body.public-mode .lead-list:has(> .public-detail),
body.public-mode .lead-list:has(> .newdev-detail) {
  padding-bottom: 0;
}

body.public-mode .public-detail,
body.public-mode .newdev-detail {
  padding-bottom: calc(12px + env(safe-area-inset-bottom));
  scroll-padding-bottom: calc(76px + env(safe-area-inset-bottom));
}

/* Commercial catalog */
.tab-commercial {
  border-color: #0f766e;
  color: #0f5f59;
}

.tab-commercial:hover,
.tab-commercial.is-active {
  border-color: #0f766e;
  background: #eaf8f5;
  color: #0b5d56;
}

.commercial-shell {
  display: grid;
  gap: 14px;
}

.commercial-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 2px;
}

.commercial-heading h1 {
  margin: 0;
  font-size: 22px;
  line-height: 1.2;
}

.commercial-controls {
  display: grid;
  gap: 10px;
}

.commercial-deal-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  width: min(100%, 420px);
  padding: 4px;
  border: 1px solid #cfd8e3;
  border-radius: 8px;
  background: #f7f9fc;
}

.commercial-deal-switch button {
  min-height: 38px;
  border-color: transparent;
  background: transparent;
  color: #475467;
}

.commercial-deal-switch button.is-active {
  border-color: #0f766e;
  background: #ffffff;
  color: #0b5d56;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
}

.commercial-search-row {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto minmax(170px, 0.34fr);
  gap: 8px;
  align-items: center;
}

.commercial-search-row input,
.commercial-search-row select,
.commercial-search-row button {
  min-height: 42px;
}

.commercial-filter-toggle {
  white-space: nowrap;
}

.commercial-filter-panel {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #d5dde8;
  border-radius: 8px;
  background: #ffffff;
}

.commercial-filter-group {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.commercial-filter-group + .commercial-filter-group {
  padding-top: 10px;
  border-top: 1px solid #e5e9ef;
}

.commercial-filter-group h2 {
  margin: 0;
  color: #344054;
  font-size: 13px;
  line-height: 1.25;
}

.commercial-filter-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.commercial-multi-select {
  position: relative;
  min-width: 0;
}

.commercial-multi-select summary {
  min-height: 42px;
  display: flex;
  align-items: center;
  padding: 9px 34px 9px 11px;
  border: 1px solid #cfd8e3;
  border-radius: 8px;
  background: #ffffff;
  color: #344054;
  cursor: pointer;
  list-style: none;
  line-height: 1.2;
}

.commercial-multi-select summary::-webkit-details-marker {
  display: none;
}

.commercial-multi-select summary::after {
  content: "\2304";
  position: absolute;
  right: 12px;
  top: 10px;
  color: #667085;
}

.commercial-multi-select[open] summary::after {
  content: "\2303";
}

.commercial-multi-select.has-selection summary {
  border-color: #0f766e;
  color: #0b5d56;
  background: #f0fdfa;
}

.commercial-multi-menu {
  position: absolute;
  z-index: 2700;
  top: calc(100% + 5px);
  left: 0;
  width: max(100%, 280px);
  max-width: min(420px, calc(100vw - 32px));
  padding: 8px;
  border: 1px solid #cfd8e3;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(16, 24, 40, 0.16);
}

.commercial-multi-menu > input {
  min-height: 38px;
  margin-bottom: 7px;
}

.commercial-option-list {
  display: grid;
  gap: 2px;
  max-height: 280px;
  overflow: auto;
  overscroll-behavior: contain;
}

.commercial-menu-done {
  width: 100%;
  min-height: 36px;
  margin-top: 7px;
  border-color: #0f766e;
  color: #0f766e;
}

.commercial-check-option {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  min-height: 36px;
  padding: 7px 6px;
  border-radius: 6px;
  cursor: pointer;
}

.commercial-check-option:hover {
  background: #f2f4f7;
}

.commercial-check-option input {
  width: 18px;
  min-height: 18px;
  margin: 1px 0 0;
  accent-color: #0f766e;
}

.commercial-check-option span {
  min-width: 0;
  color: #344054;
  line-height: 1.3;
}

.commercial-range-filter {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.commercial-range-filter > span {
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.commercial-range-filter > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.commercial-range-filter input {
  min-width: 0;
  min-height: 42px;
}

.commercial-filter-actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 2px;
}

.commercial-results {
  display: grid;
  gap: 10px;
}

.commercial-results-meta {
  color: #667085;
  font-size: 13px;
}

.commercial-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px;
}

.commercial-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d8e0e9;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 3px 12px rgba(16, 24, 40, 0.06);
  cursor: pointer;
}

.commercial-card:hover {
  border-color: #81bdb4;
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.1);
}

.commercial-card:focus-visible {
  outline: 2px solid #0f766e;
  outline-offset: 2px;
}

.commercial-card-media {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #e9edf2;
}

.commercial-card-media.is-placeholder::before,
.commercial-gallery-placeholder::before {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 auto 7px;
  border: 2px solid #98a2b3;
  border-radius: 6px;
  box-shadow: inset 0 -10px 0 rgba(152, 162, 179, 0.16);
}

.commercial-card-media.is-placeholder {
  display: grid;
  place-content: center;
}

.commercial-card-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.commercial-card-type,
.commercial-verification {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 4px 7px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.15;
}

.commercial-card-media > .commercial-card-type {
  position: absolute;
  left: 8px;
  bottom: 8px;
  max-width: calc(58% - 12px);
  color: #ffffff;
  background: rgba(17, 24, 39, 0.88);
}

.commercial-card-media > .commercial-verification {
  position: absolute;
  right: 8px;
  top: 8px;
  max-width: calc(58% - 12px);
}

.commercial-verification.is-verified {
  color: #075e45;
  background: #d1fae5;
}

.commercial-verification.is-non_verified {
  color: #8a4b06;
  background: #fff1cc;
}

.commercial-verification.is-unknown {
  color: #475467;
  background: #eaecf0;
}

.commercial-card-body {
  display: grid;
  gap: 8px;
  padding: 12px;
}

.commercial-card-location {
  margin: 0;
  color: #0f766e;
  font-size: 12px;
  font-weight: 750;
}

.commercial-card-body h2 {
  min-height: 2.55em;
  margin: 0;
  overflow: hidden;
  color: #172033;
  font-size: 16px;
  line-height: 1.28;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.commercial-card-price {
  color: #101828;
  font-size: 22px;
  line-height: 1.1;
}

.commercial-card-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  min-height: 20px;
  color: #475467;
  font-size: 12px;
}

.commercial-feature-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.commercial-feature-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 4px 7px;
  border: 1px solid #d5dde8;
  border-radius: 6px;
  background: #f8fafc;
  color: #475467;
  font-size: 11px;
  line-height: 1.2;
}

.commercial-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 4px;
  border-top: 1px solid #eef1f5;
  color: #667085;
  font-size: 12px;
}

.commercial-card-open {
  color: #0f766e;
  font-weight: 750;
}

.commercial-load-more {
  justify-self: center;
  min-width: 180px;
}

.commercial-empty {
  padding: 24px 16px;
  border: 1px solid #d8e0e9;
  border-radius: 8px;
  background: #ffffff;
  color: #667085;
  text-align: center;
}

.commercial-error p,
.commercial-inline-error {
  color: #b42318;
}

.commercial-detail {
  display: grid;
  gap: 16px;
  width: min(100%, 920px);
  margin: 0 auto;
  padding-bottom: calc(92px + env(safe-area-inset-bottom));
}

.commercial-back {
  justify-self: start;
}

.commercial-gallery {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 8px;
  background: #e9edf2;
}

.commercial-gallery-rail {
  display: flex;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}

.commercial-gallery-rail::-webkit-scrollbar {
  display: none;
}

.commercial-gallery-frame {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  margin: 0;
  scroll-snap-align: start;
}

.commercial-gallery-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.commercial-gallery-placeholder {
  flex: 0 0 100%;
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
  color: #667085;
  text-align: center;
}

.commercial-gallery-nav {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0;
  border-color: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  background: rgba(17, 24, 39, 0.72);
  color: #ffffff;
  font-size: 28px;
  line-height: 1;
  transform: translateY(-50%);
}

.commercial-gallery-nav.is-prev {
  left: 10px;
}

.commercial-gallery-nav.is-next {
  right: 10px;
}

.commercial-gallery-counter {
  position: absolute;
  right: 10px;
  bottom: 10px;
  min-width: 52px;
  padding: 5px 8px;
  border-radius: 6px;
  background: rgba(17, 24, 39, 0.76);
  color: #ffffff;
  font-size: 12px;
  font-weight: 750;
  text-align: center;
}

.commercial-detail-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
  padding-bottom: 14px;
  border-bottom: 1px solid #d8e0e9;
}

.commercial-detail-meta {
  min-width: 0;
}

.commercial-detail-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}

.commercial-detail-badges .commercial-card-type {
  color: #ffffff;
  background: #172033;
}

.commercial-detail-header h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1.22;
}

body.public-mode .commercial-detail-header h1 {
  max-width: none;
  overflow: visible;
  font-size: 24px;
  line-height: 1.22;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.commercial-detail-header p {
  margin: 6px 0 0;
  color: #0f766e;
  font-weight: 700;
}

.commercial-detail-price {
  color: #101828;
  font-size: 28px;
  line-height: 1;
  white-space: nowrap;
}

.commercial-detail-section {
  display: grid;
  gap: 10px;
}

.commercial-detail-section h2 {
  margin: 0;
  font-size: 17px;
  line-height: 1.25;
}

.commercial-facts-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid #d8e0e9;
  border-left: 1px solid #d8e0e9;
}

.commercial-fact {
  display: grid;
  gap: 3px;
  min-height: 68px;
  padding: 10px;
  border-right: 1px solid #d8e0e9;
  border-bottom: 1px solid #d8e0e9;
  background: #ffffff;
}

.commercial-fact span {
  color: #667085;
  font-size: 11px;
  font-weight: 700;
}

.commercial-fact strong {
  color: #172033;
  font-size: 14px;
  line-height: 1.25;
}

.commercial-claim-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid #d8e0e9;
}

.commercial-claim {
  display: grid;
  grid-template-columns: minmax(120px, 0.8fr) minmax(0, 1.2fr);
  gap: 10px;
  align-items: start;
  min-height: 42px;
  padding: 10px 8px;
  border-bottom: 1px solid #e5e9ef;
}

.commercial-claim:nth-child(odd) {
  border-right: 1px solid #e5e9ef;
}

.commercial-claim span {
  color: #475467;
}

.commercial-claim strong {
  color: #172033;
  font-weight: 700;
}

.commercial-location-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.commercial-map-link {
  min-height: 34px;
  padding: 6px 10px;
}

.commercial-location-hint {
  margin: 0;
  color: #667085;
  font-size: 12px;
}

.commercial-map {
  position: relative;
  z-index: 0;
  isolation: isolate;
  width: 100%;
  height: 310px;
  overflow: hidden;
  border: 1px solid #d8e0e9;
  border-radius: 8px;
  background: #eef2f6;
}

.commercial-map.is-unavailable {
  display: grid;
  place-content: center;
  padding: 16px;
  color: #667085;
  text-align: center;
}

.commercial-map .leaflet-control-attribution {
  font-size: 9px;
}

.commercial-sticky-actions {
  position: fixed;
  z-index: 2400;
  left: 0;
  right: 0;
  bottom: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, 0.32fr);
  gap: 8px;
  padding: 9px max(12px, calc((100vw - 920px) / 2)) calc(9px + env(safe-area-inset-bottom));
  border-top: 1px solid #d8e0e9;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 -5px 20px rgba(16, 24, 40, 0.1);
}

.commercial-sticky-actions .action-link,
.commercial-sticky-actions button {
  min-height: 46px;
}

.commercial-sticky-actions .action-link.primary {
  border-color: #0f766e;
  background: #0f766e;
  color: #ffffff;
}

body.public-mode main:has(.commercial-detail),
body.public-mode .lead-list:has(> .commercial-detail) {
  padding-bottom: 0;
}

@media (max-width: 760px) {
  body.public-mode .tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }

  body.public-mode .tabs::-webkit-scrollbar {
    display: none;
  }

  body.public-mode .tab {
    flex: 0 0 auto;
  }

  .commercial-search-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .commercial-search-row select {
    grid-column: 1 / -1;
  }

  .commercial-filter-panel {
    grid-template-columns: minmax(0, 1fr);
  }

  .commercial-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .commercial-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .commercial-detail-header {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .commercial-detail-price {
    font-size: 26px;
  }

  .commercial-facts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .commercial-claim-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .commercial-claim:nth-child(odd) {
    border-right: 0;
  }

  .commercial-map {
    height: 260px;
  }

  .commercial-sticky-actions {
    grid-template-columns: minmax(0, 1fr) 112px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 480px) {
  .commercial-filter-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .commercial-filter-actions {
    flex-direction: column;
  }

  .commercial-filter-actions button {
    width: 100%;
  }

  .commercial-multi-menu {
    position: fixed;
    z-index: 3100;
    top: 18vh;
    left: 12px;
    right: 12px;
    width: auto;
    max-width: none;
    max-height: 64vh;
  }

  .commercial-option-list {
    max-height: 50vh;
  }

  .commercial-gallery {
    aspect-ratio: 4 / 3;
  }

  .commercial-gallery-nav {
    display: none;
  }

  body.public-mode .commercial-detail-header h1 {
    font-size: 21px;
  }

  .commercial-facts-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .commercial-fact {
    min-height: 58px;
  }

  .commercial-claim {
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
  }

  .commercial-location-heading {
    align-items: flex-start;
  }
}

/* TELEGRAM-HERO-CORRECTION-1: compact Telegram-only shell; browser mode is unchanged. */
body.public-mode.telegram-hero-shell main {
  margin-top: 0;
  padding-left: 10px;
  padding-right: 10px;
}

body.public-mode.telegram-hero-shell .telegram-home-hero {
  position: relative;
  display: block;
  width: 100%;
  height: 168px;
  margin: 0 0 8px;
  overflow: hidden;
  border: 0;
  border-radius: 17px;
  color: #ffffff;
  background-color: #17353a;
  background-image:
    linear-gradient(
      90deg,
      rgba(7, 29, 33, 0.82) 0%,
      rgba(7, 29, 33, 0.50) 52%,
      rgba(7, 29, 33, 0.08) 100%
    ),
    url("/app/images/new-home-hero-limassol.webp?v=telegram-hero-correction-20260715-1");
  background-position: 58% center;
  background-size: cover;
  box-sizing: border-box;
  isolation: isolate;
}

body.public-mode.telegram-hero-shell .telegram-home-hero-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: min(294px, calc(100% - 24px));
  height: 100%;
  padding: 14px 14px 13px;
  box-sizing: border-box;
}

body.public-mode.telegram-hero-shell .telegram-home-hero-eyebrow,
body.public-mode.telegram-hero-shell .telegram-home-hero-subtitle {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  letter-spacing: 0;
}

body.public-mode.telegram-hero-shell .telegram-home-hero-eyebrow {
  margin-bottom: 7px;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
}

body.public-mode.telegram-hero-shell .telegram-home-hero-title {
  display: grid;
  gap: 0;
  margin: 0;
  color: #ffffff;
  font-size: 28px;
  font-weight: 820;
  line-height: 1.02;
  letter-spacing: 0;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.2);
}

body.public-mode.telegram-hero-shell .telegram-home-hero-title span {
  display: block;
}

body.public-mode.telegram-hero-shell .telegram-home-hero-subtitle {
  margin-top: 8px;
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1.25;
}

body.public-mode.telegram-hero-shell .telegram-home-hero-language {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
}

body.public-mode.telegram-hero-shell .telegram-home-hero-language .lang-switch {
  min-height: 28px;
  margin: 0;
  padding: 2px;
  gap: 1px;
  border: 1px solid rgba(255, 255, 255, 0.48);
  border-radius: 999px;
  background: rgba(7, 29, 33, 0.48);
  box-shadow: none;
  backdrop-filter: blur(8px);
}

body.public-mode.telegram-hero-shell .telegram-home-hero-language .lang-option {
  min-width: 31px;
  min-height: 23px;
  padding: 2px 6px;
  border: 0;
  color: rgba(255, 255, 255, 0.82);
  background: transparent;
  font-size: 10.5px;
  line-height: 1;
}

body.public-mode.telegram-hero-shell .telegram-home-hero-language .lang-option.is-active {
  color: #0f5f59;
  background: #ffffff;
}

body.public-mode.telegram-hero-shell .telegram-home-hero > .telegram-appearance-fallback {
  position: absolute;
  z-index: 3;
  top: 14px;
  right: 14px;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border-color: rgba(255, 255, 255, 0.52);
  color: rgba(255, 255, 255, 0.94);
  background: rgba(6, 27, 31, 0.60);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(9px);
}

body.public-mode.telegram-hero-shell .telegram-home-hero > .telegram-appearance-fallback:hover,
body.public-mode.telegram-hero-shell .telegram-home-hero > .telegram-appearance-fallback:active {
  border-color: rgba(255, 255, 255, 0.72);
  color: #ffffff;
  background: rgba(6, 27, 31, 0.76);
}

body.public-mode.telegram-hero-shell
  .telegram-home-hero
  > .telegram-home-hero-content
  .residential-hero-eyebrow {
  max-width: calc(100% - 68px);
}

@media (max-width: 360px) {
  body.public-mode.telegram-hero-shell .telegram-home-hero {
    height: 162px;
  }
}

/* TELEGRAM-RESIDENTIAL-RESULTS-FIRST-1: compact result controls and one in-feed subscription CTA. */
body.public-mode.telegram-client-shell .client-search.telegram-residential-results-first .client-live-count {
  width: auto;
  max-width: none;
  min-height: 30px;
  margin: 0;
  padding: 6px 10px;
  border-radius: 7px;
  text-align: left;
}

body.public-mode.telegram-client-shell .client-search.telegram-residential-results-first .client-active-filters {
  gap: 5px;
  margin: 0;
}

body.public-mode.telegram-client-shell .client-search.telegram-residential-results-first .client-active-filter-chip {
  min-height: 32px;
  padding: 5px 9px;
  border-color: rgba(13, 111, 115, 0.2);
  color: #285156;
  background: rgba(240, 250, 248, 0.78);
  font-size: 11.5px;
  font-weight: 680;
}

body.public-mode .client-search.residential-results-first .residential-results-actions {
  gap: 7px;
  margin: 0 0 2px;
  padding: 0;
}

body.public-mode .client-search.residential-results-first .residential-results-actions .residential-results-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.public-mode .client-search.residential-results-first .residential-results-actions .client-subscription-secondary-button {
  min-width: 0;
  min-height: 44px;
  padding: 7px 9px;
  border-radius: 7px;
  color: #356066;
  background: #ffffff;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.2;
  white-space: normal;
  overflow-wrap: break-word;
}

body.public-mode .client-search.residential-results-first .residential-results-actions .residential-subscribe-action,
body.public-mode .client-search.residential-results-first .residential-results-actions .residential-share-action {
  border-color: rgba(13, 111, 115, 0.36);
  color: #0d6f73;
  background: rgba(240, 250, 248, 0.82);
}

body.public-mode .client-search.residential-results-first .residential-results-actions .client-subscription-feedback[hidden],
body.public-mode .client-search.residential-results-first .residential-results-actions .residential-results-telegram-bridge[hidden] {
  display: none;
}

body.public-mode .client-search.residential-results-first .residential-results-actions .generated-share-link {
  margin-top: 1px;
}

body.public-mode .client-search.residential-results-first .residential-results-actions .residential-results-telegram-bridge {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

body.public-mode .client-search.residential-results-first .residential-results-actions .client-subscription-telegram-open {
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid rgba(13, 111, 115, 0.34);
  border-radius: 7px;
  color: #0d6f73;
  background: #ffffff;
  font-size: 12px;
  font-weight: 750;
  box-shadow: none;
}

@media (max-width: 360px) {
  body.public-mode .client-search.residential-results-first .residential-results-actions .residential-results-action-grid {
    gap: 7px;
  }

  body.public-mode .client-search.residential-results-first .residential-results-actions .client-subscription-secondary-button {
    padding-right: 6px;
    padding-left: 6px;
    font-size: 11px;
  }
}

body.public-mode.telegram-hero-shell .public-brand-panel.telegram-compact-brand {
  margin: 0 0 5px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.public-mode.telegram-hero-shell .public-brand-panel.telegram-compact-brand.is-actions-empty,
body.public-mode.telegram-hero-shell .public-brand-panel.telegram-compact-brand .brand-block {
  display: none !important;
}

body.public-mode.telegram-hero-shell .public-brand-panel.telegram-compact-brand .public-brand-actions {
  width: 100%;
  justify-content: flex-end;
}

body.public-mode.telegram-hero-shell.public-client-tabs .tabs {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 4px;
  min-height: 0;
  margin: 0 0 6px;
  padding: 3px;
  border: 1px solid #d9e3e5;
  border-radius: 10px;
  background: #eef3f4;
  box-shadow: none;
}

body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab {
  min-width: 0;
  min-height: 44px;
  margin: 0;
  padding: 7px 5px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #52666b;
  box-shadow: none;
  font-size: 12.5px;
  font-weight: 720;
  line-height: 1.12;
  letter-spacing: 0;
  white-space: normal;
}

body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="search"],
body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="newdev"],
body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="commercial"] {
  grid-row: 1;
  background: #ffffff;
}

body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="search"] {
  grid-column: 1 / span 2;
}

body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="newdev"] {
  grid-column: 3 / span 2;
}

body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="commercial"] {
  grid-column: 5 / span 2;
}

body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="favorites"],
body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="request"] {
  grid-row: 2;
  min-height: 38px;
  margin-top: 0;
  padding: 5px 7px;
  border-color: transparent;
  background: transparent;
  color: #60747a;
  font-size: 12px;
  font-weight: 650;
}

body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="favorites"] {
  grid-column: 1 / span 3;
}

body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="request"] {
  grid-column: 4 / span 3;
}

body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="favorites"]::before {
  content: "\2661";
  margin-right: 4px;
  font-size: 15px;
}

body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="request"]::before {
  content: "\25a4";
  margin-right: 4px;
  font-size: 13px;
}

body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab.is-active {
  border-color: #0f766e;
  color: #0f5f59;
  background: #ffffff;
  box-shadow: inset 0 -3px 0 #0f766e;
}

body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab.tab-newdev,
body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab.tab-newdev:hover,
body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab.tab-newdev.is-active {
  padding: 7px 5px;
  border-color: transparent;
  color: #52666b;
  background: #ffffff;
  box-shadow: none;
}

body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab.tab-newdev.is-active {
  border-color: #0f766e;
  color: #0f5f59;
  box-shadow: inset 0 -3px 0 #0f766e;
}

/* Keep the category indicator inside its own tab so rounded inset shadows cannot bleed at grid seams. */
body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="search"],
body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="newdev"],
body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="commercial"] {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="search"].is-active,
body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="newdev"].is-active,
body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="commercial"].is-active {
  box-shadow: none;
}

body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="search"].is-active::after,
body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="newdev"].is-active::after,
body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="commercial"].is-active::after {
  content: "";
  position: absolute;
  right: 6px;
  bottom: 0;
  left: 6px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: #0f766e;
  pointer-events: none;
}

body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab:focus:not(:focus-visible) {
  outline: none;
}

body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

body.public-mode.telegram-hero-shell .client-home-hero,
body.public-mode.telegram-hero-shell .client-home-journey {
  display: none !important;
}

/* TELEGRAM-ROUTE-SCOPING-1: reuse the existing navigation state without changing filters or routes. */
body.public-mode.telegram-client-shell .tabs.telegram-navigation-hidden {
  display: none !important;
}

body.public-mode.telegram-client-shell .telegram-compact-screen-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  margin: 13px 2px 6px;
  padding: 0 12px;
  box-sizing: border-box;
}

body.public-mode.telegram-client-shell .telegram-compact-screen-toolbar.is-language-only {
  justify-content: flex-end;
  min-height: 34px;
  margin-top: 4px;
  padding-right: 2px;
}

body.public-mode.telegram-client-shell .telegram-compact-screen-back {
  flex: 0 0 40px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0 0 3px;
  border: 1px solid #cbd9dc;
  border-radius: 8px;
  color: #0f6663;
  background: #ffffff;
  box-shadow: none;
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
}

body.public-mode.telegram-client-shell .telegram-compact-screen-back[hidden] {
  display: none !important;
}

body.public-mode.telegram-client-shell .telegram-compact-screen-title {
  min-width: 0;
  margin: 0;
  color: #17383c;
  font-size: 24px;
  font-weight: 780;
  line-height: 1.12;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

body.public-mode.telegram-client-shell .telegram-compact-screen-title[hidden] {
  display: none !important;
}

body.public-mode.telegram-client-shell .telegram-compact-screen-language {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
}

body.public-mode.telegram-client-shell .telegram-compact-screen-language .telegram-appearance-fallback {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
}

body.public-mode.telegram-client-shell .telegram-compact-screen-language .lang-switch {
  min-height: 30px;
  margin: 0;
  padding: 2px;
  gap: 1px;
  border: 1px solid #cbd9dc;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: none;
}

body.public-mode.telegram-client-shell .telegram-compact-screen-language .lang-option {
  min-width: 32px;
  min-height: 25px;
  padding: 3px 7px;
  border: 0;
  background: transparent;
  font-size: 11px;
  line-height: 1;
}

body.public-mode.telegram-client-shell .telegram-compact-screen-language .lang-option.is-active {
  color: #ffffff;
  background: #0f766e;
}

body.public-mode.telegram-client-shell.telegram-compact-section-shell .newdev-hero,
body.public-mode.telegram-client-shell.telegram-compact-section-shell .commercial-heading {
  display: none !important;
}

/* TELEGRAM-RESIDENTIAL-CORE-FILTERS-1: primary selectors reuse the legacy filter state. */
body.public-mode.telegram-client-shell .telegram-residential-core-filters {
  display: grid;
  gap: 9px;
  width: 100%;
  margin: 0;
  padding: 10px;
  border: 1px solid #d9e3e5;
  border-radius: 8px;
  background: #ffffff;
  box-sizing: border-box;
}

body.public-mode.telegram-client-shell .telegram-residential-purpose {
  width: 100%;
  min-width: 0;
}

body.public-mode.telegram-client-shell .telegram-residential-purpose-choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

body.public-mode.telegram-client-shell .telegram-residential-purpose-choice,
body.public-mode.telegram-client-shell .telegram-residential-property-type-choice {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 8px 10px;
  border: 1px solid #d5dfe2;
  border-radius: 7px;
  color: #42565b;
  background: #ffffff;
  box-shadow: none;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  overflow-wrap: anywhere;
  text-decoration: none;
}

body.public-mode.telegram-client-shell .telegram-residential-purpose-choice.is-selected,
body.public-mode.telegram-client-shell .telegram-residential-property-type-choice.is-selected {
  border-color: #0f766e;
  color: #0f5f59;
  background: #f0faf8;
  box-shadow: inset 0 -3px 0 #0f766e;
}

body.public-mode.telegram-client-shell .telegram-residential-property-type-choice {
  transition: border-color 200ms ease, background-color 200ms ease, color 200ms ease;
}

body.public-mode.telegram-client-shell .telegram-residential-property-type[open]
  .telegram-residential-property-type-choice.is-included-by-group:not(.is-selected) {
  border-color: rgba(15, 118, 110, 0.62);
  color: #285b57;
  background: #f6fbfa;
  box-shadow: none;
}

body.public-mode.telegram-client-shell .client-search.telegram-residential-results-first .client-results.is-refreshing {
  opacity: 0.64;
  transition: opacity 140ms ease;
}

@media (prefers-reduced-motion: reduce) {
  body.public-mode.telegram-client-shell .telegram-residential-property-type-choice,
  body.public-mode.telegram-client-shell .client-search.telegram-residential-results-first .client-results.is-refreshing {
    transition: none;
  }
}

body.public-mode.telegram-client-shell .telegram-residential-purpose-choice:focus-visible,
body.public-mode.telegram-client-shell .telegram-residential-property-type-choice:focus-visible,
body.public-mode.telegram-client-shell .telegram-residential-property-type-summary:focus-visible {
  outline: 2px solid rgba(15, 118, 110, 0.38);
  outline-offset: 2px;
}

body.public-mode.telegram-client-shell .telegram-residential-property-type {
  width: 100%;
  min-width: 0;
  border: 1px solid #d5dfe2;
  border-radius: 8px;
  background: #ffffff;
  box-sizing: border-box;
}

body.public-mode.telegram-client-shell .telegram-residential-property-type-summary {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) 18px;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 8px 11px;
  color: #52666b;
  cursor: pointer;
  list-style: none;
  box-sizing: border-box;
}

body.public-mode.telegram-client-shell .telegram-residential-property-type-summary::-webkit-details-marker {
  display: none;
}

body.public-mode.telegram-client-shell .telegram-residential-property-type-summary > span:first-child {
  min-width: 0;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.2;
}

body.public-mode.telegram-client-shell .telegram-residential-property-type-summary strong {
  min-width: 0;
  color: #17383c;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.2;
  text-align: right;
  overflow-wrap: anywhere;
}

body.public-mode.telegram-client-shell .telegram-residential-property-type-summary-selection {
  display: grid;
  min-width: 0;
  justify-items: end;
  gap: 1px;
}

body.public-mode.telegram-client-shell .telegram-residential-property-type-summary-note {
  color: #718287;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.15;
  text-align: right;
}

body.public-mode.telegram-client-shell .telegram-residential-property-type[open]
  .telegram-residential-property-type-summary-note {
  display: none;
}

body.public-mode.telegram-client-shell .telegram-residential-property-type.is-neutral .telegram-residential-property-type-summary strong {
  color: #6b7d82;
  font-weight: 650;
}

body.public-mode.telegram-client-shell .telegram-residential-property-type-chevron {
  width: 8px;
  height: 8px;
  margin: -4px 2px 0 auto;
  border-right: 2px solid #5f7277;
  border-bottom: 2px solid #5f7277;
  transform: rotate(45deg);
  transition: transform 160ms ease, margin 160ms ease;
}

body.public-mode.telegram-client-shell .telegram-residential-property-type[open] .telegram-residential-property-type-chevron {
  margin-top: 4px;
  transform: rotate(225deg);
}

body.public-mode.telegram-client-shell .telegram-residential-property-type-choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding: 0 8px 8px;
}

body.public-mode.telegram-client-shell .telegram-residential-property-type-choice.is-grouped-option {
  display: grid;
  align-content: center;
  gap: 1px;
}

body.public-mode.telegram-client-shell .telegram-residential-property-type-choice.is-grouped-option small {
  color: #6b7d82;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.15;
}

body.public-mode.telegram-client-shell .telegram-residential-property-type-choice.is-grouped-option.is-selected small {
  color: #35766f;
}

body.public-mode.telegram-client-shell .client-filters.telegram-residential-legacy-filters {
  grid-template-columns: minmax(0, 1fr);
}

body.public-mode.telegram-client-shell .client-filters.telegram-residential-legacy-filters > .client-filter-more,
body.public-mode.telegram-client-shell .client-filters.telegram-residential-legacy-filters > .client-filter-secondary {
  grid-column: 1 / -1;
}

@media (max-width: 360px) {
  body.public-mode.telegram-client-shell .telegram-residential-core-filters {
    gap: 8px;
    padding: 8px;
  }

  body.public-mode.telegram-client-shell .telegram-residential-purpose-choice,
  body.public-mode.telegram-client-shell .telegram-residential-property-type-choice {
    padding-right: 7px;
    padding-left: 7px;
    font-size: 12.5px;
  }

  body.public-mode.telegram-client-shell .telegram-residential-property-type-summary {
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr) 16px;
    padding-right: 9px;
    padding-left: 9px;
  }
}

/* PUBLIC-WEB-SHELL-PHASE3: browser-only shell using the existing client state and handlers. */
:where(body.public-mode.shell-pending) > .topbar,
:where(body.public-mode.shell-pending) > main {
  visibility: hidden;
}

body.public-mode.browser-public-mode.public-web-shell {
  --public-web-teal: #0f6f70;
  --public-web-teal-dark: #0a5558;
  --public-web-ink: #17383c;
  --public-web-muted: #62757a;
  --public-web-line: #dce6e7;
  background: #f7f9f8;
}

body.public-mode.browser-public-mode.public-web-shell .topbar,
body.public-mode.browser-public-mode.public-web-shell .public-brand-panel,
body.public-mode.browser-public-mode.public-web-shell .tabs.public-web-legacy-tabs,
body.public-mode.browser-public-mode.public-web-shell .client-home-hero,
body.public-mode.browser-public-mode.public-web-shell .client-home-journey {
  display: none !important;
}

body.public-mode.browser-public-mode.public-web-shell main {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  padding: 0 10px calc(56px + env(safe-area-inset-bottom));
}

body.public-mode.browser-public-mode.public-web-shell .public-web-header {
  position: sticky;
  z-index: 90;
  top: 0;
  width: 100%;
  min-height: 64px;
  border-bottom: 1px solid #e4eaea;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(12px);
}

body.public-mode.browser-public-mode.public-web-shell .public-web-header-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 64px;
  padding: 8px 12px;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-brand {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  min-width: 0;
  min-height: 46px;
  padding: 2px;
  border: 0;
  color: var(--public-web-ink);
  background: transparent;
  box-shadow: none;
  text-decoration: none;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-brand img {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  object-fit: cover;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-brand-name {
  min-width: 0;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: 0;
  text-align: left;
  overflow-wrap: normal;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-desktop-navigation,
body.public-mode.browser-public-mode.public-web-shell .public-web-telegram-link,
body.public-mode.browser-public-mode.public-web-shell .public-web-request-button {
  display: none;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-header-utilities {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-header-language .lang-switch {
  min-height: 48px;
  margin: 0;
  padding: 2px;
  gap: 1px;
  border: 1px solid #cfdbdd;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: none;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-header-language .lang-option {
  flex: 0 0 44px;
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 4px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  font-size: 11px;
  line-height: 1;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-header-language .lang-option.is-active {
  color: #ffffff;
  background: var(--public-web-teal);
}

body.public-mode.browser-public-mode.public-web-shell .public-web-route-shell {
  display: grid;
  gap: 7px;
  width: 100%;
  margin: 10px 0 8px;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-residential-hero {
  position: relative;
  display: block;
  width: 100%;
  height: 168px;
  overflow: hidden;
  border-radius: 17px;
  color: #ffffff;
  background-color: #17353a;
  background-image:
    linear-gradient(
      90deg,
      rgba(7, 29, 33, 0.82) 0%,
      rgba(7, 29, 33, 0.50) 52%,
      rgba(7, 29, 33, 0.08) 100%
    ),
    url("/app/images/new-home-hero-limassol.webp?v=telegram-hero-correction-20260715-1");
  background-position: 58% center;
  background-size: cover;
  isolation: isolate;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-hero-mobile-content,
body.public-mode.browser-public-mode.public-web-shell .public-web-hero-desktop-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: min(304px, calc(100% - 24px));
  height: 100%;
  padding: 14px;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-hero-desktop-content {
  display: none;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-hero-eyebrow,
body.public-mode.browser-public-mode.public-web-shell .public-web-hero-subtitle {
  margin: 0;
  color: rgba(255, 255, 255, 0.93);
  letter-spacing: 0;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-hero-eyebrow {
  margin-bottom: 7px;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-hero-title {
  display: grid;
  gap: 0;
  width: 100%;
  max-width: none;
  margin: 0;
  overflow: visible;
  color: #ffffff;
  font-size: 28px;
  font-weight: 820;
  line-height: 1.02;
  letter-spacing: 0;
  white-space: normal;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.2);
}

body.public-mode.browser-public-mode.public-web-shell .public-web-hero-title span {
  display: block;
  width: auto;
  max-width: none;
  white-space: normal;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-hero-subtitle {
  margin-top: 8px;
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1.25;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-mobile-primary-navigation,
body.public-mode.browser-public-mode.public-web-shell .public-web-mobile-service-actions {
  display: grid;
  min-width: 0;
  padding: 3px;
  border: 1px solid var(--public-web-line);
  border-radius: 10px;
  background: #eef3f4;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-mobile-primary-navigation {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-mobile-service-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  background: #f7f9f9;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-navigation-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 44px;
  box-sizing: border-box;
  padding: 7px 5px;
  border: 1px solid transparent;
  border-radius: 7px;
  -webkit-appearance: none;
  appearance: none;
  color: #52666b;
  background: #ffffff;
  box-shadow: none;
  font-family: inherit;
  font-size: 12px;
  font-weight: 720;
  line-height: 1.12;
  letter-spacing: 0;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  text-decoration: none;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-mobile-service-actions .public-web-navigation-button {
  min-height: 44px;
  color: #60747a;
  background: transparent;
  font-weight: 650;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-mobile-service-actions .public-web-navigation-button:first-child::before {
  content: "\2661";
  margin-right: 4px;
  font-size: 15px;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-mobile-service-actions .public-web-navigation-button:last-child::before {
  content: "\25a4";
  margin-right: 4px;
  font-size: 13px;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-navigation-button.is-active {
  border-color: var(--public-web-teal);
  color: var(--public-web-teal-dark);
  background: #ffffff;
  box-shadow: inset 0 -3px 0 var(--public-web-teal);
}

body.public-mode.browser-public-mode.public-web-shell .public-web-compact-section-heading {
  padding: 8px 3px 2px;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-compact-section-heading.has-back {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-service-screen-back {
  display: inline-flex;
  width: 44px;
  min-width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid #d8e2e0;
  border-radius: 8px;
  color: var(--public-web-teal-dark);
  background: #ffffff;
  cursor: pointer;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-service-screen-back-icon {
  font-size: 22px;
  line-height: 1;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-service-screen-back-label {
  display: none;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-compact-section-heading h1 {
  min-width: 0;
  width: 100%;
  max-width: none;
  margin: 0;
  color: var(--public-web-ink);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: 0;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  word-break: normal;
}

body.public-mode.browser-public-mode.public-web-shell .newdev-hero,
body.public-mode.browser-public-mode.public-web-shell .commercial-heading {
  display: none !important;
}

/* Shared residential core controls: same DOM/state as Telegram, browser-only presentation. */
body.public-mode.browser-public-mode.public-web-shell .telegram-residential-core-filters {
  display: grid;
  gap: 9px;
  width: 100%;
  margin: 0;
  padding: 10px;
  border: 1px solid var(--public-web-line);
  border-radius: 9px;
  background: #ffffff;
}

body.public-mode.browser-public-mode.public-web-shell .telegram-residential-purpose-choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

body.public-mode.browser-public-mode.public-web-shell .telegram-residential-purpose-choice,
body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type-choice {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  box-sizing: border-box;
  padding: 8px 10px;
  border: 1px solid #d5dfe2;
  border-radius: 7px;
  -webkit-appearance: none;
  appearance: none;
  color: #42565b;
  background: #ffffff;
  box-shadow: none;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
  overflow-wrap: anywhere;
  text-decoration: none;
}

body.public-mode.browser-public-mode.public-web-shell .telegram-residential-purpose-choice.is-selected,
body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type-choice.is-selected {
  border-color: var(--public-web-teal);
  color: var(--public-web-teal-dark);
  background: #f0faf8;
  box-shadow: inset 0 -3px 0 var(--public-web-teal);
}

body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type-choice {
  transition: border-color 200ms ease, background-color 200ms ease, color 200ms ease;
}

body.public-mode.browser-public-mode.public-web-shell .residential-location-mode {
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  font-family: inherit;
}

body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type[open]
  .telegram-residential-property-type-choice.is-included-by-group:not(.is-selected) {
  border-color: rgba(15, 118, 110, 0.62);
  color: #285b57;
  background: #f6fbfa;
  box-shadow: none;
}

body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type {
  width: 100%;
  min-width: 0;
  border: 1px solid #d5dfe2;
  border-radius: 8px;
  background: #ffffff;
}

body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type-summary {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) 18px;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 8px 11px;
  color: #52666b;
  cursor: pointer;
  list-style: none;
}

body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type-summary::-webkit-details-marker {
  display: none;
}

body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type-summary > span:first-child {
  min-width: 0;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.2;
}

body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type-summary strong {
  min-width: 0;
  color: var(--public-web-ink);
  font-size: 13px;
  font-weight: 760;
  line-height: 1.2;
  text-align: right;
  overflow-wrap: anywhere;
}

body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type-summary-selection {
  display: grid;
  min-width: 0;
  justify-items: end;
  gap: 1px;
}

body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type-summary-note {
  color: #718287;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.15;
  text-align: right;
}

body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type[open]
  .telegram-residential-property-type-summary-note {
  display: none;
}

body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type.is-neutral .telegram-residential-property-type-summary strong {
  color: #6b7d82;
  font-weight: 650;
}

body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type-chevron {
  width: 8px;
  height: 8px;
  margin: -4px 2px 0 auto;
  border-right: 2px solid #5f7277;
  border-bottom: 2px solid #5f7277;
  transform: rotate(45deg);
  transition: transform 160ms ease, margin 160ms ease;
}

body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type[open] .telegram-residential-property-type-chevron {
  margin-top: 4px;
  transform: rotate(225deg);
}

body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type-choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding: 0 8px 8px;
}

body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type-choice.is-grouped-option {
  display: grid;
  align-content: center;
  gap: 1px;
}

body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type-choice.is-grouped-option small {
  color: #6b7d82;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.15;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-desktop-search-submit {
  display: none;
}

body.public-mode.browser-public-mode.public-web-shell .client-filters.telegram-residential-legacy-filters {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  width: 100%;
  overflow: visible;
  padding: 9px;
  border: 1px solid var(--public-web-line);
  border-radius: 9px;
  background: #ffffff;
  box-shadow: none;
}

body.public-mode.browser-public-mode.public-web-shell .client-filters.telegram-residential-legacy-filters .client-filter-heading {
  display: none;
}

body.public-mode.browser-public-mode.public-web-shell .client-filters.telegram-residential-legacy-filters > .client-filter-more,
body.public-mode.browser-public-mode.public-web-shell .client-filters.telegram-residential-legacy-filters > .client-filter-secondary {
  grid-column: 1 / -1;
}

body.public-mode.browser-public-mode.public-web-shell .client-filters.telegram-residential-legacy-filters .client-filter-secondary {
  width: 100%;
  min-width: 0;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-results-heading {
  display: none;
}

body.public-mode.browser-public-mode.public-web-shell .client-search.residential-results-first .client-live-count {
  width: auto;
  max-width: none;
  min-height: 30px;
  margin: 0;
  padding: 6px 10px;
  border-radius: 7px;
  text-align: left;
}

body.public-mode.browser-public-mode.public-web-shell .client-search.residential-results-first .client-active-filters {
  gap: 5px;
  margin: 0;
}

body.public-mode.browser-public-mode.public-web-shell .client-search.residential-results-first .client-active-filter-chip {
  min-height: 32px;
  padding: 5px 9px;
  border-color: rgba(13, 111, 115, 0.2);
  color: #285156;
  background: rgba(240, 250, 248, 0.78);
  font-size: 11.5px;
  font-weight: 680;
}

body.public-mode .public-web-desktop-search-submit {
  display: none;
}

body.public-mode.browser-public-mode.public-web-shell .client-search.residential-results-first .client-results.is-refreshing {
  opacity: 0.64;
  transition: opacity 140ms ease;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-navigation-button:focus-visible,
body.public-mode.browser-public-mode.public-web-shell .public-web-brand:focus-visible,
body.public-mode.browser-public-mode.public-web-shell .public-web-request-button:focus-visible,
body.public-mode.browser-public-mode.public-web-shell .public-web-service-screen-back:focus-visible,
body.public-mode.browser-public-mode.public-web-shell .telegram-residential-purpose-choice:focus-visible,
body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type-choice:focus-visible,
body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type-summary:focus-visible,
body.public-mode .client-search.residential-results-first .residential-results-actions .client-subscription-secondary-button:focus-visible,
body.public-mode .client-search.residential-results-first .residential-results-actions .client-subscription-telegram-open:focus-visible {
  outline: 3px solid rgba(15, 118, 110, 0.35);
  outline-offset: 2px;
}

@media (max-width: 360px) {
  body.public-mode.browser-public-mode.public-web-shell .public-web-residential-hero {
    height: 162px;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-brand-name {
    font-size: 14px;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-navigation-button {
    padding-right: 3px;
    padding-left: 3px;
    font-size: 11.3px;
  }

  body.public-mode.browser-public-mode.public-web-shell .telegram-residential-core-filters {
    padding: 8px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  body.public-mode.browser-public-mode.public-web-shell main {
    max-width: 960px;
    padding-right: 18px;
    padding-left: 18px;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-header-inner {
    padding-right: 20px;
    padding-left: 20px;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-residential-hero {
    height: 248px;
  }

  body.public-mode.browser-public-mode.public-web-shell .client-results {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }
}

@media (min-width: 1024px) {
  body.public-mode.browser-public-mode.public-web-shell .public-web-header {
    min-height: 82px;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-header-inner {
    grid-template-columns: minmax(210px, auto) minmax(0, 1fr) auto;
    gap: clamp(18px, 2.2vw, 34px);
    width: min(1440px, 100%);
    min-height: 82px;
    margin: 0 auto;
    padding: 10px clamp(24px, 3vw, 52px);
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-brand img {
    flex-basis: 48px;
    width: 48px;
    height: 48px;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-brand-name {
    font-size: 16px;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-desktop-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(4px, 0.6vw, 10px);
    min-width: 0;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-desktop-navigation .public-web-navigation-button {
    min-height: 44px;
    padding: 8px clamp(8px, 0.9vw, 14px);
    border-radius: 7px;
    background: transparent;
    white-space: nowrap;
    font-size: 13px;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-desktop-navigation .public-web-navigation-button.is-active {
    background: #f0f8f7;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-telegram-link,
  body.public-mode.browser-public-mode.public-web-shell .public-web-request-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 13px;
    border-radius: 7px;
    font-size: 12.5px;
    font-weight: 750;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-telegram-link {
    border: 1px solid #c8d8da;
    color: var(--public-web-teal-dark);
    background: #ffffff;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-request-button {
    border: 1px solid var(--public-web-teal);
    color: #ffffff;
    background: var(--public-web-teal);
    box-shadow: none;
  }

  body.public-mode.browser-public-mode.public-web-shell main {
    max-width: none;
    margin: 0;
    padding: 0 clamp(24px, 3vw, 56px) 64px;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-route-shell,
  body.public-mode.browser-public-mode.public-web-shell .lead-list {
    width: min(1440px, 100%);
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-route-shell {
    margin-top: 24px;
    margin-bottom: 0;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-mobile-primary-navigation,
  body.public-mode.browser-public-mode.public-web-shell .public-web-mobile-service-actions {
    display: none;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-residential-hero {
    height: 470px;
    border-radius: 22px;
    background-position: 58% center;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-hero-mobile-content {
    display: none;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-hero-desktop-content {
    display: flex;
    width: min(860px, 65%);
    padding: 54px 28px 98px clamp(38px, 5vw, 76px);
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-hero-eyebrow {
    margin-bottom: 14px;
    font-size: 12px;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-hero-title {
    font-size: clamp(40px, 3.2vw, 50px);
    line-height: 1.01;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-hero-title span {
    white-space: nowrap;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-hero-subtitle {
    max-width: 610px;
    margin-top: 18px;
    font-size: 17px;
    font-weight: 560;
    line-height: 1.48;
  }

  body.public-mode.browser-public-mode.public-web-shell.public-web-residential-hero-shell .lead-list {
    position: relative;
    z-index: 2;
    margin-top: -64px;
  }

  body.public-mode.browser-public-mode.public-web-shell .client-search.public-web-residential-results-first {
    gap: 14px;
  }

  body.public-mode.browser-public-mode.public-web-shell .telegram-residential-core-filters {
    grid-template-columns: minmax(260px, 0.8fr) minmax(300px, 1.1fr) minmax(132px, 0.32fr);
    align-items: end;
    gap: 12px;
    padding: 16px;
    border-radius: 14px 14px 8px 8px;
    box-shadow: 0 20px 42px rgba(13, 43, 46, 0.14);
  }

  body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type-summary {
    min-height: 46px;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-desktop-search-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 46px;
    padding: 9px 16px;
    border: 1px solid var(--public-web-teal);
    border-radius: 7px;
    color: #ffffff;
    background: var(--public-web-teal);
    box-shadow: none;
    font-weight: 780;
  }

  body.public-mode.browser-public-mode.public-web-shell .client-filters.telegram-residential-legacy-filters {
    margin-top: -14px;
    padding: 22px 16px 16px;
    border-radius: 0 0 14px 14px;
    box-shadow: 0 12px 30px rgba(13, 43, 46, 0.08);
  }

  body.public-mode.browser-public-mode.public-web-shell .client-filters.telegram-residential-legacy-filters > .client-filter-more {
    display: none;
  }

  body.public-mode.browser-public-mode.public-web-shell .client-filters.telegram-residential-legacy-filters .client-filter-secondary,
  body.public-mode.browser-public-mode.public-web-shell .client-filters.telegram-residential-legacy-filters.is-expanded .client-filter-secondary {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    align-items: end;
  }

  body.public-mode.browser-public-mode.public-web-shell .client-filters.telegram-residential-legacy-filters .client-filter,
  body.public-mode.browser-public-mode.public-web-shell .client-filters.telegram-residential-legacy-filters .client-sort-mode-row,
  body.public-mode.browser-public-mode.public-web-shell .client-filters.telegram-residential-legacy-filters .client-nearby-filter {
    width: 100%;
    min-width: 0;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-results-heading {
    display: block;
    margin: 8px 0 -3px;
    color: var(--public-web-ink);
    font-size: 28px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: 0;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-compact-section-heading {
    padding: 18px 0 4px;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-compact-section-heading.has-back {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 16px;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-service-screen-back {
    width: auto;
    padding: 0 12px;
    gap: 7px;
    font-size: 14px;
    font-weight: 700;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-service-screen-back-label {
    display: inline;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-compact-section-heading h1 {
    font-size: 30px;
  }

  body.public-mode.browser-public-mode.public-web-shell .client-search.residential-results-first .residential-results-actions .residential-results-action-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  body.public-mode.browser-public-mode.public-web-shell .client-search.residential-results-first .residential-results-actions .client-subscription-secondary-button {
    flex: 0 0 auto;
    min-width: 132px;
    padding-right: 13px;
    padding-left: 13px;
  }

  body.public-mode.browser-public-mode.public-web-shell .client-results {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 16px;
  }

  body.public-mode.browser-public-mode.public-web-shell .client-results > .client-pagination,
  body.public-mode.browser-public-mode.public-web-shell .client-results > .public-empty-panel {
    grid-column: 1 / -1;
  }

  body.public-mode.browser-public-mode.public-web-shell .client-property-card {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    height: 100%;
  }

  body.public-mode.browser-public-mode.public-web-shell .client-property-card .public-card-body {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  body.public-mode.browser-public-mode.public-web-shell .client-property-card .client-card-actions {
    margin-top: auto;
  }
}

@media (min-width: 1100px) {
  body.public-mode.browser-public-mode.public-web-shell .client-results {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  body.public-mode.browser-public-mode.public-web-shell .public-web-header-inner {
    grid-template-columns: 52px minmax(0, 1fr) auto;
    gap: 8px;
    padding-right: 12px;
    padding-left: 12px;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-brand-name {
    display: none;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-desktop-navigation {
    gap: 0;
    justify-content: space-evenly;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-desktop-navigation .public-web-navigation-button {
    padding-right: 6px;
    padding-left: 6px;
    font-size: 12px;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-header-utilities {
    gap: 5px;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-telegram-link,
  body.public-mode.browser-public-mode.public-web-shell .public-web-request-button {
    padding-right: 9px;
    padding-left: 9px;
    font-size: 11.5px;
  }
}

@media (min-width: 1440px) {
  body.public-mode.browser-public-mode.public-web-shell .client-results {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  body.public-mode.browser-public-mode.public-web-shell .telegram-residential-property-type-choice,
  body.public-mode.browser-public-mode.public-web-shell .client-search.residential-results-first .client-results.is-refreshing {
    transition: none;
  }
}

/* Requests Lite is deliberately isolated from catalog cards and filters. */
.request-lite-screen {
  width: min(860px, 100%);
  min-width: 0;
  margin: 0 auto;
  color: #17282b;
  letter-spacing: 0;
}

.request-lite-list-screen,
.request-lite-detail-screen,
.request-lite-form {
  display: grid;
  gap: 12px;
}

.request-lite-list-intro {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 4px 2px 2px;
}

.request-lite-content-heading,
.request-lite-detail-type,
.request-lite-section-title,
.request-lite-card-title {
  margin: 0;
  letter-spacing: 0;
}

.request-lite-content-heading {
  color: #536568;
  font-size: 15px;
  font-weight: 560;
  line-height: 1.45;
}

.request-lite-list-actions,
.request-lite-sent-actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
}

.request-lite-screen button,
.request-lite-screen input,
.request-lite-screen select,
.request-lite-screen textarea {
  max-width: 100%;
  font: inherit;
  letter-spacing: 0;
}

.request-lite-screen button {
  min-height: 44px;
}

.request-lite-screen button:focus-visible,
.request-lite-screen input:focus-visible,
.request-lite-screen select:focus-visible,
.request-lite-screen textarea:focus-visible,
.request-lite-screen a:focus-visible {
  outline: 3px solid rgba(14, 105, 112, 0.24);
  outline-offset: 2px;
}

.request-lite-create-button,
.request-lite-refresh-button {
  padding: 9px 14px;
}

.request-lite-state,
.request-lite-sent-panel,
.request-lite-detail-overview,
.request-lite-detail-section,
.request-lite-form-section,
.request-lite-summary-card {
  min-width: 0;
  border: 1px solid #dfe7e5;
  border-radius: 8px;
  background: #ffffff;
}

.request-lite-state {
  display: grid;
  min-height: 150px;
  place-items: center;
  gap: 10px;
  padding: 24px;
  color: #647477;
  text-align: center;
}

.request-lite-state h3,
.request-lite-state p {
  margin: 0;
}

.request-lite-error-state {
  border-color: #e9cfca;
  color: #8a3c32;
  background: #fffafa;
}

.request-lite-card-list {
  display: grid;
  gap: 10px;
}

.request-lite-card {
  position: relative;
  display: grid;
  width: 100%;
  min-width: 0;
  gap: 6px;
  padding: 15px 44px 15px 16px;
  border: 1px solid #dfe7e5;
  border-radius: 8px;
  color: #17282b;
  background: #ffffff;
  box-shadow: 0 5px 18px rgba(27, 49, 52, 0.05);
  text-align: left;
  cursor: pointer;
}

.request-lite-card:hover {
  border-color: #9cc1c0;
  background: #fcfefe;
}

.request-lite-card-top,
.request-lite-detail-top,
.request-lite-card-meta,
.request-lite-message-header {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.request-lite-code {
  color: #4b696c;
  font-size: 12px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.request-lite-status,
.request-lite-unread {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  color: #17666b;
  background: #e5f2f1;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.2;
  white-space: nowrap;
}

.request-lite-status.is-closed {
  color: #5e686a;
  background: #edf0ef;
}

.request-lite-status.is-reply,
.request-lite-unread {
  color: #8a5513;
  background: #fff1d8;
}

.request-lite-card-title {
  color: #17282b;
  font-size: 18px;
  font-weight: 780;
  line-height: 1.25;
}

.request-lite-card-summary,
.request-lite-card-meta,
.request-lite-sent-copy,
.request-lite-no-replies,
.request-lite-contact-note,
.request-lite-privacy,
.request-lite-notice {
  margin: 0;
  overflow-wrap: anywhere;
}

.request-lite-card-summary {
  color: #516366;
  font-size: 14px;
  line-height: 1.45;
}

.request-lite-card-meta {
  justify-content: flex-start;
  color: #778588;
  font-size: 12px;
}

.request-lite-card-chevron {
  position: absolute;
  top: 50%;
  right: 16px;
  color: #758689;
  font-size: 25px;
  line-height: 1;
  transform: translateY(-50%);
}

.request-lite-form-section,
.request-lite-summary-card,
.request-lite-detail-overview,
.request-lite-detail-section {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.request-lite-type-section {
  padding: 14px;
}

.request-lite-choice-field {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.request-lite-field-label,
.request-lite-section-title {
  display: block;
  margin-bottom: 7px;
  color: #42575a;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.3;
}

.request-lite-section-title {
  margin-bottom: 0;
  color: #1b3437;
  font-size: 16px;
}

.request-lite-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.request-lite-type-choice .request-lite-choice-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.request-lite-choice {
  width: 100%;
  min-width: 0;
  padding: 9px 11px;
  border: 1px solid #cedbd9;
  border-radius: 7px;
  color: #315054;
  background: #f9fbfb;
  font-size: 14px;
  font-weight: 690;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: anywhere;
}

.request-lite-choice.is-selected {
  border-color: #176d72;
  color: #ffffff;
  background: #176d72;
  box-shadow: none;
}

.request-lite-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.request-lite-field-grid-three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.request-lite-field {
  display: block;
  min-width: 0;
}

.request-lite-bedroom-filter,
.request-lite-budget-block {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.request-lite-bedroom-toggle {
  display: grid;
  width: 100%;
  min-width: 0;
  min-height: 56px;
  grid-template-columns: minmax(0, 1fr) auto 16px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #cad7d5;
  border-radius: 8px;
  color: #42575a;
  background: #ffffff;
  box-shadow: none;
  text-align: left;
}

.request-lite-bedroom-toggle:disabled {
  opacity: 0.62;
}

.request-lite-bedroom-label {
  min-width: 0;
  font-size: 13px;
  font-weight: 750;
}

.request-lite-bedroom-summary {
  min-width: 0;
  overflow: hidden;
  color: #315054;
  font-size: 14px;
  font-weight: 720;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.request-lite-bedroom-chevron {
  width: 9px;
  height: 9px;
  border-right: 2px solid #6a7c7f;
  border-bottom: 2px solid #6a7c7f;
  transform: rotate(45deg) translateY(-2px);
}

.request-lite-bedroom-picker-dialog {
  grid-template-rows: auto auto minmax(0, 1fr) auto;
}

.request-lite-bedroom-picker-scroller {
  padding-top: 12px;
  padding-bottom: 14px;
}

.request-lite-bedroom-picker-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.request-lite-bedroom-option {
  font-size: 14px;
}

.request-lite-budget-block > .request-lite-field-label {
  margin-bottom: 7px;
}

.request-lite-budget-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.request-lite-budget-field {
  display: grid;
  min-width: 0;
  gap: 5px;
}

.request-lite-budget-input-label {
  color: #687a7d;
  font-size: 12px;
  font-weight: 680;
}

.request-lite-budget-field input {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  box-sizing: border-box;
  padding: 10px 11px;
  border: 1px solid #cad7d5;
  border-radius: 7px;
  color: #17282b;
  background: #ffffff;
  box-shadow: none;
}

.request-lite-budget-field input[aria-invalid="true"] {
  border-color: #b55448;
  background: #fffafa;
}

.request-lite-inline-error {
  margin: 7px 0 0;
  color: #a13d32;
  font-size: 12.5px;
  line-height: 1.4;
}

.request-lite-inline-error[hidden] {
  display: none;
}

.request-lite-field input,
.request-lite-field select,
.request-lite-field textarea,
.request-lite-composer textarea {
  width: 100%;
  min-height: 44px;
  box-sizing: border-box;
  padding: 10px 11px;
  border: 1px solid #cad7d5;
  border-radius: 7px;
  color: #17282b;
  background: #ffffff;
  box-shadow: none;
}

.request-lite-field textarea,
.request-lite-composer textarea {
  min-height: 108px;
  resize: vertical;
  line-height: 1.45;
}

.request-lite-contact-note,
.request-lite-notice {
  padding: 10px 12px;
  border-left: 3px solid #66aaa8;
  color: #4b6265;
  background: #f3f8f7;
  font-size: 13px;
  line-height: 1.45;
}

.request-lite-summary-card {
  gap: 6px;
  background: #f8faf9;
}

.request-lite-summary-card p,
.request-lite-privacy {
  margin: 0;
  color: #526467;
  font-size: 13px;
  line-height: 1.45;
}

.request-lite-privacy {
  display: grid;
  justify-items: start;
  gap: 6px;
  padding: 0 2px;
}

.request-lite-privacy p {
  margin: 0;
}

.request-lite-privacy-link {
  color: #0e696f;
  font-weight: 650;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.request-lite-feedback {
  min-height: 20px;
  margin: 0;
  color: #526467;
  font-size: 13px;
  line-height: 1.4;
}

.request-lite-feedback.is-error {
  color: #a13d32;
}

.request-lite-submit,
.request-lite-message-submit {
  width: 100%;
}

.request-lite-sent-screen {
  display: grid;
  place-items: start center;
}

.request-lite-sent-panel {
  display: grid;
  width: min(620px, 100%);
  box-sizing: border-box;
  justify-items: center;
  gap: 14px;
  padding: 28px 22px;
  text-align: center;
}

.request-lite-sent-mark {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 50%;
  color: #ffffff;
  background: #176d72;
  font-size: 25px;
  font-weight: 800;
}

.request-lite-sent-copy {
  max-width: 520px;
  color: #526467;
  line-height: 1.5;
}

.request-lite-sent-facts,
.request-lite-info-list {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: minmax(120px, 0.7fr) minmax(0, 1.3fr);
  gap: 7px 14px;
  margin: 0;
  text-align: left;
}

.request-lite-sent-facts dt,
.request-lite-info-list dt {
  color: #718083;
  font-size: 13px;
}

.request-lite-sent-facts dd,
.request-lite-info-list dd {
  min-width: 0;
  margin: 0;
  color: #21383b;
  font-size: 14px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.request-lite-detail-overview {
  gap: 9px;
}

.request-lite-detail-type {
  color: #17282b;
  font-size: 22px;
  font-weight: 790;
  line-height: 1.2;
}

.request-lite-related-content {
  display: grid;
  min-width: 0;
  grid-template-columns: 84px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.request-lite-related-content img {
  width: 84px;
  height: 68px;
  border-radius: 7px;
  object-fit: cover;
}

.request-lite-related-copy {
  display: grid;
  min-width: 0;
  gap: 5px;
}

.request-lite-related-copy strong,
.request-lite-related-copy span {
  overflow-wrap: anywhere;
}

.request-lite-related-copy span {
  color: #6b7a7d;
  font-size: 13px;
}

.request-lite-message-list {
  display: grid;
  gap: 9px;
}

.request-lite-message {
  display: grid;
  gap: 7px;
  padding: 12px;
  border: 1px solid #e0e7e5;
  border-left: 3px solid #a8b8b6;
  border-radius: 7px;
  background: #fafbfb;
}

.request-lite-message.is-brand {
  border-left-color: #176d72;
  background: #f2f8f7;
}

.request-lite-message.is-system {
  border-left-color: #c39a5a;
  background: #fffaf2;
}

.request-lite-message-header strong {
  color: #21464a;
  font-size: 13px;
}

.request-lite-message-header time {
  color: #7b898b;
  font-size: 11px;
  white-space: nowrap;
}

.request-lite-message p {
  margin: 0;
  color: #273d40;
  line-height: 1.48;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.request-lite-composer form {
  display: grid;
  gap: 9px;
}

body.public-mode.browser-public-mode.public-web-shell .lead-list:has(> .request-lite-screen) {
  width: min(860px, 100%);
  max-width: 860px;
}

@media (max-width: 640px) {
  .request-lite-list-intro {
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
  }

  .request-lite-list-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .request-lite-type-choice .request-lite-choice-grid,
  .request-lite-field-grid,
  .request-lite-field-grid-three {
    grid-template-columns: minmax(0, 1fr);
  }

  .request-lite-form-section,
  .request-lite-summary-card,
  .request-lite-detail-overview,
  .request-lite-detail-section {
    padding: 14px;
  }

  .request-lite-card-top,
  .request-lite-detail-top {
    align-items: flex-start;
  }

  .request-lite-card-meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  .request-lite-sent-actions {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
  }

  .request-lite-sent-facts,
  .request-lite-info-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
  }

  .request-lite-sent-facts dd,
  .request-lite-info-list dd {
    margin-bottom: 7px;
  }

  .request-lite-message-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .request-lite-card,
  .request-lite-choice,
  .request-lite-screen button {
    transition: none;
  }
}

/* Admin Requests is an internal action surface over the existing Request Service. */
.admin-requests-screen,
.admin-request-detail-screen {
  display: grid;
  gap: 12px;
}

.admin-request-refresh,
.admin-request-load-more,
.admin-request-back,
.admin-request-actions button,
.admin-request-reply-actions button {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  line-height: 1.2;
}

.admin-request-filter-panel {
  display: grid;
  min-width: 0;
  gap: 10px;
  padding: 12px;
  border: 1px solid #dfe7e5;
  border-radius: 8px;
  background: #f8faf9;
}

.admin-request-filter-panel > input {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid #cbd8d6;
  border-radius: 7px;
  color: #17282b;
  background: #ffffff;
  box-shadow: none;
}

.admin-request-filter-details {
  min-width: 0;
}

.admin-request-filter-summary {
  display: flex;
  min-height: 44px;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  padding: 9px 12px;
  border: 1px solid #cbd8d6;
  border-radius: 7px;
  color: #314a4d;
  background: #ffffff;
  font-weight: 720;
  line-height: 1.2;
  cursor: pointer;
  list-style: none;
}

.admin-request-filter-summary::-webkit-details-marker {
  display: none;
}

.admin-request-filter-summary::after {
  content: "\2304";
  color: #607174;
  font-size: 16px;
  line-height: 1;
  transition: transform 140ms ease;
}

.admin-request-filter-details[open] .admin-request-filter-summary::after {
  transform: rotate(180deg);
}

.admin-request-filter-summary:focus-visible {
  outline: 3px solid rgba(15, 111, 112, 0.24);
  outline-offset: 2px;
}

.admin-request-filter-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.admin-request-filter {
  display: grid;
  min-width: 0;
  gap: 5px;
}

.admin-request-filter-label {
  color: #607174;
  font-size: 11px;
  font-weight: 720;
  line-height: 1.2;
}

.admin-request-filter select {
  width: 100%;
  min-width: 0;
  min-height: 40px;
  box-sizing: border-box;
  padding: 7px 9px;
  border: 1px solid #cbd8d6;
  border-radius: 7px;
  color: #243c3f;
  background: #ffffff;
  box-shadow: none;
  line-height: 1.2;
}

.admin-request-card-list {
  display: grid;
  gap: 9px;
}

.admin-request-card {
  position: relative;
  display: grid;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  gap: 6px;
  padding: 14px 42px 14px 15px;
  border: 1px solid #dfe7e5;
  border-radius: 8px;
  color: #17282b;
  background: #ffffff;
  box-shadow: 0 4px 14px rgba(27, 49, 52, 0.045);
  text-align: left;
  cursor: pointer;
}

.admin-request-card:hover {
  border-color: #9cc1c0;
  background: #fcfefe;
}

.admin-request-card-top {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.admin-request-status {
  display: inline-flex;
  min-height: 24px;
  max-width: 100%;
  box-sizing: border-box;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  color: #17666b;
  background: #e5f2f1;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.2;
  white-space: normal;
  text-align: center;
}

.admin-request-status.is-replied,
.admin-request-status.is-waiting_client {
  color: #80500f;
  background: #fff1d8;
}

.admin-request-status.is-closed,
.admin-request-status.is-duplicate {
  color: #5e686a;
  background: #edf0ef;
}

.admin-request-status.is-spam {
  color: #8a3c32;
  background: #fbe9e6;
}

.admin-request-client {
  min-width: 0;
  margin: 0;
  color: #17282b;
  font-size: 17px;
  font-weight: 780;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.admin-request-username,
.admin-request-card-summary,
.admin-request-message-preview,
.admin-request-card-meta {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.admin-request-username {
  color: #526b6e;
  font-size: 12px;
  font-weight: 680;
}

.admin-request-card-summary {
  color: #4a5e61;
  font-size: 13px;
  line-height: 1.4;
}

.admin-request-message-preview {
  display: -webkit-box;
  overflow: hidden;
  color: #68787a;
  font-size: 13px;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.admin-request-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  color: #7a898b;
  font-size: 11px;
  line-height: 1.35;
}

.admin-request-load-more {
  width: 100%;
}

.admin-request-back {
  width: fit-content;
  max-width: 100%;
}

.admin-request-overview {
  min-width: 0;
}

.admin-request-actions,
.admin-request-reply-actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-request-actions button,
.admin-request-reply-actions button {
  min-width: 120px;
  flex: 1 1 150px;
}

.admin-request-spam {
  border-color: #d7aaa3;
  color: #8a3c32;
  background: #fffafa;
}

.admin-request-delivery {
  color: #718184;
  font-size: 11px;
  line-height: 1.3;
}

.admin-request-event-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.admin-request-event {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid #e7eceb;
}

.admin-request-event:last-child {
  border-bottom: 0;
}

.admin-request-event strong {
  color: #314a4d;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.admin-request-event span {
  color: #7a898b;
  font-size: 11px;
  text-align: right;
}

.admin-request-reply-preview {
  display: grid;
  gap: 7px;
  padding: 12px;
  border: 1px solid #a8cfcd;
  border-radius: 7px;
  color: #254246;
  background: #f2f8f7;
}

.admin-request-reply-preview strong,
.admin-request-reply-preview p {
  margin: 0;
}

.admin-request-reply-preview p {
  line-height: 1.48;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  .admin-request-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .admin-request-filter-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .admin-request-card-top {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .admin-request-card-meta {
    display: grid;
    gap: 3px;
  }

  .admin-request-actions {
    position: relative;
    z-index: 3;
    padding: 7px;
    border: 1px solid #dfe7e5;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.96);
  }

  .admin-request-event {
    grid-template-columns: minmax(0, 1fr);
  }

  .admin-request-event span {
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .admin-request-card,
  .admin-request-actions,
  .admin-request-reply-actions {
    transition: none;
  }
}

/* Admin Discovery is an internal action surface over the existing audit engine. */
.admin-discovery-screen {
  display: grid;
  gap: 12px;
}

.admin-discovery-intro {
  min-height: 44px;
}

.admin-discovery-refresh {
  flex: 0 0 auto;
  padding: 9px 13px;
}

.admin-discovery-status-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.admin-discovery-status-card {
  display: grid;
  min-width: 0;
  gap: 4px;
  padding: 13px 14px;
  border: 1px solid #dfe7e5;
  border-left-width: 4px;
  border-radius: 8px;
  background: #ffffff;
}

.admin-discovery-status-card.is-ready {
  border-left-color: #168067;
}

.admin-discovery-status-card.is-blocked {
  border-left-color: #b65a45;
}

.admin-discovery-status-label {
  color: #687a7d;
  font-size: 11px;
  font-weight: 720;
  line-height: 1.25;
}

.admin-discovery-status-value {
  color: #1e393c;
  font-size: 14px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.admin-discovery-form {
  display: grid;
  min-width: 0;
  gap: 11px;
}

.admin-discovery-panel {
  display: grid;
  min-width: 0;
  gap: 15px;
  padding: 15px;
  border: 1px solid #dfe7e5;
  border-radius: 8px;
  background: #ffffff;
}

.admin-discovery-two-column,
.admin-discovery-point-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.admin-discovery-point-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-discovery-map-row {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
}

.admin-discovery-map-pick {
  display: inline-flex;
  min-height: 44px;
  box-sizing: border-box;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 8px 13px;
  border: 1px solid #176d72;
  border-radius: 7px;
  color: #176d72;
  background: #ffffff;
  box-shadow: none;
  font: inherit;
  font-size: 13px;
  font-weight: 720;
  line-height: 1.25;
  text-align: center;
  -webkit-appearance: none;
  appearance: none;
}

.admin-discovery-point-summary {
  min-width: 0;
  color: #536d70;
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.admin-discovery-fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.admin-discovery-legend {
  display: block;
  margin: 0 0 7px;
  padding: 0;
  color: #42575a;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.3;
}

.admin-discovery-choice-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: 7px;
}

.admin-discovery-choice {
  display: inline-flex;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  border: 1px solid #cad8d6;
  border-radius: 7px;
  color: #315054;
  background: #f9fbfb;
  box-shadow: none;
  font: inherit;
  font-size: 13px;
  font-weight: 690;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  -webkit-appearance: none;
  appearance: none;
}

.admin-discovery-choice.is-selected {
  border-color: #176d72;
  color: #ffffff;
  background: #176d72;
}

.admin-discovery-choice:focus-visible,
.admin-discovery-select-field select:focus-visible,
.admin-discovery-number-field input:focus-visible,
.admin-discovery-map-pick:focus-visible,
.admin-discovery-source-link:focus-visible {
  outline: 3px solid rgba(15, 111, 112, 0.24);
  outline-offset: 2px;
}

.admin-discovery-select-field,
.admin-discovery-number-field {
  display: grid;
  min-width: 0;
}

.admin-discovery-select-field select,
.admin-discovery-number-field input {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  box-sizing: border-box;
  padding: 8px 10px;
  border: 1px solid #cad8d6;
  border-radius: 7px;
  color: #243c3f;
  background: #ffffff;
  box-shadow: none;
  font: inherit;
  line-height: 1.25;
  -webkit-appearance: none;
  appearance: none;
}

.admin-discovery-select-field select {
  padding-right: 30px;
  background-image: linear-gradient(45deg, transparent 50%, #637578 50%), linear-gradient(135deg, #637578 50%, transparent 50%);
  background-position: calc(100% - 15px) 19px, calc(100% - 10px) 19px;
  background-repeat: no-repeat;
  background-size: 5px 5px, 5px 5px;
}

.admin-discovery-advanced {
  min-width: 0;
  border-top: 1px solid #e3e9e8;
}

.admin-discovery-advanced-summary {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 2px 8px;
  color: #23484c;
  cursor: pointer;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.3;
  list-style: none;
}

.admin-discovery-advanced-summary::-webkit-details-marker {
  display: none;
}

.admin-discovery-advanced-summary::after {
  flex: 0 0 auto;
  color: #62777a;
  content: "+";
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

.admin-discovery-advanced[open] .admin-discovery-advanced-summary::after {
  content: "−";
}

.admin-discovery-advanced-summary:focus-visible {
  outline: 3px solid rgba(15, 111, 112, 0.24);
  outline-offset: 2px;
}

.admin-discovery-advanced-body {
  display: grid;
  min-width: 0;
  gap: 15px;
  padding: 7px 0 2px;
}

.admin-discovery-range {
  align-items: end;
}

.admin-discovery-preflight {
  display: grid;
  min-width: 0;
  gap: 8px;
  padding: 13px 14px;
  border: 1px solid #dfe7e5;
  border-radius: 8px;
  background: #ffffff;
}

.admin-discovery-preflight.is-ready {
  border-color: #9fcfc1;
  background: #f3faf7;
}

.admin-discovery-preflight.is-blocked {
  border-color: #e2b8af;
  background: #fff8f6;
}

.admin-discovery-preflight-title {
  margin: 0;
  color: #203c3f;
  font-size: 15px;
  line-height: 1.3;
}

.admin-discovery-blockers {
  display: grid;
  gap: 4px;
  margin: 0;
  padding-left: 19px;
  color: #804236;
  font-size: 13px;
  line-height: 1.4;
}

.admin-discovery-source-link {
  width: fit-content;
  max-width: 100%;
  color: #116b70;
  font-size: 13px;
  font-weight: 720;
  overflow-wrap: anywhere;
}

.admin-discovery-submit {
  width: 100%;
  min-height: 48px;
}

.admin-discovery-start {
  width: 100%;
  min-height: 48px;
}

.admin-discovery-runs {
  display: grid;
  min-width: 0;
  gap: 9px;
  padding-top: 3px;
}

.admin-discovery-runs-heading,
.admin-discovery-run-top,
.admin-discovery-run-counters {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.admin-discovery-runs-loading,
.admin-discovery-runs-empty,
.admin-discovery-run-time {
  margin: 0;
  color: #708184;
  font-size: 12px;
  line-height: 1.35;
}

.admin-discovery-runs-list {
  display: grid;
  min-width: 0;
  gap: 8px;
}

.admin-discovery-run {
  display: grid;
  min-width: 0;
  gap: 6px;
  padding: 12px 13px;
  border: 1px solid #dfe7e5;
  border-left: 4px solid #779093;
  border-radius: 8px;
  background: #ffffff;
}

.admin-discovery-run.is-running,
.admin-discovery-run.is-queued {
  border-left-color: #c0922d;
}

.admin-discovery-run.is-done {
  border-left-color: #168067;
}

.admin-discovery-run.is-failed {
  border-left-color: #b65a45;
}

.admin-discovery-run-filter {
  min-width: 0;
  color: #203c3f;
  font-size: 13px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.admin-discovery-run-meta {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
}

.admin-discovery-run-operator {
  display: inline-flex;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  align-items: center;
  justify-content: center;
  border: 1px solid #b9d2ce;
  border-radius: 50%;
  color: #176d66;
  background: #e7f1ef;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}

.admin-discovery-run-status {
  flex: 0 0 auto;
  padding: 4px 7px;
  border-radius: 6px;
  color: #2f5356;
  background: #edf3f2;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.2;
}

.admin-discovery-run-counters {
  justify-content: flex-start;
  flex-wrap: wrap;
  color: #536d70;
  font-size: 12px;
  line-height: 1.35;
}

.admin-discovery-run-error {
  margin: 0;
  color: #8a463a;
  font-size: 12px;
  line-height: 1.4;
}

@media (max-width: 620px) {
  .admin-discovery-status-grid,
  .admin-discovery-two-column,
  .admin-discovery-point-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .admin-discovery-panel {
    padding: 13px;
  }

  .admin-discovery-map-row {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-discovery-map-pick {
    width: 100%;
  }

  .admin-discovery-choice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-discovery-run-top {
    align-items: flex-start;
  }
}

@media (max-width: 370px) {
  .admin-discovery-choice-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* SHARED-DISTRICT-PICKER-PHASE-A: Residential owner and draft/apply surface. */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.district-picker-open {
  overflow: hidden;
}

body.nearby-picker-open {
  overflow: hidden;
}

.residential-location-filter {
  display: grid;
  width: 100%;
  min-width: 0;
  gap: 8px;
  padding: 9px;
  border: 1px solid #d5dfe2;
  border-radius: 8px;
  background: #f8fbfa;
  box-sizing: border-box;
}

.residential-location-filter-title {
  margin: 0;
  color: #52666b;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.2;
  letter-spacing: 0;
}

.residential-location-mode-selector {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  padding: 3px;
  border: 1px solid #d5dfe2;
  border-radius: 8px;
  background: #edf2f1;
}

.residential-location-mode {
  display: inline-flex;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 7px 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #53666a;
  background: transparent;
  box-shadow: none;
  font-size: 12px;
  font-weight: 720;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

.residential-location-mode.is-selected {
  border-color: #0f766e;
  color: #ffffff;
  background: #0f766e;
}

.residential-location-filter-content {
  min-width: 0;
}

.residential-location-filter .residential-district-filter,
.residential-nearby-filter {
  border-color: #cbd9da;
}

.residential-nearby-filter {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d5dfe2;
  border-radius: 8px;
  background: #ffffff;
  box-sizing: border-box;
}

.residential-nearby-filter-toggle {
  display: grid;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  grid-template-columns: 20px minmax(0, 1fr) auto 16px;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border: 0;
  border-radius: 0;
  color: #52666b;
  background: transparent;
  box-shadow: none;
  text-align: left;
}

.residential-nearby-filter-icon {
  color: #176d72;
  font-size: 18px;
  line-height: 1;
}

.residential-nearby-filter-label {
  min-width: 0;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.2;
}

.residential-nearby-filter-summary {
  max-width: 156px;
  min-width: 0;
  color: #17383c;
  font-size: 12.5px;
  font-weight: 760;
  line-height: 1.2;
  text-align: right;
  overflow-wrap: anywhere;
}

.residential-nearby-filter-chip {
  max-width: 100%;
}

.residential-location-mode:focus-visible,
.residential-nearby-filter-toggle:focus-visible,
.client-nearby-picker-dialog button:focus-visible,
.client-nearby-picker-dialog input:focus-visible,
.client-nearby-picker-dialog select:focus-visible {
  outline: 3px solid rgba(15, 118, 110, 0.35);
  outline-offset: 2px;
}

.client-nearby-picker-overlay {
  position: fixed;
  z-index: 1250;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-top: max(16px, env(safe-area-inset-top));
  background: rgba(15, 32, 35, 0.42);
  box-sizing: border-box;
}

.client-nearby-picker-dialog {
  display: grid;
  width: 100%;
  max-height: 86vh;
  max-height: 86dvh;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid #d5dfe2;
  border-bottom: 0;
  border-radius: 22px 22px 0 0;
  color: #17383c;
  background: #ffffff;
  box-shadow: 0 -18px 46px rgba(15, 32, 35, 0.22);
  box-sizing: border-box;
}

.client-nearby-picker-drag-handle {
  width: 42px;
  height: 20px;
  margin: 0 auto;
  touch-action: none;
}

.client-nearby-picker-drag-handle::after {
  display: block;
  width: 34px;
  height: 4px;
  margin: 8px auto;
  border-radius: 999px;
  background: #c6d1d2;
  content: "";
}

.client-nearby-picker-header {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 14px 10px;
  border-bottom: 1px solid #e1e8e8;
}

.client-nearby-picker-header h2 {
  min-width: 0;
  margin: 0;
  color: #17383c;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
}

.client-nearby-picker-close {
  display: inline-flex;
  flex: 0 0 44px;
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #42565b;
  background: transparent;
  box-shadow: none;
  font-size: 24px;
  line-height: 1;
}

.client-nearby-picker-controls {
  display: flex;
  justify-content: flex-end;
  padding: 5px 14px 0;
  background: #ffffff;
}

.client-nearby-picker-clear {
  min-height: 44px;
  padding: 8px 4px;
  border: 0;
  color: #176d72;
  background: transparent;
  box-shadow: none;
  font-size: 13px;
  font-weight: 720;
}

.client-nearby-picker-clear:disabled {
  color: #99a5a7;
}

.client-nearby-picker-scroller {
  display: grid;
  min-height: 0;
  gap: 12px;
  padding: 6px 14px 14px;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.client-nearby-picker-field {
  display: grid;
  min-width: 0;
  gap: 5px;
  color: #52666b;
  font-size: 12px;
  font-weight: 720;
  line-height: 1.25;
}

.client-nearby-picker-field input,
.client-nearby-picker-field select {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 9px 11px;
  border: 1px solid #cad7d5;
  border-radius: 8px;
  color: #17383c;
  background: #ffffff;
  box-sizing: border-box;
  font-size: 14px;
}

.client-nearby-picker-map {
  width: 100%;
  min-height: 48px;
  padding: 9px 12px;
  border: 1px solid #bcd6d3;
  border-radius: 8px;
  color: #176d72;
  background: #edf7f5;
  box-shadow: none;
  font-size: 13px;
  font-weight: 750;
}

.client-nearby-picker-radius-group {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.client-nearby-picker-radius-group legend {
  margin-bottom: 6px;
  color: #52666b;
  font-size: 12px;
  font-weight: 720;
}

.client-nearby-picker-radius-choices {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.client-nearby-picker-radius {
  min-width: 0;
  min-height: 44px;
  padding: 7px 5px;
  border: 1px solid #d5dfe2;
  border-radius: 8px;
  color: #42565b;
  background: #ffffff;
  box-shadow: none;
  font-size: 12px;
  font-weight: 700;
}

.client-nearby-picker-radius.is-selected {
  border-color: #0f766e;
  color: #0f5f59;
  background: #f0faf8;
}

.client-nearby-picker-feedback {
  min-height: 18px;
  margin: 0;
  color: #9a4d35;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.4;
}

.client-nearby-picker-feedback:empty {
  min-height: 0;
}

.client-nearby-picker-footer {
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  border-top: 1px solid #e1e8e8;
  background: #ffffff;
}

.client-nearby-picker-apply {
  width: 100%;
  min-height: 48px;
  padding: 10px 14px;
  border: 1px solid #0f766e;
  border-radius: 8px;
  color: #ffffff;
  background: #0f766e;
  box-shadow: none;
  font-size: 14px;
  font-weight: 780;
}

.client-nearby-picker-apply:disabled {
  opacity: 0.62;
}

.residential-district-filter {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d5dfe2;
  border-radius: 8px;
  background: #ffffff;
  box-sizing: border-box;
}

.request-lite-district-picker {
  min-width: 0;
}

.residential-district-filter-toggle {
  display: grid;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  grid-template-columns: 20px minmax(0, 1fr) auto 16px;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border: 0;
  border-radius: 0;
  color: #52666b;
  background: transparent;
  box-shadow: none;
  text-align: left;
}

.residential-district-filter-toggle:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

.residential-district-filter-pin {
  font-size: 15px;
  line-height: 1;
}

.residential-district-filter-label {
  min-width: 0;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.2;
}

.residential-district-filter-summary {
  max-width: 150px;
  min-width: 0;
  color: #17383c;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.2;
  text-align: right;
  overflow-wrap: anywhere;
}

.residential-district-filter.is-neutral .residential-district-filter-summary {
  color: #6b7d82;
  font-weight: 650;
}

.residential-district-filter-chevron {
  width: 8px;
  height: 8px;
  margin: -2px 2px 0 auto;
  border-right: 2px solid #5f7277;
  border-bottom: 2px solid #5f7277;
  transform: rotate(-45deg);
}

.residential-district-filter-chips {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 8px 8px;
}

.residential-district-filter-chip {
  display: inline-flex;
  max-width: 100%;
  min-width: 0;
  min-height: 44px;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid #bcd6d3;
  border-radius: 999px;
  color: #176d72;
  background: #edf7f5;
  box-shadow: none;
  font-size: 11.5px;
  font-weight: 690;
  line-height: 1.2;
  text-align: left;
}

.residential-district-filter-chip > span:first-child {
  min-width: 0;
  overflow-wrap: anywhere;
}

.residential-district-filter-chip-remove {
  flex: 0 0 auto;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}

.residential-district-filter-more {
  justify-content: center;
  min-width: 48px;
}

.residential-district-filter-toggle:focus-visible,
.residential-district-filter-chip:focus-visible,
.client-district-picker-dialog button:focus-visible,
.client-district-picker-dialog input:focus-visible {
  outline: 3px solid rgba(15, 118, 110, 0.35);
  outline-offset: 2px;
}

.client-district-picker-overlay {
  position: fixed;
  z-index: 1200;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-top: max(16px, env(safe-area-inset-top));
  background: rgba(15, 32, 35, 0.42);
  box-sizing: border-box;
}

.client-district-picker-dialog {
  display: grid;
  width: 100%;
  max-height: 86vh;
  max-height: 86dvh;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid #d5dfe2;
  border-bottom: 0;
  border-radius: 22px 22px 0 0;
  color: #17383c;
  background: #ffffff;
  box-shadow: 0 -18px 46px rgba(15, 32, 35, 0.22);
  box-sizing: border-box;
}

.client-district-picker-drag-handle {
  width: 42px;
  height: 20px;
  margin: 0 auto;
  touch-action: none;
}

.client-district-picker-drag-handle::after {
  display: block;
  width: 34px;
  height: 4px;
  margin: 8px auto;
  border-radius: 999px;
  background: #c6d1d2;
  content: "";
}

.client-district-picker-header {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 14px 10px;
  border-bottom: 1px solid #e1e8e8;
}

.client-district-picker-header h2 {
  min-width: 0;
  margin: 0;
  color: #17383c;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
}

.client-district-picker-close,
.client-district-picker-search-clear {
  display: inline-flex;
  flex: 0 0 44px;
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #42565b;
  background: transparent;
  box-shadow: none;
  font-size: 24px;
  line-height: 1;
}

.client-district-picker-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: #ffffff;
}

.client-district-picker-search {
  position: relative;
  display: block;
  min-width: 0;
}

.client-district-picker-search input {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 9px 44px 9px 12px;
  border: 1px solid #cad7d5;
  border-radius: 8px;
  color: #17383c;
  background: #ffffff;
  box-sizing: border-box;
  font-size: 15px;
}

.client-district-picker-search-clear {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
}

.client-district-picker-search-clear[hidden] {
  display: none;
}

.client-district-picker-clear {
  min-height: 44px;
  padding: 8px 10px;
  border: 0;
  color: #176d72;
  background: transparent;
  box-shadow: none;
  font-size: 13px;
  font-weight: 720;
}

.client-district-picker-clear:disabled {
  color: #99a5a7;
}

.client-district-picker-scroller {
  min-height: 0;
  padding: 0 14px 14px;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.client-district-picker-all {
  display: flex;
  width: 100%;
  min-height: 48px;
  align-items: center;
  margin-bottom: 8px;
  padding: 9px 12px;
  border: 1px solid #d5dfe2;
  border-radius: 8px;
  color: #42565b;
  background: #ffffff;
  box-shadow: none;
  font-size: 14px;
  font-weight: 720;
  text-align: left;
}

.client-district-picker-all.is-selected {
  border-color: #0f766e;
  color: #0f5f59;
  background: #f0faf8;
}

.client-district-picker-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.client-district-picker-option {
  display: grid;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 8px 9px;
  border: 1px solid #d5dfe2;
  border-radius: 8px;
  color: #334b4f;
  background: #ffffff;
  box-shadow: none;
  font-size: 12.5px;
  font-weight: 650;
  line-height: 1.25;
  text-align: left;
}

.client-district-picker-option.is-selected {
  border-color: #0f766e;
  color: #0f5f59;
  background: #f0faf8;
}

.client-district-picker-option.is-limit-reached:not(.is-selected) {
  opacity: 0.52;
}

.client-district-picker-check {
  position: relative;
  width: 18px;
  height: 18px;
  border: 1px solid #aebdc0;
  border-radius: 50%;
  background: #ffffff;
  box-sizing: border-box;
}

.client-district-picker-option.is-selected .client-district-picker-check {
  border-color: #0f766e;
  background: #0f766e;
}

.client-district-picker-option.is-selected .client-district-picker-check::after {
  position: absolute;
  top: 3px;
  left: 5px;
  width: 5px;
  height: 8px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(45deg);
  content: "";
}

.client-district-picker-option-label {
  display: -webkit-box;
  min-width: 0;
  overflow: hidden;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.client-district-picker-empty,
.client-district-picker-feedback {
  margin: 10px 2px 0;
  color: #687a7e;
  font-size: 12.5px;
  line-height: 1.4;
}

.client-district-picker-empty[hidden],
.client-district-picker-feedback:empty {
  display: none;
}

.client-district-picker-feedback {
  color: #8b5b26;
}

.client-district-picker-footer {
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  border-top: 1px solid #e1e8e8;
  background: #ffffff;
}

.client-district-picker-apply {
  width: 100%;
  min-height: 48px;
  padding: 10px 14px;
  border: 1px solid #0f766e;
  border-radius: 8px;
  color: #ffffff;
  background: #0f766e;
  box-shadow: none;
  font-size: 14px;
  font-weight: 780;
}

.client-district-picker-apply:disabled {
  opacity: 0.62;
}

@media (max-width: 359px) {
  .client-district-picker-options {
    grid-template-columns: minmax(0, 1fr);
  }

  .client-nearby-picker-radius-choices {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .client-district-picker-controls {
    padding-right: 10px;
    padding-left: 10px;
  }

  .client-district-picker-scroller,
  .client-district-picker-footer,
  .client-nearby-picker-scroller,
  .client-nearby-picker-footer {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 1023px) {
  body.public-mode .client-filters.telegram-residential-legacy-filters .client-filter-secondary [data-filter-name="bedrooms"] {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1024px) {
  body.public-mode.browser-public-mode.public-web-shell .telegram-residential-core-filters {
    grid-template-columns: minmax(210px, 0.75fr) minmax(240px, 0.9fr) minmax(260px, 1fr) minmax(132px, 0.32fr);
  }

  body.public-mode.browser-public-mode.public-web-shell .client-district-picker-overlay {
    align-items: center;
    padding: 24px;
  }

  body.public-mode.browser-public-mode.public-web-shell .client-nearby-picker-overlay {
    align-items: center;
    padding: 24px;
  }

  body.public-mode.browser-public-mode.public-web-shell .client-district-picker-dialog {
    width: min(820px, 100%);
    max-height: 80vh;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    border-bottom: 1px solid #d5dfe2;
    border-radius: 12px;
  }

  body.public-mode.browser-public-mode.public-web-shell .request-lite-bedroom-picker-dialog {
    width: min(520px, 100%);
    max-height: 72vh;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
  }

  body.public-mode.browser-public-mode.public-web-shell .client-nearby-picker-dialog {
    width: min(760px, 100%);
    max-height: 80vh;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    border-bottom: 1px solid #d5dfe2;
    border-radius: 12px;
  }

  body.public-mode.browser-public-mode.public-web-shell .client-district-picker-drag-handle {
    display: none;
  }

  body.public-mode.browser-public-mode.public-web-shell .client-nearby-picker-drag-handle {
    display: none;
  }

  body.public-mode.browser-public-mode.public-web-shell .client-district-picker-header {
    padding-top: 12px;
  }

  body.public-mode.browser-public-mode.public-web-shell .client-nearby-picker-header {
    padding-top: 12px;
  }

  body.public-mode.browser-public-mode.public-web-shell .client-district-picker-options {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.public-mode.browser-public-mode.public-web-shell .client-filters.telegram-residential-legacy-filters .client-filter-secondary [data-filter-name="bedrooms"] {
    grid-column: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .residential-district-filter-toggle,
  .residential-district-filter-chip,
  .client-district-picker-dialog button,
  .residential-location-mode,
  .residential-nearby-filter-toggle,
  .client-nearby-picker-dialog button {
    transition: none;
  }
}

/* FINAL-APPROVED-HERO-20260718: shared live-copy composition over the clean Limassol photo. */
body.public-mode.telegram-hero-shell .telegram-home-hero,
body.public-mode.browser-public-mode.public-web-shell .public-web-residential-hero {
  aspect-ratio: 1920 / 744;
  height: clamp(300px, 39dvh, 346px);
  min-height: 300px;
  max-height: 346px;
  overflow: hidden;
  border: 0;
  border-radius: 20px;
  color: #ffffff;
  background-color: #102d32;
  background-image:
    linear-gradient(
      90deg,
      rgba(4, 23, 28, 0.86) 0%,
      rgba(5, 28, 33, 0.68) 42%,
      rgba(7, 31, 35, 0.26) 72%,
      rgba(7, 31, 35, 0.04) 100%
    ),
    url("/app/images/new-home-hero-limassol.webp?v=final-approved-hero-20260718-1");
  background-position: 84% center;
  background-size: cover;
  box-sizing: border-box;
  isolation: isolate;
}

body.public-mode.telegram-hero-shell .telegram-home-hero-content,
body.public-mode.browser-public-mode.public-web-shell .public-web-hero-mobile-content,
body.public-mode.browser-public-mode.public-web-shell .public-web-hero-desktop-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 24px 20px 22px;
  box-sizing: border-box;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-hero-desktop-content {
  display: none;
}

body.public-mode .residential-hero-eyebrow {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  max-width: calc(100% - 6px);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: rgba(255, 255, 255, 0.96);
  background: none;
  box-shadow: none;
  font-size: 14px;
  font-weight: 720;
  line-height: 1.32;
  letter-spacing: 0;
}

body.public-mode .residential-hero-sparkle {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  color: #f6cf4e;
}

body.public-mode .residential-hero-sparkle svg,
body.public-mode .residential-hero-shield svg {
  display: block;
  width: 100%;
  height: 100%;
}

body.public-mode .residential-hero-primary {
  width: min(100%, 330px);
  margin-top: clamp(28px, 4.8dvh, 42px);
}

body.public-mode .residential-hero-title {
  width: 100%;
  max-width: none;
  margin: 0;
  overflow: visible;
  color: #ffffff;
  font-size: 38px;
  font-weight: 820;
  line-height: 1.04;
  letter-spacing: 0;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.28);
}

body.public-mode .residential-hero-subtitle {
  margin: 12px 0 0;
  color: rgba(255, 255, 255, 0.96);
  font-size: 15.5px;
  font-weight: 650;
  line-height: 1.35;
  letter-spacing: 0;
}

body.public-mode .residential-hero-trust {
  width: 100%;
  margin-top: auto;
}

body.public-mode .residential-hero-divider {
  display: block;
  width: min(100%, 420px);
  height: 1px;
  margin-bottom: 12px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.08));
}

body.public-mode .residential-hero-trust-copy {
  display: flex;
  align-items: center;
  gap: 10px;
  width: min(65%, 230px);
  margin: 0;
  color: rgba(255, 255, 255, 0.96);
  font-size: 13.5px;
  font-weight: 650;
  line-height: 1.35;
  letter-spacing: 0;
}

body.public-mode .residential-hero-shield {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: rgba(255, 255, 255, 0.96);
}

body.public-mode.telegram-hero-shell .telegram-home-hero-language,
body.public-mode.browser-public-mode.public-web-shell .public-web-hero-language {
  position: absolute;
  z-index: 2;
  top: auto;
  right: 18px;
  bottom: 18px;
}

body.public-mode.telegram-hero-shell .telegram-home-hero-language .lang-switch,
body.public-mode.browser-public-mode.public-web-shell .public-web-hero-language .lang-switch {
  min-height: 48px;
  margin: 0;
  padding: 2px;
  gap: 1px;
  border: 1px solid rgba(255, 255, 255, 0.52);
  border-radius: 999px;
  background: rgba(6, 27, 31, 0.60);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(9px);
}

body.public-mode.telegram-hero-shell .telegram-home-hero-language .lang-option,
body.public-mode.browser-public-mode.public-web-shell .public-web-hero-language .lang-option {
  flex: 0 0 44px;
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 4px;
  border: 0;
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.86);
  background: transparent;
  font-size: 13px;
  font-weight: 760;
  line-height: 1;
}

body.public-mode.telegram-hero-shell .telegram-home-hero-language .lang-option.is-active,
body.public-mode.browser-public-mode.public-web-shell .public-web-hero-language .lang-option.is-active {
  color: #0b5f5b;
  background: #ffffff;
}

body.public-mode.telegram-hero-shell .telegram-home-hero-language .lang-option:focus-visible,
body.public-mode.browser-public-mode.public-web-shell .public-web-hero-language .lang-option:focus-visible {
  outline: 3px solid rgba(255, 255, 255, 0.72);
  outline-offset: 2px;
}

@media (max-width: 360px) {
  body.public-mode.telegram-hero-shell .telegram-home-hero,
  body.public-mode.browser-public-mode.public-web-shell .public-web-residential-hero {
    height: clamp(300px, 39dvh, 320px);
    min-height: 300px;
    max-height: 320px;
  }

  body.public-mode.telegram-hero-shell .telegram-home-hero-content,
  body.public-mode.browser-public-mode.public-web-shell .public-web-hero-mobile-content {
    padding: 21px 17px 18px;
  }

  body.public-mode .residential-hero-title {
    font-size: 35px;
  }

  body.public-mode .residential-hero-subtitle {
    font-size: 14.5px;
  }

  body.public-mode.telegram-hero-shell .telegram-home-hero-language,
  body.public-mode.browser-public-mode.public-web-shell .public-web-hero-language {
    right: 14px;
    bottom: 14px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  body.public-mode.telegram-hero-shell .telegram-home-hero,
  body.public-mode.browser-public-mode.public-web-shell .public-web-residential-hero {
    height: clamp(340px, 42dvh, 420px);
    min-height: 340px;
    max-height: 420px;
    background-position: 70% center;
  }

  body.public-mode.telegram-hero-shell .telegram-home-hero-content,
  body.public-mode.browser-public-mode.public-web-shell .public-web-hero-mobile-content {
    padding: 32px 30px 28px;
  }

  body.public-mode .residential-hero-eyebrow {
    font-size: 16px;
  }

  body.public-mode .residential-hero-primary {
    width: min(78%, 600px);
    margin-top: 42px;
  }

  body.public-mode .residential-hero-title {
    font-size: 48px;
  }

  body.public-mode .residential-hero-subtitle {
    font-size: 19px;
  }

  body.public-mode .residential-hero-trust-copy {
    width: min(62%, 440px);
    font-size: 16px;
  }

  body.public-mode .residential-hero-shield {
    flex-basis: 32px;
    width: 32px;
    height: 32px;
  }
}

@media (min-width: 1024px) {
  body.public-mode.browser-public-mode.public-web-shell .public-web-residential-hero {
    height: clamp(440px, 49vh, 500px);
    min-height: 440px;
    max-height: 500px;
    border-radius: 22px;
    background-position: center;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-hero-mobile-content {
    display: none;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-hero-desktop-content {
    display: flex;
    width: 100%;
    padding: 48px clamp(38px, 5vw, 76px) 72px;
  }

  body.public-mode.browser-public-mode.public-web-shell .public-web-hero-language {
    display: none;
  }

  body.public-mode.browser-public-mode.public-web-shell .residential-hero-eyebrow {
    max-width: 720px;
    font-size: 17px;
  }

  body.public-mode.browser-public-mode.public-web-shell .residential-hero-sparkle {
    flex-basis: 22px;
    width: 22px;
    height: 22px;
  }

  body.public-mode.browser-public-mode.public-web-shell .residential-hero-primary {
    width: min(75%, 860px);
    margin-top: 62px;
  }

  body.public-mode.browser-public-mode.public-web-shell .residential-hero-title {
    font-size: 58px;
    line-height: 1.02;
  }

  body.public-mode.browser-public-mode.public-web-shell .residential-hero-subtitle {
    margin-top: 17px;
    font-size: 22px;
  }

  body.public-mode.browser-public-mode.public-web-shell .residential-hero-divider {
    width: min(100%, 690px);
    margin-bottom: 16px;
  }

  body.public-mode.browser-public-mode.public-web-shell .residential-hero-trust-copy,
  body.public-mode .seo-initial-content .residential-hero-trust-copy {
    width: min(74%, 640px);
    font-size: 18px;
  }

  body.public-mode.browser-public-mode.public-web-shell .residential-hero-shield,
  body.public-mode .seo-initial-content .residential-hero-shield {
    flex-basis: 36px;
    width: 36px;
    height: 36px;
  }
}

/* HERO-CROP-HOTFIX-20260718: keep the right-hand palm visible on narrow portrait screens. */
@media (max-width: 767px) and (orientation: portrait) {
  body.public-mode.telegram-hero-shell .telegram-home-hero,
  body.public-mode.browser-public-mode.public-web-shell .public-web-residential-hero {
    background-position: 92% center;
  }
}

/* SEO-INDEXABILITY-20260720: public SSR and progressive-enhancement surface only. */
.brand-title {
  min-width: 0;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}

body.public-mode.browser-public-mode.public-web-shell .public-web-hero-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 24px 20px 22px;
}

.public-card-title a,
.newdev-card-body h2 a,
.commercial-card-body h2 a {
  color: inherit;
  text-decoration: none;
}

.public-card-title a:focus-visible,
.newdev-card-body h2 a:focus-visible,
.commercial-card-body h2 a:focus-visible {
  border-radius: 4px;
  outline: 3px solid rgba(15, 111, 112, 0.3);
  outline-offset: 3px;
}

.seo-runtime-next-page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin-top: 8px;
  padding: 10px 16px;
  border: 1px solid #0f6f70;
  border-radius: 8px;
  color: #0f6f70;
  background: #ffffff;
  font-weight: 700;
  text-decoration: none;
}

.seo-runtime-next-page:focus-visible {
  outline: 3px solid rgba(15, 111, 112, 0.3);
  outline-offset: 3px;
}

body.public-mode.browser-public-mode.public-web-shell .public-main-info h1 {
  margin: 0;
  max-width: none;
  overflow: visible;
  color: var(--text);
  font-size: 21px;
  line-height: 1.18;
  font-weight: 700;
  letter-spacing: 0;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 600px) {
  body.public-mode.browser-public-mode.public-web-shell .public-main-info h1 {
    font-size: 18.5px;
  }
}

.seo-initial-content {
  --seo-teal: #0f6f70;
  --seo-ink: #17383c;
  --seo-muted: #607478;
  --seo-line: #d8e2e3;
  color: var(--seo-ink);
  background: #f7f9f9;
  font: 400 16px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.seo-initial-content a {
  color: var(--seo-teal);
}

.seo-site-header,
.seo-content-shell,
.seo-listings,
.seo-footer {
  width: min(1180px, calc(100% - 32px));
  margin-right: auto;
  margin-left: auto;
}

.seo-site-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 82px;
  gap: 18px;
}

.seo-brand {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 12px;
  color: var(--seo-ink) !important;
  font-size: 19px;
  font-weight: 800;
  text-decoration: none;
}

.seo-brand img {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  object-fit: cover;
}

.seo-language-links {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border: 1px solid var(--seo-line);
  border-radius: 999px;
  background: #ffffff;
}

.seo-language-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  border-radius: 999px;
  color: #52676b;
  font-weight: 750;
  text-decoration: none;
}

.seo-language-links a.is-active {
  color: #ffffff;
  background: var(--seo-teal);
}

.seo-home-hero {
  display: flex;
  align-items: stretch;
  width: min(1180px, calc(100% - 32px));
  min-height: 420px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20px;
  color: #ffffff;
  background-color: #102d32;
  background-image:
    linear-gradient(90deg, rgba(4, 23, 28, 0.78), rgba(5, 28, 33, 0.52) 48%, rgba(7, 31, 35, 0.08)),
    url("/app/images/new-home-hero-limassol.webp?v=final-approved-hero-20260718-1");
  background-position: center;
  background-size: cover;
}

.seo-home-hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: min(720px, 70%);
  padding: 44px clamp(26px, 5vw, 70px);
}

.seo-eyebrow {
  margin: 0 0 28px;
  font-weight: 700;
}

.seo-home-hero h1,
.seo-page-header h1,
.seo-detail h1,
.seo-not-found h1 {
  margin: 0;
  letter-spacing: 0;
}

.seo-home-hero h1 {
  max-width: 650px;
  font-size: 56px;
  line-height: 1.04;
}

.seo-home-hero-copy > p:last-child {
  max-width: 650px;
  margin: 20px 0 0;
  font-size: 19px;
}

.seo-category-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: min(1180px, calc(100% - 32px));
  margin: 12px auto 28px;
  gap: 8px;
}

.seo-category-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 9px 12px;
  border: 1px solid var(--seo-line);
  border-radius: 8px;
  color: var(--seo-ink);
  background: #ffffff;
  font-weight: 750;
  text-align: center;
  text-decoration: none;
}

.seo-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 20px 0;
  color: var(--seo-muted);
  font-size: 14px;
}

.public-seo-runtime-breadcrumbs {
  margin: 4px 0 16px;
  color: var(--muted, #667679);
}

.public-seo-runtime-breadcrumbs a {
  color: var(--primary, #0f6f70);
  font-weight: 700;
  text-decoration: none;
}

.public-seo-runtime-breadcrumbs a:focus-visible {
  outline: 3px solid rgba(15, 111, 112, 0.3);
  outline-offset: 3px;
}

.seo-page-header {
  margin: 18px 0 24px;
}

.seo-page-header h1,
.seo-detail h1,
.seo-not-found h1 {
  max-width: none;
  overflow: visible;
  font-size: 36px;
  line-height: 1.15;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.seo-initial-content .seo-home-hero h1 {
  max-width: 650px;
  overflow: visible;
  font-size: 56px;
  line-height: 1.04;
  text-overflow: clip;
  white-space: normal;
}

.seo-initial-content .seo-page-header h1,
.seo-initial-content .seo-detail h1,
.seo-initial-content .seo-not-found h1 {
  max-width: none;
  overflow: visible;
  font-size: 36px;
  line-height: 1.15;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.seo-page-header p,
.seo-detail-location,
.seo-not-found p {
  max-width: 780px;
  color: var(--seo-muted);
}

.seo-result-count,
.seo-section-title {
  margin: 20px 0 14px;
}

.seo-listing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.seo-listing-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--seo-line);
  border-radius: 8px;
  background: #ffffff;
}

.seo-listing-image {
  display: block;
  aspect-ratio: 640 / 420;
  overflow: hidden;
  background: #e9eeee;
}

.seo-listing-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.seo-listing-body {
  padding: 16px;
}

.seo-listing-body h2 {
  margin: 7px 0;
  font-size: 20px;
  line-height: 1.25;
}

.seo-listing-body h2 a {
  color: var(--seo-ink);
  text-decoration: none;
}

.seo-listing-price {
  margin: 0;
  font-size: 21px;
  font-weight: 800;
}

.seo-listing-reference,
.seo-listing-body > p {
  color: var(--seo-muted);
}

.seo-listing-action,
.seo-back-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  font-weight: 750;
}

.seo-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 28px 0;
}

.seo-pagination a,
.seo-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 7px 11px;
  border: 1px solid var(--seo-line);
  border-radius: 8px;
  background: #ffffff;
  text-decoration: none;
}

.seo-pagination span[aria-current="page"] {
  color: #ffffff;
  background: var(--seo-teal);
}

.seo-detail {
  padding-bottom: 30px;
}

.seo-detail-image {
  display: block;
  width: 100%;
  max-height: 680px;
  aspect-ratio: 3 / 2;
  border-radius: 8px;
  object-fit: cover;
  background: #e9eeee;
}

.seo-detail h1 {
  margin-top: 26px;
}

.seo-detail-price {
  margin: 8px 0 20px;
  font-size: 28px;
  font-weight: 800;
}

.seo-detail-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 18px 0;
}

.seo-detail-facts > div {
  padding: 12px;
  border: 1px solid var(--seo-line);
  border-radius: 8px;
  background: #ffffff;
}

.seo-detail-facts dt {
  color: var(--seo-muted);
  font-size: 13px;
}

.seo-detail-facts dd {
  margin: 4px 0 0;
  font-weight: 750;
}

.seo-detail-description {
  max-width: 820px;
}

.seo-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 36px;
  padding: 26px 0 40px;
  border-top: 1px solid var(--seo-line);
}

.seo-not-found .seo-content-shell {
  min-height: 55vh;
  padding-top: 64px;
}

.seo-initial-content a:focus-visible {
  outline: 3px solid rgba(15, 111, 112, 0.3);
  outline-offset: 3px;
}

body.seo-server-error > .topbar,
body.seo-server-error > main,
body.seo-server-error > #shell-bootstrap-status,
body.seo-server-error > #shell-bootstrap-fallback {
  display: none !important;
}

@media (max-width: 767px) {
  body.public-mode.browser-public-mode.public-web-shell .public-web-hero-content {
    padding: 24px 20px 22px;
  }

  .seo-site-header,
  .seo-content-shell,
  .seo-listings,
  .seo-footer,
  .seo-home-hero,
  .seo-category-links {
    width: min(100% - 24px, 1180px);
  }

  .seo-home-hero {
    min-height: 380px;
    background-position: 92% center;
  }

  .seo-home-hero-copy {
    width: 88%;
    padding: 28px;
  }

  .seo-home-hero h1 {
    font-size: 39px;
  }

  .seo-home-hero-copy > p:last-child {
    font-size: 16px;
  }

  .seo-category-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seo-listing-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .seo-page-header h1,
  .seo-detail h1,
  .seo-not-found h1 {
    font-size: 30px;
  }

  .seo-initial-content .seo-home-hero h1 {
    font-size: 39px;
  }

  .seo-initial-content .seo-page-header h1,
  .seo-initial-content .seo-detail h1,
  .seo-initial-content .seo-not-found h1 {
    font-size: 30px;
  }

  .seo-detail-facts {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 479px) {
  .seo-category-links {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  body.public-mode.browser-public-mode.public-web-shell .public-web-hero-content {
    padding: 32px 30px 28px;
  }

  .seo-listing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  body.public-mode.browser-public-mode.public-web-shell .public-web-hero-content {
    display: flex;
    width: 100%;
    padding: 48px clamp(38px, 5vw, 76px) 72px;
  }
}

/* SEO-HYDRATION-PARITY-20260720: public SSR mirrors the hydrated web shell. */
.seo-initial-content .seo-public-header {
  position: sticky;
  z-index: 90;
  top: 0;
  width: 100%;
  min-height: 64px;
  border-bottom: 1px solid #e4eaea;
  background: rgba(255, 255, 255, 0.98);
}

.seo-initial-content .seo-public-header-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 64px;
  padding: 8px 12px;
}

.seo-initial-content .seo-public-brand {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  min-width: 0;
  min-height: 46px;
  padding: 2px;
  border: 0;
  color: #17383c;
  background: transparent;
  text-decoration: none;
}

.seo-initial-content .seo-public-brand img {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  object-fit: cover;
}

.seo-initial-content .seo-public-brand-name {
  min-width: 0;
  color: #17383c;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: 0;
  text-align: left;
}

.seo-initial-content .seo-public-desktop-navigation,
.seo-initial-content .seo-public-header-utilities {
  display: none;
}

.seo-initial-content .seo-public-route-shell {
  display: grid;
  gap: 7px;
  width: calc(100% - 20px);
  margin: 10px auto 8px;
}

.seo-initial-content .seo-public-hero {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1920 / 744;
  height: clamp(300px, 39dvh, 346px);
  min-height: 300px;
  max-height: 346px;
  overflow: hidden;
  border: 0;
  border-radius: 20px;
  color: #ffffff;
  background-color: #102d32;
  background-image:
    linear-gradient(
      90deg,
      rgba(4, 23, 28, 0.86) 0%,
      rgba(5, 28, 33, 0.68) 42%,
      rgba(7, 31, 35, 0.26) 72%,
      rgba(7, 31, 35, 0.04) 100%
    ),
    url("/app/images/new-home-hero-limassol.webp?v=final-approved-hero-20260718-1");
  background-position: 92% center;
  background-size: cover;
  isolation: isolate;
}

.seo-initial-content .seo-public-hero-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 24px 20px 22px;
}

.seo-initial-content .seo-public-hero h1 {
  width: 100%;
  max-width: none;
  margin: 0;
  overflow: visible;
  color: #ffffff;
  font-size: 38px;
  font-weight: 820;
  line-height: 1.04;
  letter-spacing: 0;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.28);
}

.seo-initial-content .seo-public-hero-language {
  position: absolute;
  z-index: 2;
  right: 18px;
  bottom: 18px;
}

.seo-initial-content .seo-public-hero-language .seo-language-links {
  min-height: 48px;
  margin: 0;
  padding: 2px;
  gap: 1px;
  border-color: rgba(255, 255, 255, 0.52);
  background: rgba(6, 27, 31, 0.60);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(9px);
}

.seo-initial-content .seo-public-hero-language .seo-language-links a {
  flex: 0 0 44px;
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 4px;
  color: rgba(255, 255, 255, 0.86);
  background: transparent;
  font-size: 13px;
  font-weight: 760;
  line-height: 1;
}

.seo-initial-content .seo-public-hero-language .seo-language-links a.is-active {
  color: #0b5f5b;
  background: #ffffff;
}

.seo-initial-content .seo-public-mobile-navigation {
  display: contents;
}

.seo-initial-content .seo-public-primary-navigation,
.seo-initial-content .seo-public-service-actions {
  display: grid;
  min-width: 0;
  padding: 3px;
  border: 1px solid #dce6e7;
  border-radius: 10px;
}

.seo-initial-content .seo-public-primary-navigation {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  background: #eef3f4;
}

.seo-initial-content .seo-public-service-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  background: #f7f9f9;
}

.seo-initial-content .seo-public-navigation-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 44px;
  padding: 7px 5px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: #52666b;
  background: #ffffff;
  font-size: 12px;
  font-weight: 720;
  line-height: 1.12;
  letter-spacing: 0;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  text-decoration: none;
}

.seo-initial-content .seo-public-service-actions .seo-public-navigation-button {
  color: #60747a;
  background: transparent;
  font-weight: 650;
}

.seo-initial-content .seo-public-service-actions .seo-public-navigation-button:first-child::before {
  content: "\2661";
  margin-right: 4px;
  font-size: 15px;
}

.seo-initial-content .seo-public-service-actions .seo-public-navigation-button:last-child::before {
  content: "\25a4";
  margin-right: 4px;
  font-size: 13px;
}

.seo-initial-content .seo-public-navigation-button.is-active {
  border-color: #0f6f70;
  color: #0a5558;
  background: #ffffff;
  box-shadow: inset 0 -3px 0 #0f6f70;
}

.seo-initial-content .seo-public-feed {
  width: calc(100% - 20px);
  margin: 0 auto;
}

.seo-initial-content .seo-public-filter {
  display: grid;
  gap: 9px;
  width: 100%;
  margin: 0;
  padding: 10px;
  border: 1px solid #dce6e7;
  border-radius: 9px;
  background: #ffffff;
}

.seo-initial-content .seo-public-purpose-choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.seo-initial-content .seo-public-purpose-choice {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 44px;
  padding: 0;
  border: 1px solid #d5dfe2;
  border-radius: 7px;
  color: #42565b;
  background: #ffffff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.seo-initial-content .seo-public-purpose-choice > a {
  display: inline-flex;
  width: 100%;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  color: inherit;
  text-decoration: none;
}

.seo-initial-content .seo-public-purpose-choice.is-selected {
  border-color: #0f6f70;
  color: #0a5558;
  background: #f0faf8;
  box-shadow: inset 0 -3px 0 #0f6f70;
}

.seo-initial-content .seo-public-property-type {
  display: grid;
  min-height: 48px;
  grid-template-columns: minmax(0, 1fr) auto 14px;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border: 1px solid #d5dfe2;
  border-radius: 8px;
  color: #52666b;
  background: #ffffff;
  font-size: 12px;
  font-weight: 650;
}

.seo-initial-content .seo-public-property-type strong {
  color: #17383c;
  font-size: 12.5px;
  text-align: right;
}

.seo-initial-content .seo-public-chevron {
  width: 9px;
  height: 9px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
}

.seo-initial-content .seo-public-location {
  display: grid;
  min-width: 0;
  gap: 8px;
  padding: 9px;
  border: 1px solid #d5dfe2;
  border-radius: 8px;
  background: #f8fbfa;
}

.seo-initial-content .seo-public-location h2 {
  margin: 0;
  color: #52666b;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.2;
}

.seo-initial-content .seo-public-location-modes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  min-width: 0;
  padding: 3px;
  border: 1px solid #d5dfe2;
  border-radius: 8px;
  background: #edf2f1;
}

.seo-initial-content .seo-public-location-modes span {
  display: inline-flex;
  min-width: 0;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 7px 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #53666a;
  font-size: 12px;
  font-weight: 720;
  line-height: 1.2;
  text-align: center;
}

.seo-initial-content .seo-public-location-modes span.is-selected {
  border-color: #0f766e;
  color: #ffffff;
  background: #0f766e;
}

.seo-initial-content .seo-public-areas {
  display: grid;
  min-height: 48px;
  grid-template-columns: 20px minmax(0, 1fr) auto 14px;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border: 1px solid #cbd9da;
  border-radius: 8px;
  color: #52666b;
  background: #ffffff;
  font-size: 12px;
  font-weight: 650;
  text-decoration: none;
}

.seo-initial-content .seo-public-areas strong {
  max-width: 156px;
  color: #17383c;
  font-size: 12.5px;
  text-align: right;
}

.seo-initial-content .seo-public-search-link {
  display: none;
}

.seo-initial-content .seo-public-intro {
  max-width: 780px;
  margin: 18px 0 8px;
  color: #607478;
}

.seo-initial-content .seo-public-feed .seo-listings {
  width: 100%;
}

.seo-initial-content .seo-public-navigation-button:focus-visible,
.seo-initial-content .seo-public-purpose-choice:focus-visible,
.seo-initial-content .seo-public-areas:focus-visible,
.seo-initial-content .seo-public-search-link:focus-visible,
.seo-initial-content .seo-public-header a:focus-visible,
.seo-initial-content .seo-public-hero-language a:focus-visible {
  outline: 3px solid rgba(15, 111, 112, 0.34);
  outline-offset: 2px;
}

@media (max-width: 360px) {
  .seo-initial-content .seo-public-hero {
    height: clamp(300px, 39dvh, 320px);
    min-height: 300px;
    max-height: 320px;
  }

  .seo-initial-content .seo-public-hero-content {
    padding: 21px 17px 18px;
  }

  .seo-initial-content .seo-public-hero h1 {
    font-size: 35px;
  }

  .seo-initial-content .seo-public-hero-language {
    right: 14px;
    bottom: 14px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .seo-initial-content .seo-public-header-inner {
    padding-right: 20px;
    padding-left: 20px;
  }

  .seo-initial-content .seo-public-route-shell,
  .seo-initial-content .seo-public-feed {
    width: calc(100% - 36px);
  }

  .seo-initial-content .seo-public-hero {
    height: clamp(340px, 42dvh, 420px);
    min-height: 340px;
    max-height: 420px;
    background-position: 70% center;
  }

  .seo-initial-content .seo-public-hero-content {
    padding: 32px 30px 28px;
  }

  .seo-initial-content .seo-public-hero h1 {
    font-size: 48px;
  }
}

@media (min-width: 1024px) {
  .seo-initial-content .seo-public-header {
    min-height: 82px;
  }

  .seo-initial-content .seo-public-header-inner {
    grid-template-columns: minmax(210px, auto) minmax(0, 1fr) auto;
    gap: clamp(18px, 2.2vw, 34px);
    width: min(1440px, 100%);
    min-height: 82px;
    margin: 0 auto;
    padding: 10px clamp(24px, 3vw, 52px);
  }

  .seo-initial-content .seo-public-brand img {
    flex-basis: 48px;
    width: 48px;
    height: 48px;
  }

  .seo-initial-content .seo-public-brand-name {
    font-size: 16px;
  }

  .seo-initial-content .seo-public-desktop-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(4px, 0.6vw, 10px);
    min-width: 0;
  }

  .seo-initial-content .seo-public-desktop-navigation .seo-public-navigation-button {
    min-height: 44px;
    padding: 8px clamp(8px, 0.9vw, 14px);
    border-radius: 7px;
    background: transparent;
    white-space: nowrap;
    font-size: 13px;
  }

  .seo-initial-content .seo-public-desktop-navigation .seo-public-navigation-button.is-active {
    background: #f0f8f7;
  }

  .seo-initial-content .seo-public-header-utilities {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
  }

  .seo-initial-content .seo-public-telegram-link,
  .seo-initial-content .seo-public-request-link {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 8px 13px;
    border-radius: 7px;
    font-size: 12.5px;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
  }

  .seo-initial-content .seo-public-telegram-link {
    border: 1px solid #c8d8da;
    color: #0a5558;
    background: #ffffff;
  }

  .seo-initial-content .seo-public-request-link {
    border: 1px solid #0f6f70;
    color: #ffffff;
    background: #0f6f70;
  }

  .seo-initial-content .seo-public-header-language .seo-language-links {
    min-height: 48px;
    margin: 0;
    padding: 2px;
    gap: 1px;
    border-color: #cfdbdd;
    background: #ffffff;
  }

  .seo-initial-content .seo-public-header-language .seo-language-links a {
    flex: 0 0 44px;
    width: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 4px;
    font-size: 11px;
    line-height: 1;
  }

  .seo-initial-content .seo-public-route-shell,
  .seo-initial-content .seo-public-feed {
    width: min(1440px, calc(100% - 6vw));
    max-width: 1440px;
  }

  .seo-initial-content .seo-public-route-shell {
    margin-top: 24px;
    margin-bottom: 0;
  }

  .seo-initial-content .seo-public-primary-navigation,
  .seo-initial-content .seo-public-service-actions {
    display: none;
  }

  .seo-initial-content .seo-public-hero {
    height: clamp(440px, 49vh, 500px);
    min-height: 440px;
    max-height: 500px;
    border-radius: 22px;
    background-position: center;
  }

  .seo-initial-content .seo-public-hero-content {
    width: 100%;
    padding: 48px clamp(38px, 5vw, 76px) 72px;
  }

  .seo-initial-content .seo-public-hero h1 {
    font-size: 58px;
    line-height: 1.02;
  }

  .seo-initial-content .seo-public-hero-language {
    display: none;
  }

  .seo-initial-content .seo-public-feed {
    position: relative;
    z-index: 2;
    margin-top: -64px;
  }

  .seo-initial-content .seo-public-filter {
    grid-template-columns: minmax(230px, 0.75fr) minmax(270px, 0.9fr) minmax(320px, 1fr) minmax(132px, 0.32fr);
    align-items: end;
    gap: 12px;
    padding: 16px;
    border-radius: 14px 14px 8px 8px;
    box-shadow: 0 20px 42px rgba(13, 43, 46, 0.14);
  }

  .seo-initial-content .seo-public-search-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 46px;
    padding: 9px 16px;
    border: 1px solid #0f6f70;
    border-radius: 7px;
    color: #ffffff;
    background: #0f6f70;
    font-weight: 780;
    text-decoration: none;
  }

  .seo-initial-content .seo-public-intro {
    margin-top: 22px;
  }
}

/* PREMIUM-GRAPHITE-TEAL-THEME-1: final dark cascade, client shell only. */
html[data-theme="dark"] body.public-mode.public-client-tabs {
  --app-bg: #0B1012;
  --app-bg-elevated: #0E1416;
  --surface-1: #111719;
  --surface-2: #161E21;
  --surface-3: #1B2528;
  --text-primary: #F4F7F7;
  --text-secondary: #A8B4B7;
  --text-muted: #7E8D91;
  --text-inverse: #071011;
  --border-subtle: #202B2E;
  --border-default: #2A363A;
  --border-strong: #556A71;
  --accent-text: #159A93;
  --accent-fill: #0F7E79;
  --accent-hover: #0F837D;
  --accent-active: #0D7B75;
  --accent-soft: #103734;
  --accent-contrast: #FFFFFF;
  --focus-ring: #55D4CC;
  --overlay: rgba(0, 0, 0, 0.68);
  --success: #26A269;
  --warning: #E5A000;
  --danger: #D95C5C;
  --input-bg: #12181B;
  --input-border: #2A363A;
  --input-placeholder: #75848A;
  --disabled-bg: #151D20;
  --disabled-border: #2A363A;
  --disabled-text: #617075;
  --skeleton-base: #151D20;
  --skeleton-highlight: #223036;
  --shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.24);
  --shadow-md: 0 12px 36px rgba(0, 0, 0, 0.38);
  --primary: var(--accent-fill);
  --accent: var(--accent-text);
  --bg: var(--app-bg);
  --panel: var(--surface-1);
  --text: var(--text-primary);
  --muted: var(--text-muted);
  --line: var(--border-default);
  --ok: var(--success);
  --warn: var(--warning);
  --bad: var(--danger);
  --shadow: var(--shadow-sm);
  color: var(--text-primary);
  background: var(--app-bg);
  scrollbar-color: var(--border-strong) var(--app-bg);
}

html[data-theme="dark"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell {
  --public-web-teal: var(--accent-text);
  --public-web-teal-dark: var(--accent-fill);
  --public-web-ink: var(--text-primary);
  --public-web-muted: var(--text-secondary);
  --public-web-line: var(--border-default);
  background: var(--app-bg);
}

html[data-theme="dark"] body.public-mode.public-client-tabs ::selection {
  color: var(--text-primary);
  background: var(--accent-soft);
}

html[data-theme="dark"] body.public-mode.public-client-tabs :focus-visible {
  outline-color: var(--focus-ring);
}

html[data-theme="dark"] body.public-mode.public-client-tabs input,
html[data-theme="dark"] body.public-mode.public-client-tabs textarea,
html[data-theme="dark"] body.public-mode.public-client-tabs select {
  border-color: var(--input-border);
  color: var(--text-primary);
  background-color: var(--input-bg);
  caret-color: var(--focus-ring);
}

html[data-theme="dark"] body.public-mode.public-client-tabs input::placeholder,
html[data-theme="dark"] body.public-mode.public-client-tabs textarea::placeholder {
  color: var(--input-placeholder);
  opacity: 1;
}

html[data-theme="dark"] body.public-mode.public-client-tabs button:disabled,
html[data-theme="dark"] body.public-mode.public-client-tabs input:disabled,
html[data-theme="dark"] body.public-mode.public-client-tabs select:disabled,
html[data-theme="dark"] body.public-mode.public-client-tabs textarea:disabled,
html[data-theme="dark"] body.public-mode.public-client-tabs [aria-disabled="true"] {
  border-color: var(--disabled-border);
  color: var(--disabled-text);
  background-color: var(--disabled-bg);
  opacity: 1;
  cursor: not-allowed;
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs main,
html[data-theme="dark"] body.public-mode.public-client-tabs .lead-list,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-search,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-results {
  color: var(--text-primary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .topbar {
  border-bottom-color: var(--border-subtle);
  color: var(--text-primary);
  background: rgba(14, 20, 22, 0.96);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs #summary,
html[data-theme="dark"] body.public-mode.public-client-tabs .meta,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-pagination-status,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-card-footer,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-card-meta,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-card-location,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-card-meta,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-card-meta,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-location-hint,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-card-share-feedback {
  color: var(--text-muted);
}

html[data-theme="dark"] body.public-mode.public-client-tabs a,
html[data-theme="dark"] body.public-mode.public-client-tabs a.public-card-location,
html[data-theme="dark"] body.public-mode.public-client-tabs a.public-detail-location {
  color: var(--accent-text);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .lang-switch,
html[data-theme="dark"] body.public-mode.public-client-tabs .tabs {
  border-color: var(--border-default);
  background: var(--surface-2);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .lang-option,
html[data-theme="dark"] body.public-mode.public-client-tabs .tab {
  color: var(--text-secondary);
  background: transparent;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .lang-option.is-active,
html[data-theme="dark"] body.public-mode.public-client-tabs .tab.is-active {
  border-color: var(--accent-text);
  color: var(--text-primary);
  background: var(--accent-soft);
}

html[data-theme="dark"] body.public-mode.public-client-tabs.telegram-hero-shell.public-client-tabs .tabs {
  border-color: var(--border-default);
  background: var(--surface-2);
}

html[data-theme="dark"] body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab,
html[data-theme="dark"] body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="search"],
html[data-theme="dark"] body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="newdev"],
html[data-theme="dark"] body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="commercial"],
html[data-theme="dark"] body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="favorites"],
html[data-theme="dark"] body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab[data-view="request"],
html[data-theme="dark"] body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab.tab-newdev,
html[data-theme="dark"] body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab.tab-newdev:hover {
  border-color: transparent;
  color: var(--text-secondary);
  background: var(--surface-1);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab.is-active,
html[data-theme="dark"] body.public-mode.telegram-hero-shell.public-client-tabs .tabs > .tab.tab-newdev.is-active {
  border-color: var(--accent-text);
  color: var(--text-primary);
  background: var(--accent-soft);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs.telegram-client-shell .telegram-compact-screen-back {
  border-color: var(--border-default);
  color: var(--accent-text);
  background: var(--surface-1);
}

html[data-theme="dark"] body.public-mode.public-client-tabs.telegram-client-shell .telegram-compact-screen-title {
  color: var(--text-primary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs.telegram-client-shell .telegram-compact-screen-language .lang-switch {
  border-color: var(--border-default);
  background: var(--surface-1);
}

html[data-theme="dark"] body.public-mode.public-client-tabs.telegram-client-shell .telegram-compact-screen-language .lang-option.is-active {
  color: var(--accent-contrast);
  background: var(--accent-fill);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .mac-miniapp-close-button,
html[data-theme="dark"] body.public-mode.public-client-tabs .desktop-miniapp-share-button {
  border-color: var(--border-default);
  color: var(--text-secondary);
  background: var(--surface-1);
}

html[data-theme="dark"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .public-web-header {
  border-bottom-color: var(--border-subtle);
  background: rgba(14, 20, 22, 0.98);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .public-web-brand,
html[data-theme="dark"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .public-web-brand-name,
html[data-theme="dark"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .public-web-compact-section-heading h1 {
  color: var(--text-primary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .public-web-header-language .lang-switch {
  border-color: var(--border-default);
  background: var(--surface-1);
}

html[data-theme="dark"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .public-web-header-language .lang-option {
  color: var(--text-secondary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .public-web-header-language .lang-option.is-active {
  color: var(--accent-contrast);
  background: var(--accent-fill);
}

html[data-theme="dark"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .public-web-telegram-link {
  border-color: var(--border-default);
  color: var(--accent-text);
  background: var(--surface-1);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .public-web-hero-language .lang-option.is-active {
  color: var(--accent-contrast);
  background: var(--accent-fill);
}

html[data-theme="dark"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .public-web-mobile-primary-navigation,
html[data-theme="dark"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .public-web-mobile-service-actions {
  border-color: var(--border-default);
  background: var(--surface-2);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .public-web-navigation-button,
html[data-theme="dark"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .public-web-service-screen-back {
  border-color: transparent;
  color: var(--text-secondary);
  background: transparent;
}

html[data-theme="dark"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .public-web-navigation-button.is-active {
  border-color: var(--accent-text);
  color: var(--text-primary);
  background: var(--accent-soft);
}

html[data-theme="dark"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .public-web-footer {
  border-top-color: var(--border-subtle);
  color: var(--text-muted);
  background: var(--app-bg-elevated);
}

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

html[data-theme="dark"] body.public-mode.public-client-tabs .client-filters,
html[data-theme="dark"] body.public-mode.public-client-tabs .telegram-residential-core-filters,
html[data-theme="dark"] body.public-mode.public-client-tabs .telegram-residential-property-type,
html[data-theme="dark"] body.public-mode.public-client-tabs .telegram-residential-property-type-panel,
html[data-theme="dark"] body.public-mode.public-client-tabs .residential-location-filter,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-filter-more,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-filter-secondary,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-filters,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-filters {
  border-color: var(--border-default);
  color: var(--text-primary);
  background: var(--surface-1);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .client-filters.telegram-residential-legacy-filters {
  border-color: var(--border-default);
  color: var(--text-primary);
  background: var(--surface-1);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-deal-switch,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-filter-panel,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-multi-select summary,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-multi-menu {
  border-color: var(--border-default);
  color: var(--text-primary);
  background: var(--surface-1);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-deal-switch {
  background: var(--surface-2);
}

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

html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-deal-switch button.is-active {
  border-color: var(--accent-text);
  color: var(--text-primary);
  background: var(--accent-soft);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-search-row input,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-search-row select,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-multi-menu > input,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-range-filter input {
  border-color: var(--input-border);
  color: var(--text-primary);
  background: var(--input-bg);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-filter-group + .commercial-filter-group {
  border-top-color: var(--border-subtle);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-filter-group h2,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-check-option span {
  color: var(--text-primary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-range-filter > span,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-results-meta,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-multi-select summary::after {
  color: var(--text-secondary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-check-option:hover {
  background: var(--surface-2);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-filter-toggle,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-menu-done,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-filter-actions button:not(.primary),
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-share {
  border-color: var(--border-default);
  color: var(--text-secondary);
  background: var(--surface-2);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-filter,
html[data-theme="dark"] body.public-mode.public-client-tabs .residential-location-filter-title,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-filter-heading,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-filter-label,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-filter-label {
  color: var(--text-secondary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-filter select,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-filter input,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-filters select,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-filters input,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-filters select,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-filters input {
  border-color: var(--input-border);
  color: var(--text-primary);
  background: var(--input-bg);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .telegram-residential-purpose,
html[data-theme="dark"] body.public-mode.public-client-tabs .telegram-residential-property-type-choices,
html[data-theme="dark"] body.public-mode.public-client-tabs .residential-location-mode-selector {
  border-color: var(--border-default);
  background: var(--surface-2);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .telegram-residential-purpose-choice,
html[data-theme="dark"] body.public-mode.public-client-tabs .telegram-residential-property-type-choice,
html[data-theme="dark"] body.public-mode.public-client-tabs .telegram-residential-property-type-summary,
html[data-theme="dark"] body.public-mode.public-client-tabs .residential-location-mode {
  border-color: transparent;
  color: var(--text-secondary);
  background: transparent;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .telegram-residential-purpose-choice.is-selected,
html[data-theme="dark"] body.public-mode.public-client-tabs .telegram-residential-property-type-choice.is-selected,
html[data-theme="dark"] body.public-mode.public-client-tabs .residential-location-mode.is-selected {
  border-color: var(--accent-text);
  color: var(--text-primary);
  background: var(--accent-soft);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .telegram-residential-property-type-choice small,
html[data-theme="dark"] body.public-mode.public-client-tabs .telegram-residential-property-type-choice.is-grouped-option small,
html[data-theme="dark"] body.public-mode.public-client-tabs .telegram-residential-property-type-choice.is-grouped-option.is-selected small {
  color: var(--text-muted);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .telegram-residential-property-type-chevron,
html[data-theme="dark"] body.public-mode.public-client-tabs .residential-district-filter-chevron {
  border-color: var(--text-muted);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .residential-nearby-filter,
html[data-theme="dark"] body.public-mode.public-client-tabs .residential-district-filter {
  border-color: var(--border-default);
  background: var(--surface-2);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .residential-nearby-filter-toggle,
html[data-theme="dark"] body.public-mode.public-client-tabs .residential-district-filter-toggle {
  color: var(--text-secondary);
  background: transparent;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .residential-nearby-filter-summary,
html[data-theme="dark"] body.public-mode.public-client-tabs .residential-district-filter-summary {
  color: var(--text-primary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .residential-district-filter.is-neutral .residential-district-filter-summary {
  color: var(--text-muted);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .residential-nearby-filter-icon,
html[data-theme="dark"] body.public-mode.public-client-tabs .residential-district-filter-pin {
  color: var(--accent-text);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .residential-district-filter-chip,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-active-filter-chip,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-feature,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-chip,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-map-link,
html[data-theme="dark"] body.public-mode.public-client-tabs .shortlist-select,
html[data-theme="dark"] body.public-mode.public-client-tabs .favorite-selection-toggle {
  border-color: var(--border-default);
  color: var(--text-secondary);
  background: var(--surface-2);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .residential-district-filter-chip,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-active-filter-chip,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-map-link {
  border-color: var(--accent-fill);
  color: var(--accent-text);
  background: var(--accent-soft);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .shortlist-select.is-selected,
html[data-theme="dark"] body.public-mode.public-client-tabs .favorite-selection-toggle.is-selected {
  border-color: var(--accent-text);
  color: var(--text-primary);
  background: var(--accent-soft);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .favorite-selection-marker {
  border-color: var(--border-strong);
  color: var(--accent-contrast);
  background: var(--input-bg);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .favorite-selection-toggle.is-selected .favorite-selection-marker {
  border-color: var(--accent-fill);
  background: var(--accent-fill);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .favorites-selection-toolbar.is-active,
html[data-theme="dark"] body.public-mode.public-client-tabs .generated-share-link,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-live-count,
html[data-theme="dark"] body.public-mode.public-client-tabs .platform-results-notice {
  border-color: var(--border-default);
  color: var(--text-secondary);
  background: var(--surface-1);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .favorites-selection-count,
html[data-theme="dark"] body.public-mode.public-client-tabs .generated-share-link-status {
  color: var(--text-secondary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-reset,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-filter-toggle,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-filter-more > summary,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-subscription-secondary-button,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-subscription-telegram-open {
  border-color: var(--border-default);
  color: var(--text-secondary);
  background: var(--surface-2);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-search.residential-results-first .residential-results-actions .client-subscription-secondary-button {
  border-color: var(--border-default);
  color: var(--text-secondary);
  background: var(--surface-2);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs.telegram-client-shell .client-search.telegram-residential-results-first .client-active-filter-chip,
html[data-theme="dark"] body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .client-search.residential-results-first .client-active-filter-chip {
  border-color: var(--accent-fill);
  color: var(--accent-text);
  background: var(--accent-soft);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-search.residential-results-first .residential-results-actions .residential-subscribe-action,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-search.residential-results-first .residential-results-actions .residential-share-action,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-filter-secondary .client-reset {
  border-color: var(--accent-fill);
  color: var(--accent-text);
  background: var(--accent-soft);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-hot-deals-toggle {
  border-color: var(--border-default);
  color: var(--text-secondary);
  background: var(--surface-2);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-hot-deals-toggle[aria-pressed="true"] {
  border-color: var(--accent-text);
  color: var(--accent-contrast);
  background: var(--accent-fill);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-card-actions button:not(.primary),
html[data-theme="dark"] body.public-mode.public-client-tabs .public-card-share-actions button:not(.primary),
html[data-theme="dark"] body.public-mode.public-client-tabs .client-card-actions .telegram-catalog-action {
  border-color: var(--border-default);
  color: var(--text-secondary);
  background: var(--surface-2);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-filter.is-disabled .client-nearby-toggle,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-area-multi.is-disabled .client-area-multi-toggle {
  border-color: var(--disabled-border);
  color: var(--disabled-text);
  background: var(--disabled-bg);
  opacity: 1;
  cursor: not-allowed;
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs button.primary,
html[data-theme="dark"] body.public-mode.public-client-tabs .action-link.primary,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-find,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-apply,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-apply,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-submit,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-message-submit {
  border-color: var(--accent-fill);
  color: var(--accent-contrast);
  background: var(--accent-fill);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs button.primary:hover,
html[data-theme="dark"] body.public-mode.public-client-tabs .action-link.primary:hover,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-find:hover,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-apply:hover,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-apply:hover,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-submit:hover,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-message-submit:hover {
  border-color: var(--accent-hover);
  background: var(--accent-hover);
}

html[data-theme="dark"] body.public-mode.public-client-tabs button.primary:active,
html[data-theme="dark"] body.public-mode.public-client-tabs .action-link.primary:active,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-find:active,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-apply:active,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-apply:active {
  border-color: var(--accent-active);
  background: var(--accent-active);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-property-card,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-card,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-card {
  border-color: var(--border-subtle);
  color: var(--text-primary);
  background: var(--surface-1);
  box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-card-body,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-card-body,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-card-body {
  color: var(--text-primary);
  background: var(--surface-1);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-card-price,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-card-title,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-card-price,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-card-bedroom-range,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-bedroom-range,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-card-price,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-card-body h2,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-card-body h2 {
  color: var(--text-primary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-card-date-badge,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-card-chips span,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-card-chips span,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-feature-chips span,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-card-nid-inline {
  border-color: var(--border-default);
  color: var(--text-secondary);
  background: var(--surface-2);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-icon-action {
  color: var(--text-primary);
  background: rgba(17, 23, 25, 0.94);
  box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-icon-action.is-active {
  color: var(--accent-contrast);
  background: var(--accent-fill);
}

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

html[data-theme="dark"] body.public-mode.public-client-tabs .public-main-info,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-detail-section,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-card-share-actions,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-empty-panel,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-skeleton-detail,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-detail-section,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-detail-section,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-fact,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-unit-card {
  border-color: var(--border-subtle);
  color: var(--text-primary);
  background: var(--surface-1);
  box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-unit-row {
  border-color: var(--border-default);
  color: var(--text-primary);
  background: var(--surface-2);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-unit-row-header {
  color: var(--text-secondary);
  background: var(--surface-1);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-unit-group-title {
  color: var(--text-primary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-main-info h1,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-main-info h2,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-detail-price,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-detail-section h3,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-detail h1,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-detail h2,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-detail h3,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-detail h1,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-detail h2,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-detail h3 {
  color: var(--text-primary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-detail-section p,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-detail p,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-detail p,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-location-text {
  color: var(--text-secondary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-detail-spec,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-spec-pill,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-fact,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-fact {
  border-color: var(--border-default);
  background: var(--surface-2);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-detail-spec span,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-spec-pill span,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-fact span,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-fact span {
  color: var(--text-muted);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-detail-spec strong,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-spec-pill strong,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-fact strong,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-fact strong {
  color: var(--text-primary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-detail > .public-top-feature-chips {
  border-color: var(--border-default);
  background: var(--surface-1);
  box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-detail > .public-top-feature-chips .public-chip,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-detail > .public-top-feature-chips .public-chip.is-secondary {
  border-color: var(--border-default);
  color: var(--text-secondary);
  background: var(--surface-2);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-detail > .public-top-feature-chips .public-chip.is-primary {
  border-color: var(--accent-fill);
  color: var(--text-primary);
  background: var(--accent-soft);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-id-chip,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-ref-chip {
  border-color: var(--border-default);
  color: var(--text-muted);
  background: var(--surface-3);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-id-chip.is-copied,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-ref-chip.is-copied {
  border-color: var(--accent-fill);
  color: var(--accent-text);
  background: var(--accent-soft);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-ref-chip::before,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-detail-date {
  color: var(--text-muted);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-back,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-back,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-back,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-location-open,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-nid-copy {
  border-color: var(--border-default);
  color: var(--accent-text);
  background: var(--surface-1);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-nid-copy.is-copied {
  border-color: var(--accent-text);
  color: var(--accent-text);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .platform-detail-notice,
html[data-theme="dark"] body.public-mode.public-client-tabs .platform-role-notice {
  border-color: var(--border-subtle);
  color: var(--text-secondary);
  background: var(--surface-2);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .platform-detail-notice h3,
html[data-theme="dark"] body.public-mode.public-client-tabs .platform-role-notice h3 {
  color: var(--text-primary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-sticky-cta {
  border-top-color: var(--border-subtle);
  background: rgba(14, 20, 22, 0.96);
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-sticky-cta .public-sticky-share {
  border-color: var(--border-default);
  color: var(--text-secondary);
  background: var(--surface-2);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-sticky-actions {
  border-top-color: var(--border-subtle);
  background: rgba(14, 20, 22, 0.96);
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-sticky-actions .commercial-share {
  border-color: var(--border-default);
  color: var(--text-secondary);
  background: var(--surface-2);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-card-photo-frame,
html[data-theme="dark"] body.public-mode.public-client-tabs .public-card-photo-thumb-button,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-card-media,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-gallery,
html[data-theme="dark"] body.public-mode.public-client-tabs .newdev-card-photo-placeholder {
  border-color: var(--border-subtle);
  background-color: var(--surface-2);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-card-photo-thumb-button.active {
  border-color: var(--accent-contrast);
  outline-color: var(--accent-text);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-overlay,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-overlay,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-map-overlay,
html[data-theme="dark"] body.public-mode.public-client-tabs .mac-share-overlay,
html[data-theme="dark"] body.public-mode.public-client-tabs .preview-modal {
  background: var(--overlay);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-dialog,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-dialog,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-map-dialog,
html[data-theme="dark"] body.public-mode.public-client-tabs .mac-share-dialog {
  border-color: var(--border-default);
  color: var(--text-primary);
  background: var(--app-bg-elevated);
  box-shadow: var(--shadow-md);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-drag-handle::after,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-drag-handle::after {
  background: var(--border-strong);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-header,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-header,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-footer,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-footer,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-controls,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-controls {
  border-color: var(--border-subtle);
  background: var(--app-bg-elevated);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-header h2,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-header h2,
html[data-theme="dark"] body.public-mode.public-client-tabs .mac-share-dialog-title {
  color: var(--text-primary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-close,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-search-clear,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-close,
html[data-theme="dark"] body.public-mode.public-client-tabs .mac-share-dialog-close {
  color: var(--text-secondary);
  background: transparent;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-search input,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-field input,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-field select {
  border-color: var(--input-border);
  color: var(--text-primary);
  background: var(--input-bg);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-clear,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-clear,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-map {
  color: var(--accent-text);
  background: transparent;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-map {
  border-color: var(--accent-fill);
  background: var(--accent-soft);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-all,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-option,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-radius {
  border-color: var(--border-default);
  color: var(--text-secondary);
  background: var(--surface-1);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-all.is-selected,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-option.is-selected,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-radius.is-selected {
  border-color: var(--accent-text);
  color: var(--text-primary);
  background: var(--accent-soft);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-check {
  border-color: var(--border-strong);
  background: var(--input-bg);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-option.is-selected .client-district-picker-check {
  border-color: var(--accent-fill);
  background: var(--accent-fill);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-option.is-limit-reached:not(.is-selected) {
  border-color: var(--disabled-border);
  color: var(--disabled-text);
  background: var(--disabled-bg);
  opacity: 1;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-empty,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-field,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-radius-group legend {
  color: var(--text-secondary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-district-picker-feedback,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-picker-feedback {
  color: var(--warning);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-map-toolbar,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-nearby-map-footer {
  border-color: var(--border-subtle);
  color: var(--text-secondary);
  background: var(--app-bg-elevated);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .google-map-preview-state {
  color: var(--text-secondary);
  background-color: var(--surface-2);
  background-image:
    linear-gradient(rgba(85, 106, 113, 0.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(85, 106, 113, 0.16) 1px, transparent 1px);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .google-map-preview-state.is-error {
  background-color: var(--surface-2);
  background-image: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .google-map-preview-pin {
  border-color: var(--border-default);
  background: var(--surface-1);
}

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

html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-state,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-sent-panel,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-detail-overview,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-detail-section,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-form-section,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-summary-card,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-card {
  border-color: var(--border-subtle);
  color: var(--text-primary);
  background: var(--surface-1);
  box-shadow: var(--shadow-sm);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-card:hover {
  border-color: var(--border-strong);
  background: var(--surface-2);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-refresh-button,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-sent-actions button:not(.primary) {
  border-color: var(--border-default);
  color: var(--text-secondary);
  background: var(--surface-2);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-content-heading,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-detail-type,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-section-title,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-card-title,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-related-copy strong {
  color: var(--text-primary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-list-intro,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-card-summary,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-card-meta,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-sent-copy,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-no-replies,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-contact-note,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-privacy,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-notice,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-related-copy span,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-message-header time {
  color: var(--text-secondary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-choice,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-bedroom-toggle,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-bedroom-option {
  border-color: var(--border-default);
  color: var(--text-secondary);
  background: var(--surface-2);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-choice.is-selected,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-bedroom-option.is-selected {
  border-color: var(--accent-text);
  color: var(--text-primary);
  background: var(--accent-soft);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-field-label,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-budget-input-label,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-bedroom-label,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-bedroom-summary {
  color: var(--text-secondary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-field input,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-field select,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-field textarea,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-composer textarea,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-budget-field input {
  border-color: var(--input-border);
  color: var(--text-primary);
  background: var(--input-bg);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-status {
  border-color: var(--border-default);
  color: var(--text-secondary);
  background: var(--surface-3);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-status.is-reply,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-unread {
  border-color: var(--accent-text);
  color: var(--text-primary);
  background: var(--accent-soft);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-status.is-closed {
  border-color: var(--disabled-border);
  color: var(--disabled-text);
  background: var(--disabled-bg);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-message {
  border-color: var(--border-default);
  color: var(--text-primary);
  background: var(--surface-2);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-message.is-brand {
  border-color: var(--accent-fill);
  background: var(--accent-soft);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-message.is-system {
  border-color: var(--border-subtle);
  color: var(--text-secondary);
  background: var(--app-bg-elevated);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-message p {
  color: inherit;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-privacy,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-platform-role {
  border-color: var(--border-subtle);
  background: var(--surface-2);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-inline-error,
html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-feedback.is-error,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-inline-error,
html[data-theme="dark"] body.public-mode.public-client-tabs .error {
  color: var(--danger);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .request-lite-feedback:not(.is-error),
html[data-theme="dark"] body.public-mode.public-client-tabs .client-subscription-feedback {
  border-color: rgba(77, 208, 190, 0.34);
  color: var(--success);
  background: var(--surface-2);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-subscription-feedback[data-state="hint"] {
  border-color: var(--border-default);
  color: var(--text-secondary);
  background: var(--surface-2);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-subscription-feedback[data-state="error"] {
  border-color: rgba(239, 130, 117, 0.36);
  color: var(--danger);
  background: rgba(91, 35, 31, 0.5);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .empty,
html[data-theme="dark"] body.public-mode.public-client-tabs .error,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-empty,
html[data-theme="dark"] body.public-mode.public-client-tabs .commercial-error,
html[data-theme="dark"] body.public-mode.public-client-tabs .saved-search-subscriptions-empty {
  border-color: var(--border-subtle);
  background: var(--surface-1);
  box-shadow: none;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-skeleton {
  background: var(--skeleton-base);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .public-skeleton::after {
  background: linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb, var(--skeleton-highlight) 88%, transparent),
    transparent
  );
}

html[data-theme="dark"] body.public-mode.public-client-tabs .appearance-entry-button,
html[data-theme="dark"] body.public-mode.public-client-tabs .appearance-option,
html[data-theme="dark"] body.public-mode.public-client-tabs .appearance-dialog {
  border-color: var(--border-default);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .appearance-entry-button,
html[data-theme="dark"] body.public-mode.public-client-tabs .appearance-option {
  color: var(--text-secondary);
  background: var(--surface-1);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .appearance-dialog {
  color: var(--text-primary);
  background: var(--app-bg-elevated);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .appearance-option:hover {
  border-color: var(--border-strong);
  background: var(--surface-2);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .appearance-option.is-selected {
  border-color: var(--accent-text);
  color: var(--text-primary);
  background: var(--accent-soft);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .appearance-radio {
  border-color: var(--border-strong);
  background: var(--input-bg);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .appearance-option.is-selected .appearance-radio {
  border-color: var(--accent-fill);
  background: var(--accent-fill);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .appearance-title,
html[data-theme="dark"] body.public-mode.public-client-tabs .appearance-option-title {
  color: var(--text-primary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .appearance-option-description {
  color: var(--text-secondary);
}

@media (prefers-contrast: more) {
  html[data-theme="dark"] body.public-mode.public-client-tabs {
    --border-subtle: #3B4A4F;
    --border-default: #556A71;
    --text-muted: #A8B4B7;
  }

  html[data-theme="dark"] body.public-mode.public-client-tabs .tab.is-active,
  html[data-theme="dark"] body.public-mode.public-client-tabs .lang-option.is-active,
  html[data-theme="dark"] body.public-mode.public-client-tabs .appearance-option.is-selected {
    border-width: 2px;
  }
}

@media (prefers-reduced-transparency: reduce) {
  html[data-theme="dark"] body.public-mode.public-client-tabs .topbar,
  html[data-theme="dark"] body.public-mode.public-client-tabs .public-web-header,
  html[data-theme="dark"] body.public-mode.public-client-tabs .public-sticky-cta {
    background: var(--app-bg-elevated);
    backdrop-filter: none;
  }
}

html[data-theme="dark"] .seo-initial-content {
  --seo-teal: #159A93;
  --seo-ink: #F4F7F7;
  --seo-muted: #A8B4B7;
  --seo-line: #2A363A;
  color: #F4F7F7;
  background: #0B1012;
}

html[data-theme="dark"] .seo-initial-content .seo-site-header,
html[data-theme="dark"] .seo-initial-content .seo-public-header {
  border-color: #202B2E;
  background: #0E1416;
}

html[data-theme="dark"] .seo-initial-content .seo-brand,
html[data-theme="dark"] .seo-initial-content .seo-page-header h1,
html[data-theme="dark"] .seo-initial-content .seo-section-title,
html[data-theme="dark"] .seo-initial-content .seo-detail h1,
html[data-theme="dark"] .seo-initial-content .seo-not-found h1,
html[data-theme="dark"] .seo-initial-content .seo-listing-price,
html[data-theme="dark"] .seo-initial-content .seo-detail-price {
  color: #F4F7F7;
}

html[data-theme="dark"] .seo-initial-content .seo-page-header p,
html[data-theme="dark"] .seo-initial-content .seo-result-count,
html[data-theme="dark"] .seo-initial-content .seo-listing-reference,
html[data-theme="dark"] .seo-initial-content .seo-detail-description,
html[data-theme="dark"] .seo-initial-content .seo-detail-location,
html[data-theme="dark"] .seo-initial-content .seo-footer-copy,
html[data-theme="dark"] .seo-initial-content .seo-breadcrumbs {
  color: #A8B4B7;
}

html[data-theme="dark"] .seo-initial-content .seo-language-links,
html[data-theme="dark"] .seo-initial-content .seo-category-links,
html[data-theme="dark"] .seo-initial-content .seo-pagination,
html[data-theme="dark"] .seo-initial-content .seo-listing-card,
html[data-theme="dark"] .seo-initial-content .seo-detail,
html[data-theme="dark"] .seo-initial-content .seo-not-found,
html[data-theme="dark"] .seo-initial-content .seo-platform-role-results-notice,
html[data-theme="dark"] .seo-initial-content .seo-platform-role-detail-notice {
  border-color: #2A363A;
  color: #F4F7F7;
  background: #111719;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] .seo-initial-content .seo-listing-body,
html[data-theme="dark"] .seo-initial-content .seo-detail-facts {
  color: #F4F7F7;
  background: #111719;
}

html[data-theme="dark"] .seo-initial-content .seo-detail-facts > *,
html[data-theme="dark"] .seo-initial-content .seo-listing-action,
html[data-theme="dark"] .seo-initial-content .seo-runtime-next-page,
html[data-theme="dark"] .seo-initial-content .seo-back-link {
  border-color: #2A363A;
  color: #159A93;
  background: #161E21;
}

html[data-theme="dark"] .seo-initial-content .seo-language-links a {
  color: #A8B4B7;
}

html[data-theme="dark"] .seo-initial-content .seo-language-links a.is-active {
  color: #FFFFFF;
  background: #0F7E79;
}

html[data-theme="dark"] .seo-initial-content .seo-server-error {
  border-color: #D95C5C;
  color: #D95C5C;
  background: #161E21;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme]) .seo-initial-content {
    --seo-teal: #159A93;
    --seo-ink: #F4F7F7;
    --seo-muted: #A8B4B7;
    --seo-line: #2A363A;
    color: #F4F7F7;
    background: #0B1012;
  }

  html:not([data-theme]) .seo-initial-content .seo-listing-card,
  html:not([data-theme]) .seo-initial-content .seo-detail,
  html:not([data-theme]) .seo-initial-content .seo-not-found {
    border-color: #2A363A;
    color: #F4F7F7;
    background: #111719;
    box-shadow: none;
  }
}

/* Keep the existing Admin workspace independent from the client theme preference. */
html.internal-mode:not([data-theme]) {
  color-scheme: light;
  background: var(--bg);
}

html.internal-mode:not([data-theme]) body {
  color: var(--text);
  background: var(--bg);
}

/* PREMIUM-FILTER-UI-20260725: one responsive client filter presentation. */
body.public-mode.public-client-tabs {
  --filter-polish-surface: #ffffff;
  --filter-polish-surface-muted: #f5f8f7;
  --filter-polish-border: #cfdadb;
  --filter-polish-border-strong: #aebdc0;
  --filter-polish-text: #17383c;
  --filter-polish-text-secondary: #5f7074;
  --filter-polish-accent: #0f766e;
  --filter-polish-accent-soft: #eef8f6;
  --filter-polish-focus: rgba(15, 118, 110, 0.32);
  --filter-polish-overlay: rgba(15, 32, 35, 0.42);
}

body.compact-filter-selector-open {
  overflow: hidden;
}

body.public-mode.public-client-tabs .client-filters.telegram-residential-legacy-filters .client-filter-secondary {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px;
  align-items: stretch;
  padding: 12px 0 0;
}

body.public-mode.public-client-tabs .client-filter-secondary .client-filter {
  min-width: 0;
}

body.public-mode.public-client-tabs .client-filter-secondary select.client-compact-filter-native {
  position: absolute !important;
  width: 1px !important;
  min-width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  white-space: nowrap !important;
}

body.public-mode.public-client-tabs .client-filter-secondary .client-filter > span,
body.public-mode.public-client-tabs .client-compact-filter-label {
  display: block !important;
  position: static;
  width: auto;
  height: auto;
  margin: 0 0 6px;
  color: var(--filter-polish-text-secondary);
  font-size: 12.5px;
  font-weight: 680;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  white-space: normal;
}

body.public-mode.public-client-tabs .client-compact-filter-trigger,
body.public-mode.public-client-tabs .client-price-range-group .client-price-range-input,
body.public-mode.public-client-tabs .client-hot-deals-toggle {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  min-height: 48px;
  border: 1px solid var(--filter-polish-border);
  border-radius: 8px;
  color: var(--filter-polish-text);
  background: var(--filter-polish-surface);
  box-shadow: none;
  font-size: 14px;
  line-height: 1.2;
}

body.public-mode.public-client-tabs .client-compact-filter-trigger {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  text-align: left;
}

body.public-mode.public-client-tabs .client-compact-filter-summary {
  min-width: 0;
  overflow: hidden;
  color: inherit;
  font: inherit;
  font-weight: 680;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.public-mode.public-client-tabs .client-compact-filter-chevron {
  width: 8px;
  height: 8px;
  justify-self: end;
  border-right: 2px solid var(--filter-polish-text-secondary);
  border-bottom: 2px solid var(--filter-polish-text-secondary);
  transform: rotate(45deg) translateY(-2px);
  transform-origin: center;
}

body.public-mode.public-client-tabs .client-compact-filter-trigger[aria-expanded="true"] {
  border-color: var(--filter-polish-accent);
  background: var(--filter-polish-accent-soft);
}

body.public-mode.public-client-tabs .client-compact-filter-trigger[aria-expanded="true"] .client-compact-filter-chevron {
  border-color: var(--filter-polish-accent);
  transform: rotate(225deg) translate(-1px, -1px);
}

body.public-mode.public-client-tabs .client-price-range-group {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.public-mode.public-client-tabs .client-price-range-group .client-price-range-input {
  padding: 0 14px;
  font-weight: 650;
}

body.public-mode.public-client-tabs .client-price-range-group .client-price-range-input::placeholder {
  color: #879599;
  opacity: 1;
}

body.public-mode.public-client-tabs .client-price-range-group .client-filter.is-invalid .client-price-range-input {
  border-color: #a94940;
}

body.public-mode.public-client-tabs .client-sort-mode-row {
  grid-column: 1 / -1;
  order: 12;
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: end;
  gap: 8px;
}

body.public-mode.public-client-tabs .client-sort-mode-row .client-filter[data-filter-name="sort"] {
  grid-column: auto;
}

body.public-mode.public-client-tabs .client-sort-mode-row .client-compact-filter-trigger {
  gap: 6px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 13px;
}

body.public-mode.public-client-tabs .client-hot-deals-toggle {
  align-self: end;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 680;
  white-space: normal;
}

body.public-mode.public-client-tabs .client-hot-deals-toggle[aria-pressed="true"] {
  border-color: var(--filter-polish-accent);
  color: #ffffff;
  background: var(--filter-polish-accent);
}

body.public-mode.public-client-tabs .client-compact-filter-trigger:focus-visible,
body.public-mode.public-client-tabs .client-price-range-input:focus-visible,
body.public-mode.public-client-tabs .client-hot-deals-toggle:focus-visible,
body.public-mode.public-client-tabs .client-compact-selector-dialog button:focus-visible,
body.public-mode.public-client-tabs .residential-results-actions button:focus-visible {
  outline: 3px solid var(--filter-polish-focus);
  outline-offset: 2px;
}

body.public-mode.public-client-tabs .client-compact-filter-trigger:disabled,
body.public-mode.public-client-tabs .client-price-range-input:disabled,
body.public-mode.public-client-tabs .client-hot-deals-toggle:disabled {
  border-color: #d6dede;
  color: #829094;
  background: #eef1f1;
  cursor: not-allowed;
}

body.public-mode.public-client-tabs .client-live-count {
  min-height: 44px;
  box-sizing: border-box;
  align-content: center;
  margin-right: 0;
  margin-left: 0;
  border-radius: 8px;
}

body.public-mode.public-client-tabs .client-active-filters {
  gap: 8px;
  margin-right: 0;
  margin-left: 0;
}

body.public-mode.public-client-tabs .client-active-filter-chip {
  min-height: 44px;
  box-sizing: border-box;
}

body.public-mode.public-client-tabs .client-search.residential-results-first .residential-results-actions {
  margin-right: 0;
  margin-left: 0;
}

body.public-mode.public-client-tabs .client-search.residential-results-first .residential-results-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.public-mode.public-client-tabs .client-search.residential-results-first .residential-results-actions .client-subscription-secondary-button {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.2;
  white-space: normal;
}

body.public-mode.public-client-tabs .client-compact-selector-overlay {
  position: fixed;
  z-index: 1250;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-top: max(16px, env(safe-area-inset-top));
  background: var(--filter-polish-overlay);
  box-sizing: border-box;
}

body.public-mode.public-client-tabs .client-compact-selector-dialog {
  display: grid;
  width: 100%;
  max-height: 74vh;
  max-height: 74dvh;
  grid-template-rows: auto auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--filter-polish-border);
  border-bottom: 0;
  border-radius: 18px 18px 0 0;
  color: var(--filter-polish-text);
  background: var(--filter-polish-surface);
  box-shadow: 0 -18px 46px rgba(15, 32, 35, 0.2);
  box-sizing: border-box;
}

body.public-mode.public-client-tabs .client-compact-selector-drag-handle {
  width: 48px;
  height: 20px;
  margin: 0 auto;
  touch-action: none;
}

body.public-mode.public-client-tabs .client-compact-selector-drag-handle::after {
  display: block;
  width: 34px;
  height: 4px;
  margin: 8px auto;
  border-radius: 999px;
  background: var(--filter-polish-border-strong);
  content: "";
}

body.public-mode.public-client-tabs .client-compact-selector-header {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 14px 10px;
  border-bottom: 1px solid var(--filter-polish-border);
}

body.public-mode.public-client-tabs .client-compact-selector-header h2 {
  min-width: 0;
  margin: 0;
  color: var(--filter-polish-text);
  font-size: 19px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
}

body.public-mode.public-client-tabs .client-compact-selector-close {
  display: inline-flex;
  flex: 0 0 44px;
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: var(--filter-polish-text-secondary);
  background: transparent;
  box-shadow: none;
  font-size: 24px;
  line-height: 1;
}

body.public-mode.public-client-tabs .client-compact-selector-scroller {
  min-height: 0;
  padding: 8px 14px calc(14px + env(safe-area-inset-bottom));
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

body.public-mode.public-client-tabs .client-compact-selector-options {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

body.public-mode.public-client-tabs .client-compact-selector-option {
  display: grid;
  width: 100%;
  min-width: 0;
  min-height: 52px;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 0;
  border-bottom: 1px solid var(--filter-polish-border);
  border-radius: 0;
  color: var(--filter-polish-text);
  background: transparent;
  box-shadow: none;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.25;
  text-align: left;
}

body.public-mode.public-client-tabs .client-compact-selector-option:last-child {
  border-bottom: 0;
}

body.public-mode.public-client-tabs .client-compact-selector-option.is-selected {
  color: var(--filter-polish-accent);
  background: var(--filter-polish-accent-soft);
}

body.public-mode.public-client-tabs .client-compact-selector-check {
  position: relative;
  width: 18px;
  height: 18px;
  border: 1px solid var(--filter-polish-border-strong);
  border-radius: 50%;
  background: var(--filter-polish-surface);
  box-sizing: border-box;
}

body.public-mode.public-client-tabs .client-compact-selector-option.is-selected .client-compact-selector-check {
  border-color: var(--filter-polish-accent);
  background: var(--filter-polish-accent);
}

body.public-mode.public-client-tabs .client-compact-selector-option.is-selected .client-compact-selector-check::after {
  position: absolute;
  top: 3px;
  left: 5px;
  width: 5px;
  height: 8px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(45deg);
  content: "";
}

body.public-mode.public-client-tabs .client-compact-selector-option-label {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (min-width: 900px) {
  body.public-mode.public-client-tabs .client-compact-selector-overlay[data-presentation="popover"] {
    display: block;
    padding: 0;
    background: transparent;
  }

  body.public-mode.public-client-tabs .client-compact-selector-overlay[data-presentation="popover"] .client-compact-selector-dialog {
    position: fixed;
    top: var(--compact-selector-top);
    left: var(--compact-selector-left);
    width: var(--compact-selector-width);
    max-height: min(520px, calc(100vh - 32px));
    border-bottom: 1px solid var(--filter-polish-border);
    border-radius: 8px;
    box-shadow: 0 18px 42px rgba(15, 32, 35, 0.18);
  }

  body.public-mode.public-client-tabs .client-compact-selector-overlay[data-presentation="popover"] .client-compact-selector-drag-handle {
    display: none;
  }

  body.public-mode.public-client-tabs .client-compact-selector-overlay[data-presentation="popover"] .client-compact-selector-header {
    padding-top: 10px;
  }
}

@media (min-width: 1024px) {
  body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .client-filters.telegram-residential-legacy-filters .client-filter-secondary,
  body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .client-filters.telegram-residential-legacy-filters.is-expanded .client-filter-secondary {
    grid-template-columns:
      minmax(190px, 0.9fr)
      minmax(280px, 1.35fr)
      minmax(300px, 1.4fr) !important;
    gap: 12px;
    align-items: end;
  }

  body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .client-filter-secondary .client-filter[data-filter-name="bedrooms"],
  body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .client-price-range-group,
  body.public-mode.public-client-tabs.browser-public-mode.public-web-shell .client-sort-mode-row {
    grid-column: auto !important;
  }
}

@media (max-width: 374px) {
  body.public-mode.public-client-tabs .client-sort-mode-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 319px) {
  body.public-mode.public-client-tabs .client-price-range-group,
  body.public-mode.public-client-tabs .client-search.residential-results-first .residential-results-action-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

html[data-theme="dark"] body.public-mode.public-client-tabs {
  --filter-polish-surface: var(--surface-2);
  --filter-polish-surface-muted: var(--surface-1);
  --filter-polish-border: var(--border-default);
  --filter-polish-border-strong: var(--border-strong);
  --filter-polish-text: var(--text-primary);
  --filter-polish-text-secondary: var(--text-secondary);
  --filter-polish-accent: var(--accent-text);
  --filter-polish-accent-soft: var(--accent-soft);
  --filter-polish-focus: rgba(21, 154, 147, 0.36);
  --filter-polish-overlay: var(--overlay);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-compact-filter-trigger,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-price-range-group .client-price-range-input,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-hot-deals-toggle {
  border-color: var(--input-border);
  color: var(--text-primary);
  background: var(--input-bg);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-price-range-group .client-price-range-input::placeholder {
  color: var(--text-muted);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-compact-filter-trigger[aria-expanded="true"] {
  border-color: var(--accent-text);
  background: var(--accent-soft);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-hot-deals-toggle[aria-pressed="true"] {
  border-color: var(--accent-text);
  color: var(--accent-contrast);
  background: var(--accent-fill);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-compact-filter-trigger:disabled,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-price-range-input:disabled,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-hot-deals-toggle:disabled {
  border-color: var(--disabled-border);
  color: var(--disabled-text);
  background: var(--disabled-bg);
  opacity: 1;
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-compact-selector-dialog {
  border-color: var(--border-default);
  color: var(--text-primary);
  background: var(--app-bg-elevated);
  box-shadow: var(--shadow-md);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-compact-selector-header,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-compact-selector-option {
  border-color: var(--border-subtle);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-compact-selector-header h2,
html[data-theme="dark"] body.public-mode.public-client-tabs .client-compact-selector-option {
  color: var(--text-primary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-compact-selector-close {
  color: var(--text-secondary);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-compact-selector-drag-handle::after {
  background: var(--border-strong);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-compact-selector-option.is-selected {
  color: var(--accent-text);
  background: var(--accent-soft);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-compact-selector-check {
  border-color: var(--border-strong);
  background: var(--input-bg);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-compact-selector-option.is-selected .client-compact-selector-check {
  border-color: var(--accent-fill);
  background: var(--accent-fill);
}

html[data-theme="dark"] body.public-mode.public-client-tabs .client-price-range-group .client-price-range-input:-webkit-autofill {
  -webkit-text-fill-color: var(--text-primary);
  box-shadow: 0 0 0 1000px var(--input-bg) inset;
}