/* JTMS owner rental listings — isolated styles. */
.map-type-legend {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  max-width: min(330px, calc(100% - 24px));
}
.map-type-legend .map-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.map-type-legend .map-legend-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  flex: 0 0 10px;
  box-shadow: 0 0 0 2px rgba(255,253,248,.9);
}
.map-type-legend .map-legend-review { background: #ff5a36; }
.map-type-legend .map-legend-listing { background: #2f9e63; }

.owner-listing-chip { border-color: rgba(47,158,99,.3); }
.owner-listing-detail { display: grid; gap: 16px; }
.owner-listing-owner { margin: 0; }
.owner-listing-facts,
.owner-listing-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 8px 14px;
}
.owner-listing-facts > span,
.owner-listing-features > span {
  padding: 9px 10px;
  border: 1px solid rgba(23,23,23,.1);
  border-radius: 10px;
  background: rgba(255,255,255,.55);
}
.owner-listing-contact { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; }
.owner-listing-contact strong { width: 100%; }
.owner-listing-contact a { overflow-wrap: anywhere; }

.owner-listing-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.owner-listing-owned-card { gap: 12px; }
.owner-listing-form { display: grid; gap: 16px; }
.owner-listing-form-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}
.owner-listing-form-head h3 { margin: 0 0 5px; }
.owner-listing-form-head p { margin: 0; font-size: 12px; opacity: .72; max-width: 560px; }
.owner-listing-section {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(23,23,23,.11);
  border-radius: 16px;
  background: rgba(255,255,255,.5);
}
.owner-listing-section h4 { margin: 0; }
.owner-listing-section label { display: grid; gap: 6px; }
.owner-listing-grid,
.owner-listing-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}
.owner-listing-address-search { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
.owner-listing-geocode-results { display: grid; gap: 7px; }
.owner-listing-geocode-result {
  appearance: none;
  border: 1px solid rgba(23,23,23,.12);
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  text-align: left;
  cursor: pointer;
}
.owner-listing-geocode-result:hover { border-color: rgba(47,158,99,.6); }
.owner-listing-selected-address,
.owner-listing-help { margin: 0; font-size: 12px; opacity: .76; }
.owner-listing-check { align-self: end; min-height: 44px; align-content: center; }
.owner-listing-submit { justify-self: start; }

@media (max-width: 760px) {
  .owner-listing-grid,
  .owner-listing-feature-grid,
  .owner-listing-facts,
  .owner-listing-features { grid-template-columns: 1fr; }
  .owner-listing-form-head { align-items: stretch; flex-direction: column; }
  .owner-listing-address-search { grid-template-columns: 1fr; }
  .map-type-legend { gap: 7px; font-size: 12px; }
}
.member-account-tabs { grid-template-columns: repeat(4,minmax(0,1fr)); }
@media (max-width: 560px) {
  .member-account-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
}


/* === Review close position restoration ===
   On phone, keep the review-sheet close button away from the map control.
   This intentionally restores the previously offset placement. */
@media (max-width: 760px) {
  .map-shell:not(.is-fullscreen) .map-sheet.show .map-sheet-closebar {
    top: 0 !important;
    padding-right: 48px !important;
  }

  .map-shell:not(.is-fullscreen) .map-sheet.show .map-sheet-closebar .sheet-close {
    top: 0 !important;
    transform: none !important;
  }

  .map-shell.is-fullscreen .map-sheet.show .map-sheet-closebar {
    top: 0 !important;
    padding-right: 46px !important;
  }

  .map-shell.is-fullscreen .map-sheet.show .map-sheet-closebar .sheet-close {
    top: 0 !important;
    transform: none !important;
  }
}


/* === Review close position — iPad + desktop, embedded map ===
   Keep the review close button clearly left of the map fullscreen control.
   Phone positioning remains handled by the existing <=760px rule. */
/* Desktop: almost natural placement, close to the fullscreen control. */
@media (min-width: 761px) and (hover: hover) and (pointer: fine) {
  .map-shell:not(.is-fullscreen) .map-sheet.show .map-sheet-closebar {
    top: 0 !important;
    padding-right: 16px !important;
  }

  .map-shell:not(.is-fullscreen) .map-sheet.show .map-sheet-closebar .sheet-close {
    top: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  .map-shell:not(.is-fullscreen) .map-sheet.show .map-sheet-head {
    padding-right: 62px !important;
  }
}

/* iPad/tablet: move the review close farther left than desktop. */
@media (min-width: 761px) and (max-width: 1366px) and (hover: none) and (pointer: coarse) {
  .map-shell:not(.is-fullscreen) .map-sheet.show .map-sheet-closebar {
    top: 0 !important;
    padding-right: 46px !important;
  }

  .map-shell:not(.is-fullscreen) .map-sheet.show .map-sheet-closebar .sheet-close {
    top: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  .map-shell:not(.is-fullscreen) .map-sheet.show .map-sheet-head {
    padding-right: 92px !important;
  }
}


/* === Unified map action stack ===
   Fullscreen + geolocation are physically in the same positioned container.
   No independent x-axis calculations are used anymore. */
.map-shell .map-action-stack {
  position: absolute;
  z-index: 120;
  top: 23px;
  right: 23px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  margin: 0;
  padding: 0;
  pointer-events: auto;
}

.map-shell .map-action-stack .map-fullscreen-btn {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  flex: 0 0 50px;
}

.map-shell .map-action-stack .maplibregl-ctrl,
.map-shell .map-action-stack .maplibregl-ctrl-group {
  position: static !important;
  inset: auto !important;
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  flex: 0 0 50px;
}

.map-shell .map-action-stack .maplibregl-ctrl-group button,
.map-shell .map-action-stack .maplibregl-ctrl-geolocate {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
}

.map-shell.is-fullscreen .map-action-stack {
  top: max(18px, env(safe-area-inset-top));
  right: max(18px, env(safe-area-inset-right));
  z-index: 2147483640;
}

/* Phone keeps the existing visual inset. */
@media (max-width: 760px) {
  .map-shell:not(.is-fullscreen) .map-action-stack {
    top: 15px;
    right: 15px;
  }
}

/* iPad/tablet uses the existing 14px map inset. */
@media (min-width: 761px) and (max-width: 1366px) and (hover: none) and (pointer: coarse) {
  .map-shell:not(.is-fullscreen) .map-action-stack {
    top: 14px;
    right: 14px;
  }
}

/* === 2026-08-26 v69 — owner listing photos === */
.owner-listing-photo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.owner-listing-photo-head h4{margin:0 0 4px}
.owner-listing-photo-head p{margin:0;max-width:680px;font-size:12px;line-height:1.45;opacity:.72}
.owner-listing-photo-head>strong{flex:0 0 auto;display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border:1px solid rgba(23,23,23,.11);border-radius:10px;background:rgba(255,255,255,.72);font-size:12px}
.owner-listing-photo-upload{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px dashed rgba(23,23,23,.22);border-radius:14px;background:rgba(255,255,255,.58);cursor:pointer}
.owner-listing-photo-upload:hover{border-color:rgba(229,69,40,.35);background:rgba(255,255,255,.78)}
.owner-listing-photo-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.owner-listing-photo-upload input:disabled{cursor:not-allowed}
.owner-listing-photo-upload:has(input:disabled){opacity:.5;cursor:not-allowed}
.owner-listing-photo-upload>span{font-weight:850}
.owner-listing-photo-upload>small{font-size:11px;opacity:.62;text-align:right}
.owner-listing-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}
.owner-listing-photo-card{position:relative;margin:0;border:1px solid rgba(23,23,23,.10);border-radius:13px;overflow:hidden;background:#f2f1ed}
.owner-listing-photo-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#e9e7e1}
.owner-listing-photo-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px 8px;background:rgba(255,255,255,.92)}
.owner-listing-photo-card figcaption span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;opacity:.68}
.owner-listing-photo-card figcaption button{appearance:none;border:0;width:26px;height:26px;border-radius:8px;background:rgba(23,23,23,.07);color:#171717;font-size:18px;line-height:1;cursor:pointer}
.owner-listing-photo-card figcaption button:hover{background:rgba(229,69,40,.12);color:#b93420}
.owner-listing-photo-empty{grid-column:1/-1;padding:14px;border:1px dashed rgba(23,23,23,.12);border-radius:12px;text-align:center;font-size:12px;opacity:.58}
.owner-listing-photo-status{min-height:18px}

/* Public listing gallery: always above the rest of the listing detail. */
.owner-listing-photo-gallery{position:relative;margin:0 0 16px}
.owner-listing-photo-track{display:flex;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:1px 1px 7px;-webkit-overflow-scrolling:touch}
.owner-listing-photo-item{appearance:none;flex:0 0 min(82%,460px);padding:0;border:0;border-radius:16px;overflow:hidden;background:#eceae4;cursor:zoom-in;scroll-snap-align:start}
.owner-listing-photo-item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.owner-listing-photo-total{position:absolute;right:10px;bottom:17px;padding:5px 8px;border-radius:999px;background:rgba(19,22,27,.74);color:#fff;font-size:11px;font-weight:800;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.owner-listing-photo-count-mini{display:inline-flex;align-items:center;gap:4px;margin-top:7px;font-size:11px;font-weight:750;opacity:.62}

@media(max-width:760px){
  .owner-listing-photo-head{display:block}
  .owner-listing-photo-head>strong{margin-top:8px}
  .owner-listing-photo-upload{align-items:flex-start;flex-direction:column}
  .owner-listing-photo-upload>small{text-align:left}
  .owner-listing-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .owner-listing-photo-item{flex-basis:88%}
}

/* === 2026-08-26 v70 — listing form alignment + reviews below map listing === */
.owner-listing-check--charges{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  align-content:center!important;
  gap:9px!important;
  min-height:44px;
  padding:0 2px;
}
.owner-listing-check--charges>input[type="checkbox"]{
  flex:0 0 auto!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  align-self:center!important;
}
.owner-listing-check--charges>span{
  display:block!important;
  margin:0!important;
  line-height:1.25!important;
}

.owner-listing-linked-reviews{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(23,23,23,.10);
}
.owner-listing-linked-reviews-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.owner-listing-linked-reviews-head span{
  display:block;
  margin-bottom:3px;
  color:rgba(23,23,23,.50);
  font-size:10px;
  font-weight:850;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.owner-listing-linked-reviews-head h3{
  margin:0;
  font-size:17px;
  line-height:1.25;
}
.owner-listing-linked-reviews-head>strong{
  flex:0 0 auto;
  padding:6px 9px;
  border:1px solid rgba(229,69,40,.13);
  border-radius:10px;
  background:rgba(229,69,40,.055);
  color:#b93420;
  font-size:11px;
  white-space:nowrap;
}
.owner-listing-linked-reviews .review-list{
  margin-top:0;
}
@media(max-width:760px){
  .owner-listing-linked-reviews-head{
    display:block;
  }
  .owner-listing-linked-reviews-head>strong{
    display:inline-flex;
    margin-top:8px;
  }
}