.map-explorer { border: 1px solid #e0e6dc; border-radius: 16px; overflow: hidden; display: grid; grid-template-columns: 285px minmax(0,1fr); height: 670px; box-shadow: 0 9px 38px #28492d08; }
.map-sidebar { background: white; display: flex; flex-direction: column; min-height: 0; border-right: 1px solid #e2e8df; }
.sidebar-top { padding: 26px 23px 21px; }
.sidebar-top .eyebrow { color: #879083; font-size: 9px; letter-spacing: 1.7px; }
.sidebar-top h2 { margin: 10px 0 22px; font-size: 22px; letter-spacing: -.7px; }
.barrio-search { display: flex; align-items: center; border: 1px solid #dfe5db; border-radius: 8px; padding: 10px 11px; gap: 8px; background: #fdfefb; }
.barrio-search .icon { width: 16px; height: 16px; color: #798b72; }
.barrio-search input { border: 0; background: transparent; padding: 0; width: 100%; min-width: 0; font-size: 12px; color: #334b36; }
.barrio-search input:focus { outline: none; }
.barrio-search:focus-within { outline: 2px solid #719568; outline-offset: 3px; }
.barrio-search kbd { color: #8c9b83; font-size: 16px; }
.stays-filter { display: flex; align-items: center; gap: 8px; font-size: 11px; color: #68745f; margin-top: 17px; cursor: pointer; }
.stays-filter input { accent-color: #2a553a; margin: 0; width: 13px; height: 13px; }
.barrio-directory { display: flex; flex-direction: column; overflow: hidden; flex: 1; min-height: 0; }
.barrio-directory summary { display: flex; justify-content: space-between; list-style: none; padding: 12px 23px; background: #f7f9f4; border-top: 1px solid #edf0e8; border-bottom: 1px solid #edf0e8; color: #879180; font-size: 10px; cursor: pointer; }
.barrio-directory summary::-webkit-details-marker { display: none; }
.barrio-list { overflow-y: auto; scrollbar-width: thin; scrollbar-color: #ccd5c4 transparent; max-height: 355px; padding: 8px 10px; }
.barrio-row { border: 0; background: transparent; width: 100%; text-align: left; display: flex; align-items: center; justify-content: space-between; border-radius: 7px; gap: 10px; padding: 12px 13px; color: #344b39; }
.barrio-row > span:first-child { display: flex; flex-direction: column; gap: 4px; }
.barrio-row strong { font-weight: 500; font-size: 12px; }
.barrio-row small { font-size: 10px; color: #91998b; }
.barrio-row .row-arrow { font-size: 15px; color: #8a9c7e; opacity: 0; }
.barrio-row:hover { background: #f5f8ef; }
.barrio-row.is-selected { background: #edf3e7; }
.barrio-row.is-selected strong { color: #234c32; font-weight: 650; }
.barrio-row.is-selected .row-arrow, .barrio-row:hover .row-arrow { opacity: 1; }
.barrio-row:disabled { cursor: wait; }
.no-barrios { font-size: 12px; color: #798472; padding: 22px; }
.sidebar-bottom { font-size: 9px; color: #78876f; padding: 17px 23px; margin-top: auto; border-top: 1px solid #edf0e8; line-height: 1.8; }
.sidebar-bottom p { margin: 6px 0 0; color: #a0a797; font-size: 9px; }
.map-legend-swatch { display: inline-block; width: 9px; height: 9px; border-radius: 2px; background: #cadbc2; border: 1px solid #a5b99a; margin-right: 6px; }
.map-stage { position: relative; background: #f2f3ea; min-width: 0; isolation: isolate; }
.asuncion-map { height: 100%; width: 100%; background: #f3f2e9; z-index: 0; font-family: inherit; }
.map-title-chip { position: absolute; top: 22px; left: 24px; z-index: 500; border: 1px solid #e2e6d8; background: #fffffff5; border-radius: 9px; box-shadow: 0 3px 16px #263d2310; display: flex; align-items: center; gap: 10px; padding: 12px 16px; font-size: 10px; letter-spacing: 1.3px; font-weight: 650; color: #34533d; pointer-events: none; }
.map-title-chip small { display: block; font-size: 8px; color: #98a08d; font-weight: 400; letter-spacing: .7px; margin-top: 3px; }
.map-live-dot { background: #6f935d; width: 7px; height: 7px; border-radius: 50%; }
.map-tools { position: absolute; top: 22px; right: 22px; z-index: 500; display: grid; border-radius: 8px; box-shadow: 0 3px 15px #263d2310; border: 1px solid #dde4d3; background: white; overflow: hidden; }
.map-tools button { width: 39px; height: 39px; border: 0; border-bottom: 1px solid #e9eddf; font-size: 22px; color: #3f5c3a; background: white; }
.map-tools button:last-child { border: 0; }
.map-tools button:hover { background: #f2f7eb; }
.map-tools .icon { width: 17px; height: 17px; }
.map-north { position: absolute; top: 163px; right: 32px; z-index: 500; display: grid; text-align: center; color: #6a7e5f; font-size: 26px; line-height: 1.2; pointer-events: none; }
.map-north span { font-size: 9px; font-weight: 600; }
.map-hint { position: absolute; left: 23px; bottom: 38px; background: #fffffff2; padding: 18px 22px; display: flex; gap: 14px; align-items: center; color: #7c8973; border: 1px solid #dfe7d6; border-radius: 10px; z-index: 500; font-size: 11px; line-height: 1.7; box-shadow: 0 4px 25px #23432a0b; pointer-events: none; }
.map-hint strong { font-size: 14px; font-weight: 550; color: #3b573a; }
.map-hint .icon { width: 30px; height: 30px; color: #638a53; }
.map-interaction-tip { position: absolute; bottom: 14px; left: 24px; z-index: 500; font-size: 8px; color: #7c8a74; pointer-events: none; }
.map-loading { position: absolute; inset: 0; z-index: 600; background: #f4f5ed; display: flex; align-items: center; justify-content: center; gap: 12px; color: #6c805e; font-size: 12px; padding: 28px; }
.loading-orbit { display: block; width: 20px; height: 20px; border: 1.5px solid #d5dfca; border-top-color: #4d7440; border-radius: 50%; animation: map-orbit 1s linear infinite; }
@keyframes map-orbit { to { transform: rotate(360deg); } }
.map-error { text-align: center; }
.barrio-inspector { position: absolute; left: 23px; bottom: 38px; width: 310px; padding: 22px; background: #fff; border: 1px solid #e1e8d9; border-radius: 12px; z-index: 550; box-shadow: 0 6px 30px #2a4b2517; }
.inspector-close { position: absolute; right: 12px; top: 10px; border: 0; background: transparent; color: #889981; font-size: 23px; width: 27px; height: 27px; }
.barrio-inspector .eyebrow { font-size: 8px; color: #94a185; letter-spacing: 1.4px; }
.barrio-inspector h2 { font-size: 26px; letter-spacing: -.8px; color: #2d5135; margin: 9px 0 12px; padding-right: 12px; }
.selected-metrics { display: flex; gap: 10px; flex-wrap: wrap; color: #8a977f; font-size: 9px; padding-bottom: 12px; border-bottom: 1px solid #edf1e7; }
.barrio-inspector > p { color: #7b8872; font-size: 11px; line-height: 1.8; margin: 12px 0 17px; }
#selected-actions { display: flex; flex-direction: column; align-items: start; gap: 9px; }
#selected-actions .button { width: 100%; background: #31583b; font-size: 11px; padding: 12px 18px; }
.inspector-price { font-size: 9px; color: #8e9a82; align-self: center; }
.inspector-guide { color: #526e43; font-size: 10px; margin-top: 3px; }
.barrio-map-label { text-align: center; color: #74856a; font-size: 9px; letter-spacing: .1px; font-weight: 550; line-height: 1.2; text-shadow: 0 1px 2px #ffffffe6, 1px 0 2px #ffffffe6, -1px 0 2px #ffffffe6; max-width: 130px; }
.barrio-map-label.has-stays { color: #285337; font-weight: 650; }
.barrio-map-label small { display: block; font-size: 8px; color: #628451; margin-top: 4px; }
.barrio-label-anchor.map-label-hidden { display: none; }
.barrio-hover-tooltip { border: 1px solid #d6e0cb; color: #315a36; padding: 6px 10px; border-radius: 5px; font: 11px LocalSans, sans-serif; box-shadow: 0 2px 10px #23432a12; }
.asuncion-map .leaflet-control-attribution { background: #ffffffc9; color: #839079; font-size: 8px; padding: 3px 7px; }
.asuncion-map .leaflet-control-attribution a { color: #5a7650; }
.asuncion-map .leaflet-interactive:focus { outline: none; stroke: #1f5132; stroke-width: 3; }
.map-provenance { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 19px 1px; font-size: 9px; color: #a0a796; }
.map-provenance > div { display: flex; gap: 10px; align-items: start; max-width: 730px; }
.map-provenance .icon { width: 16px; height: 16px; color: #91a282; }
.map-provenance p { margin: 0; line-height: 1.8; }
.map-provenance a { color: #6f8460; }
.map-provenance > a { white-space: nowrap; }
.map-selection-status { color: #7e8c73; font-size: 11px; margin: 13px 0 0; }
.map-selection-status:empty { display: none; }
.broader-areas { margin: 15px 0 42px; border: 1px solid #e5e9df; border-radius: 10px; padding: 22px 25px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.broader-areas h2 { font-size: 17px; margin: 0 0 7px; letter-spacing: -.3px; }
.broader-areas p { color: #8b9582; font-size: 11px; margin: 0; max-width: 710px; line-height: 1.8; }
.broader-areas .soft-button { white-space: nowrap; }
.neighborhood-location { display: grid; place-items: center; flex: 0 0 115px; min-height: 145px; background: #edf2e9; color: #4b7045; border-radius: 9px; }
.neighborhood-location .icon { width: 35px; height: 35px; }
@media(min-width:1400px) { .map-explorer { height: 720px; } .barrio-list { max-height: 405px; } }
@media(max-width:1050px) { .map-explorer { grid-template-columns: 245px minmax(0,1fr); } .sidebar-top { padding: 23px 18px; } .barrio-inspector { width: 280px; } }
@media(max-width:780px) {
  .map-explorer { grid-template-columns: 1fr; height: auto; }
  .map-sidebar { border-right: 0; border-bottom: 1px solid #e2e8df; }
  .sidebar-top { padding: 20px; display: grid; grid-template-columns: 1fr auto; gap: 8px 18px; align-items: center; }
  .sidebar-top > .eyebrow, .sidebar-top > h2 { display: none; }
  .barrio-search { min-width: 0; }
  .stays-filter { margin: 0; font-size: 10px; }
  .barrio-directory summary { padding: 10px 20px; }
  .barrio-list { max-height: 200px; }
  .sidebar-bottom { display: none; }
  .map-stage { height: 600px; }
  .map-provenance { flex-direction: column; align-items: start; gap: 8px; }
  .broader-areas { flex-direction: column; align-items: start; gap: 17px; margin-bottom: 30px; }
}
@media(max-width:480px) {
  .sidebar-top { grid-template-columns: 1fr; gap: 13px; padding: 17px; }
  .map-stage { height: 570px; }
  .map-title-chip { left: 14px; top: 14px; padding: 11px 12px; }
  .map-tools { right: 14px; top: 14px; }
  .map-tools button { height: 35px; width: 35px; }
  .map-north { right: 23px; top: 138px; }
  .map-hint { left: 14px; bottom: 38px; padding: 15px 17px; }
  .barrio-inspector { left: 14px; right: 14px; bottom: 35px; width: auto; padding: 18px; }
  .barrio-inspector h2 { font-size: 24px; margin-bottom: 9px; }
  .barrio-inspector > p { font-size: 10px; line-height: 1.7; margin: 10px 0 14px; }
  .map-interaction-tip { font-size: 7px; left: 15px; bottom: 15px; }
  .barrio-map-label { font-size: 8px; }
  .map-provenance > div { font-size: 8px; }
}
@media(prefers-reduced-motion:reduce) { .loading-orbit { animation: none; } }
.asuncion-map .leaflet-control-scale-line { border-color: #8b9c7c; color: #6f8361; background: #ffffffe0; font-size: 8px; border-width: 1px; line-height: 1.2; }