/* ============================================================
   UI-CONSISTENCY-C2.2 — Realty detail surface polish
   Scoped under `.detail-section.feature-realty-detail`.
   ============================================================ */

.detail-section.feature-realty-detail > .container {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
}

.detail-section.feature-realty-detail .detail-quickfacts .container {
  padding: var(--space-4) var(--space-4);
  background: var(--color-bg-elevated);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xs);
}

.detail-section.feature-realty-detail .detail-description .desc-card,
.detail-section.feature-realty-detail .detail-specs .specs-card,
.detail-section.feature-realty-detail .detail-features .features-card,
.detail-section.feature-realty-detail .detail-stats .stats-card,
.detail-section.feature-realty-detail .detail-owner-actions .owner-card {
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

/* Canonical horizontal rhythm: cooperation / property-deals / owner-actions
   share the same Bootstrap container → row composition as Description /
   Location / Characteristics. Do not override container or row width —
   Bootstrap gutters/negative margins remain authoritative. */
.detail-section.feature-realty-detail > .detail-cooperation .container > .row,
.detail-section.feature-realty-detail > .property-deals-workspace .container > .row,
.detail-section.feature-realty-detail > .detail-owner-actions .container > .row {
  justify-content: flex-start !important;
}

.detail-section.feature-realty-detail .detail-cooperation__card,
.detail-section.feature-realty-detail .property-deals-workspace__surface,
.detail-section.feature-realty-detail .detail-owner-actions .owner-card,
.detail-section.feature-realty-detail .detail-owner-actions .actions-panel {
  box-sizing: border-box;
  margin-inline: 0;
  max-width: 100%;
  width: 100%;
}

.detail-section.feature-realty-detail .detail-owner-actions .actions-panel {
  height: 100%;
}

.detail-section.feature-realty-detail .section-title {
  margin-top: var(--space-5);
  margin-bottom: var(--space-3);
}

.detail-section.feature-realty-detail .detail-description,
.detail-section.feature-realty-detail .detail-location,
.detail-section.feature-realty-detail .detail-specs,
.detail-section.feature-realty-detail .detail-features,
.detail-section.feature-realty-detail .detail-stats,
.detail-section.feature-realty-detail .detail-owner-actions {
  padding-top: var(--space-2);
  padding-bottom: var(--space-4);
}

.detail-section.feature-realty-detail .detail-quickfacts .quickfact-list li {
  min-height: 2.25rem;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.detail-section.feature-realty-detail .detail-quickfacts .quickfact-list li:focus-within {
  border-color: var(--color-accent);
}

.detail-section.feature-realty-detail > .container:has(.ui-empty),
.detail-section.feature-realty-detail > .container:has([role="status"]) {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 280px;
}

@media (max-width: 767px) {
  .detail-section.feature-realty-detail .detail-quickfacts .container {
    padding: var(--space-3);
  }

  .detail-section.feature-realty-detail .section-title {
    font-size: var(--font-size-xl, 1.25rem);
  }
}