/* LIQ ATLAS POI PANEL UPGRADE V1 */
:root{
  --atlas-sheet-bg: linear-gradient(180deg, rgba(6,30,40,.98) 0%, rgba(4,20,31,.98) 100%);
}
.right-rail{min-height:0}
.atlas-detail-panel{
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.atlas-side-sheet{
  min-height:0;
  height:100%;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.atlas-side-sheet.open{display:flex}
.atlas-side-sheet-body{
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
  padding-right:6px;
  scrollbar-width:thin;
  scrollbar-color: rgba(98,223,217,.5) rgba(255,255,255,.06);
}
.atlas-side-sheet-body::-webkit-scrollbar{width:10px}
.atlas-side-sheet-body::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:999px}
.atlas-side-sheet-body::-webkit-scrollbar-thumb{background:rgba(98,223,217,.42);border-radius:999px}
.atlas-side-sheet-body::-webkit-scrollbar-thumb:hover{background:rgba(98,223,217,.6)}
.atlas-sheet-card{
  --atlas-accent:#72ded0;
  position:relative;
  padding:18px 18px 16px;
  border:1px solid rgba(130,240,234,.16);
  border-radius:18px;
  background:var(--atlas-sheet-bg);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 16px 36px rgba(0,0,0,.26);
}
.atlas-sheet-card::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:8px;
  border-radius:18px 18px 0 0;
  background: linear-gradient(90deg, var(--atlas-accent), rgba(255,255,255,.18));
}
.atlas-sheet-eyebrow{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:10px;
  padding-top:6px;
}
.atlas-sheet-kicker{
  margin:0;
  color:#8fe9df;
  font:800 11px/1.2 system-ui,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.atlas-sheet-color-chip,
.atlas-sheet-chip,
.atlas-sheet-meta span,
.atlas-sheet-iconline span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:#dffcf8;
  font:700 11px/1 system-ui,sans-serif;
}
.atlas-sheet-color-chip::before{
  content:'';
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--atlas-accent);
  box-shadow:0 0 8px color-mix(in srgb, var(--atlas-accent) 65%, white 35%);
}
.atlas-sheet-card h4{
  margin:0 0 8px;
  color:#fff;
  font:800 26px/1.05 system-ui,sans-serif;
}
.atlas-sheet-location{display:grid;gap:4px;margin-bottom:14px}
.atlas-sheet-address{
  color:#d2eef0;
  font:700 18px/1.25 system-ui,sans-serif;
}
.atlas-sheet-address.atlas-sheet-street,
.atlas-sheet-address.atlas-sheet-street small{
  color:#87aeb4;
  font:600 13px/1.35 system-ui,sans-serif;
}
.atlas-sheet-price{
  display:grid;
  gap:4px;
  margin-bottom:14px;
  padding:14px 15px;
  border-radius:16px;
  border:1px solid color-mix(in srgb, var(--atlas-accent) 42%, transparent 58%);
  background:linear-gradient(180deg, color-mix(in srgb, var(--atlas-accent) 14%, rgba(255,255,255,.02) 86%), rgba(255,255,255,.02));
}
.atlas-sheet-price strong{font:800 22px/1 system-ui,sans-serif;color:#fff07a}
.atlas-sheet-price span{font:700 13px/1.35 system-ui,sans-serif;color:#d7f0f1}
.atlas-sheet-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 12px;
}
.atlas-sheet-iconline{margin:0 0 12px}
.atlas-sheet-lore{
  margin:0 0 14px;
  color:#b6d5d8;
  font:500 13px/1.55 system-ui,sans-serif;
}
.atlas-sheet-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:14px;
}
.atlas-sheet-buy,
.atlas-sheet-focus-btn{
  appearance:none;
  width:100%;
  border:0;
  border-radius:14px;
  padding:14px 16px;
  cursor:pointer;
  font:800 15px/1 system-ui,sans-serif;
}
.atlas-sheet-buy{
  background:linear-gradient(180deg, #27d7e3 0%, #139fbe 100%);
  color:#fff;
  box-shadow:0 14px 32px rgba(15,160,194,.28);
}
.atlas-sheet-buy.secondary{
  background:rgba(255,255,255,.08);
  color:#dff8fa;
  border:1px solid rgba(255,255,255,.09);
  box-shadow:none;
}
.atlas-sheet-focus-btn{
  background:rgba(255,255,255,.06);
  color:#dff8fa;
  border:1px solid rgba(130,240,234,.22);
}
.atlas-sheet-focus-btn:hover,
.atlas-sheet-buy:hover{transform:translateY(-1px)}
.atlas-sheet-inline-note{
  margin-top:10px;
  color:#8cb0b5;
  font:600 12px/1.4 system-ui,sans-serif;
}
.atlas-purchase-slot{margin-top:12px}
.atlas-map-address-marker,
.city-atlas-address-marker{
  transform-box: fill-box;
  transform-origin: center;
}
.atlas-map-address-marker .atlas-map-address-dot,
.city-atlas-address-marker .city-atlas-marker-bg{
  filter: drop-shadow(0 0 10px rgba(114,222,208,.26));
}
.atlas-map-address-marker.kind-poi .atlas-map-address-dot,
.city-atlas-address-marker.kind-poi .city-atlas-marker-bg{
  filter: drop-shadow(0 0 13px rgba(114,222,208,.40));
}
.atlas-map-address-marker.kind-residence .atlas-map-address-dot,
.city-atlas-address-marker.kind-residence .city-atlas-marker-bg{
  filter: drop-shadow(0 0 12px rgba(189,156,255,.38));
}
.atlas-map-address-marker.atlas-sheet-target,
.city-atlas-address-marker.atlas-sheet-target{
  animation: atlasMarkerPing 1.25s ease-in-out 3;
}
@keyframes atlasMarkerPing{
  0%{opacity:1}
  50%{opacity:.55}
  100%{opacity:1}
}
@media (max-width: 1180px){
  .atlas-detail-panel{max-height:calc(100vh - 132px)}
}
@media (max-width: 860px){
  .atlas-detail-panel{max-height:calc(100vh - 96px)}
  .atlas-side-sheet-body{padding-right:2px}
  .atlas-sheet-card{padding:16px}
  .atlas-sheet-card h4{font-size:22px}
  .atlas-sheet-address{font-size:16px}
}