/* Rynek layout intentionally uses the original MIRA geometry from styles.css
   and theme-light.css. Keep this file free of layout overrides so the test branch
   cannot change the established desktop/mobile arrangement. */

/* Lekka korekta wyrównania sekcji w Rynek
   - bez zmiany układu
   - tylko lepsze dociągnięcie kart i odstępów */

.browser-top-grid,
.browser-bottom-grid {
  align-items: stretch;
  gap: 18px;
}

.browser-stack {
  min-width: 0;
}

.browser-map-stack,
.browser-investments-stack,
.browser-apartments-stack,
.browser-selected-stack {
  height: 100%;
}

.browser-map-stack > .panel,
.browser-investments-stack > .browser-table-card,
.browser-apartments-stack > #browser-apartments > .table-card,
.browser-selected-stack > #browser-selected-apartment > .detail-card,
.browser-selected-stack > #browser-selected-apartment > .panel {
  height: 100%;
  margin-bottom: 0;
}

.browser-investments-stack {
  display: flex;
  flex-direction: column;
}

.browser-investments-stack > .browser-table-card {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.browser-investments-stack > .browser-table-card .browser-table-wrap {
  flex: 1;
  min-height: 0;
}

.browser-apartments-stack {
  display: flex;
  flex-direction: column;
}

.browser-apartments-stack > #browser-apartments {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.browser-apartments-stack > #browser-apartments > .table-card {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.browser-apartments-stack > #browser-apartments > .table-card .browser-table-wrap {
  flex: 1;
  min-height: 0;
}

.browser-selected-stack {
  display: flex;
  flex-direction: column;
}

.browser-selected-stack > #browser-selected-apartment {
  flex: 1;
  display: flex;
}

.browser-selected-stack > #browser-selected-apartment > .detail-card,
.browser-selected-stack > #browser-selected-apartment > .panel {
  flex: 1;
}

.browser-section-top {
  margin-top: 18px;
}

#browser-investment-summary .mini-grid,
#browser-selected-apartment .mini-grid {
  align-items: stretch;
}

#browser-investment-summary .mini-card,
#browser-selected-apartment .mini-card {
  height: 100%;
}
