/* PropApex header only. Keep map controls and data behavior unchanged. */
.app > header,
.app.tlt-ui-ready > header {
  --pa-red: #e3191f;
  background: var(--pa-red);
  color: #fff;
  border-bottom: 1px solid rgba(120, 0, 7, .2);
  box-shadow: 0 3px 14px rgba(64, 12, 15, .12);
  gap: 14px;
  padding: 10px 24px;
  min-height: 72px;
}
.app > header .brand,
.app.tlt-ui-ready > header .brand {
  background: transparent;
  border: 0;
  margin: 0 6px 0 0;
  padding: 0;
  align-self: center;
}
.app > header .propapex-brand-home { width: 172px; background: var(--pa-red); }
.app > header .tabs { gap: 4px; align-items: center; }
.app > header .tab {
  color: #fff;
  background: transparent;
  border: 0;
  border-radius: 8px;
  padding: 12px 14px;
  font-weight: 500;
  transition: background .15s;
}
.app > header .tab:hover { background: rgba(100, 0, 6, .18); }
.app > header .tab.active { background: #b70f16; color: #fff; border-radius: 8px; font-weight: 700; }
.app.tlt-ui-ready > header .searchbar {
  background: #fff;
  border: 1px solid rgba(120, 0, 7, .15);
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(90, 0, 8, .08);
  padding: 4px 4px 4px 14px;
}
.app.tlt-ui-ready > header .searchbar:focus-within { border-color: #fff; box-shadow: 0 0 0 3px rgba(255,255,255,.35); }
.app.tlt-ui-ready > header .searchbar input { color: #24242b; }
.app.tlt-ui-ready > header .searchbar input::placeholder { color: #73737c; }
.app.tlt-ui-ready > header .searchbar #searchBtn { background: #b70f16; color: #fff; border-radius: 7px; padding: 9px 17px; }
.app.tlt-ui-ready > header .searchbar #searchBtn:hover { background: #940b11; }
.app > header .tlt-disclosure > summary,
.app > header .outline {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 8px;
  box-shadow: none;
  font-weight: 600;
}
.app > header .tlt-disclosure > summary:hover,
.app > header .outline:hover { background: rgba(100,0,6,.16); }
.app > header .tlt-disclosure[open] > summary,
.app > header .tlt-filters--active > summary { background: #b70f16; color: #fff; border-color: rgba(255,255,255,.65); }
.app > header .tlt-filters__count { background: #fff; color: #b70f16; }
.app > header .primary { background: #fff; color: #b70f16; border: 1px solid #fff; border-radius: 8px; box-shadow: none; font-weight: 700; }
.app > header .primary:hover { background: #fff0f0; color: #940b11; }
.app > header button:focus-visible,
.app > header summary:focus-visible,
.app > header .propapex-brand-home:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.app > header .tlt-tool-panel,
.app > header .summary { color: #24242b; }
@media (max-width: 1400px) {
  .app.tlt-ui-ready > header { gap: 10px; padding: 10px 16px; }
  .app > header .propapex-brand-home { width: 150px; }
  .app > header .tab { padding: 11px 10px; }
}
@media (max-width: 720px) {
  .app.tlt-ui-ready > header { gap: 7px; padding: 8px 10px; min-height: 62px; }
  .app.tlt-ui-ready > header .brand { margin: 0; }
  .app > header .propapex-brand-home { width: 110px; }
  .app.tlt-ui-ready > header .searchbar { padding: 3px; border-radius: 8px; }
  .app.tlt-ui-ready > header .searchbar #searchBtn { padding: 8px 10px; }
}
@media (prefers-reduced-motion: reduce) { .app > header .tab { transition: none; } }

/* Property panel shares the red brand; status dots retain their meaning. */
.app.tlt-ui-ready .side { border: 1px solid #e3191f; border-radius: 12px; box-shadow: 0 4px 20px rgba(90,0,8,.12); }
.app.tlt-ui-ready .side .side-head { background: #e3191f; color: #fff; border-bottom: 0; }
.app.tlt-ui-ready .side .side-head h2,
.app.tlt-ui-ready .side .count { color: #fff; }
.app.tlt-ui-ready .side .segmented { background: #b70f16; padding: 4px; border-radius: 8px; }
.app.tlt-ui-ready .side .segmented button { color: #fff; background: transparent; border-radius: 6px; }
.app.tlt-ui-ready .side .segmented button:hover { background: rgba(255,255,255,.12); }
.app.tlt-ui-ready .side .segmented button.active { background: #fff; color: #b70f16; box-shadow: 0 1px 4px rgba(90,0,8,.1); }
.app.tlt-ui-ready .side .cards { background: #fff5f5; }
.app.tlt-ui-ready .side .card { border: 1px solid #f0d3d5; border-radius: 10px; background: #fff; }
.app.tlt-ui-ready .side .card:hover,
.app.tlt-ui-ready .side .card.active { background: #fffafa; border-color: #e3191f; box-shadow: inset 0 0 0 1px #e3191f; }
.app.tlt-ui-ready .side .price { color: #b70f16; }
.app.tlt-ui-ready .side .thumb { border-radius: 7px; }
.app.tlt-ui-ready .side .card-foot { border-top-color: #f3dfe0; }
.app.tlt-ui-ready .side .source { background: #fff0f0; color: #933039; border-radius: 4px; }
.app.tlt-ui-ready .side .tlt-sheet-toggle { background: #fff; color: #b70f16; border: 1px solid rgba(255,255,255,.6); border-radius: 8px; box-shadow: none; }
.app.tlt-ui-ready .side .segmented button:focus-visible,
.app.tlt-ui-ready .side .tlt-sheet-toggle:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }