/* XAN Office v1.3.10.51 — 3B Odak Deneyimi + Mekânsal Derinlik + Tam Ekran 3B
 * Saf MapLibre 3B yüzeyi, bina/terrain derinliği, akıllı kamera,
 * daraltılabilir masaüstü filtre paneli ve daha kompakt üst alan.
 * Mevcut Leaflet/OpenFreeMap veri, filtre, kümelendirme ve detay akışı korunur.
 */

body .xan-map-page-v131051 .xan-map-3d-canvas-v131051{
  position:absolute;
  z-index:420;
  inset:0;
  overflow:hidden;
  background:#eaf1f3;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease;
}
body .xan-map-page-v131051.is-xan-map-3d-v131051 .xan-map-3d-canvas-v131051{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
body .xan-map-page-v131051.is-xan-map-3d-v131051 .xan-map-canvas-v151{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
body .xan-map-page-v131051 .xan-map-3d-canvas-v131051 .maplibregl-canvas{outline:none}
body .xan-map-page-v131051 .xan-map-3d-canvas-v131051 .maplibregl-ctrl-top-left{top:8px;left:8px}
body .xan-map-page-v131051 .xan-map-3d-canvas-v131051 .maplibregl-ctrl-group{
  overflow:hidden;
  border:1px solid rgba(5,89,112,.16);
  border-radius:10px;
  background:#fff;
  box-shadow:0 8px 24px rgba(4,31,64,.12);
}
body .xan-map-page-v131051 .xan-map-3d-canvas-v131051 .maplibregl-ctrl button{width:34px;height:34px}
body .xan-map-page-v131051 .xan-map-3d-canvas-v131051 .maplibregl-ctrl-attrib{
  background:rgba(255,255,255,.9);
  color:#4d616b;
  font-size:9px;
}
body .xan-map-page-v131051 .xan-map-3d-canvas-v131051 .maplibregl-popup-content{
  min-width:168px;
  padding:9px 11px;
  border:1px solid #d9e0e6;
  border-radius:10px;
  background:#fff;
  box-shadow:0 12px 32px rgba(4,31,64,.17);
  color:#1f2a37;
  font-family:"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;
}
body .xan-map-page-v131051 .xan-map-3d-tooltip-v131051{display:grid;gap:2px}
body .xan-map-page-v131051 .xan-map-3d-tooltip-v131051 small{font-size:9px;font-weight:700;color:#58707a}
body .xan-map-page-v131051 .xan-map-3d-tooltip-v131051 strong{font-size:11px;line-height:1.2;color:#1f2a37}
body .xan-map-page-v131051 .xan-map-3d-tooltip-v131051 span{font-size:9px;line-height:1.25;color:#5b6573}

/* Görünüm menüsündeki 2B / 3B seçimi. */
body .xan-map-page-v131051 .xan-map-dimension-v131051{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid #e2e8ec;
}
body .xan-map-page-v131051 .xan-map-dimension-v131051>button{
  display:grid;
  gap:3px;
  align-content:center;
  min-height:58px;
  padding:8px 10px;
  border:1px solid #d9e0e6;
  border-radius:11px;
  background:#fff;
  color:#1f2a37;
  text-align:left;
  cursor:pointer;
}
body .xan-map-page-v131051 .xan-map-dimension-v131051>button strong{font-size:12px;font-weight:750;color:inherit}
body .xan-map-page-v131051 .xan-map-dimension-v131051>button span{font-size:9.25px;line-height:1.25;color:#5b6573}
body .xan-map-page-v131051 .xan-map-dimension-v131051>button.is-active{
  border-color:#055970;
  background:#055970;
  color:#fff;
}
body .xan-map-page-v131051 .xan-map-dimension-v131051>button.is-active span{color:#fff}
body .xan-map-page-v131051 .xan-map-dimension-v131051>button:disabled{opacity:.5;cursor:not-allowed}
body .xan-map-page-v131051 .xan-map-dimension-v131051>button:hover:not(:disabled),
body .xan-map-page-v131051 .xan-map-dimension-v131051>button:focus-visible{
  border-color:#055970;
  outline:2px solid rgba(5,89,112,.13);
  outline-offset:1px;
}
body .xan-map-page-v131051 .xan-map-3d-status-v131051{
  min-height:14px;
  margin-top:6px;
  color:#48636e;
  font-size:8.75px;
  line-height:1.3;
}
body .xan-map-page-v131051.is-xan-map-3d-v131051 [data-xan-map-view-menu-toggle]{
  background:#055970!important;
  border-color:#055970!important;
  color:#fff!important;
}

/* Masaüstü filtre paneli daraltma. */
body .xan-map-page-v131051 .xan-map-sidebar-head-actions-v131051{display:flex;align-items:center;gap:6px}
body .xan-map-page-v131051 .xan-map-sidebar-collapse-v131051{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  min-width:30px;
  padding:0;
  border:1px solid #d5e0e5;
  border-radius:8px;
  background:#f8fafb;
  color:#244854;
  cursor:pointer;
}
body .xan-map-page-v131051 .xan-map-sidebar-collapse-v131051 span{display:block;font-size:20px;line-height:1;transform:translateY(-1px)}
body .xan-map-page-v131051 .xan-map-sidebar-collapse-v131051:hover,
body .xan-map-page-v131051 .xan-map-sidebar-collapse-v131051:focus-visible{border-color:#055970;background:#055970;color:#fff;outline:none}

@media(min-width:821px){
  body .xan-map-page-v131051 .xan-map-shell-v151{
    transition:grid-template-columns .18s ease;
  }
  body .xan-map-page-v131051.is-xan-sidebar-collapsed-v131051 .xan-map-shell-v151{
    grid-template-columns:54px minmax(0,1fr)!important;
  }
  body .xan-map-page-v131051.is-xan-sidebar-collapsed-v131051 .xan-map-sidebar-v151{
    overflow:hidden;
  }
  body .xan-map-page-v131051.is-xan-sidebar-collapsed-v131051 .xan-map-sidebar-v151>*:not(.xan-map-sidebar-head-v151){
    display:none!important;
  }
  body .xan-map-page-v131051.is-xan-sidebar-collapsed-v131051 .xan-map-sidebar-head-v151{
    height:100%;
    min-height:100%;
    padding:8px!important;
    align-items:flex-start;
    justify-content:center;
    border-bottom:0!important;
  }
  body .xan-map-page-v131051.is-xan-sidebar-collapsed-v131051 .xan-map-sidebar-head-v151>div:first-child{display:none!important}
  body .xan-map-page-v131051.is-xan-sidebar-collapsed-v131051 .xan-map-sidebar-head-actions-v131051{width:100%;justify-content:center}
  body .xan-map-page-v131051.is-xan-sidebar-collapsed-v131051 .xan-map-sidebar-collapse-v131051{width:36px;height:36px;min-width:36px;background:#055970;border-color:#055970;color:#fff}

  /* Kırmızıyla işaretlenen üst alanı daha verimli kullan. */
  body .xan-map-page-v131051 .xan-map-hero-v151{padding:4px 0!important;min-height:0!important}
  body .xan-map-page-v131051 .xan-map-hero-inner-v151{
    width:min(calc(100% - 16px),1740px)!important;
    min-height:46px!important;
    gap:14px!important;
  }
  body .xan-map-page-v131051 .xan-map-hero-v151 h1{font-size:clamp(25px,1.85vw,30px)!important;line-height:1!important}
  body .xan-map-page-v131051 .xan-map-hub-return-v131036{display:none!important}
  body .xan-map-page-v131051 .xan-map-network-nav-v131036{gap:5px!important}
  body .xan-map-page-v131051 .xan-map-network-nav-v131036>a,
  body .xan-map-page-v131051 .xan-map-network-nav-v131036>span{
    min-height:32px!important;
    padding:0 10px!important;
    border-radius:8px!important;
    font-size:10.25px!important;
  }
  body .xan-map-page-v131051 .xan-map-shell-v151{
    width:calc(100% - 16px)!important;
    max-width:1740px!important;
    height:calc(100dvh - 128px)!important;
    margin:4px auto 18px!important;
  }
}

@media(max-width:820px){
  body .xan-map-page-v131051 .xan-map-sidebar-collapse-v131051{display:none!important}
  body .xan-map-page-v131051 .xan-map-3d-canvas-v131051 .maplibregl-ctrl-top-left{top:6px;left:6px}
  body .xan-map-page-v131051 .xan-map-3d-canvas-v131051 .maplibregl-ctrl-group{border-radius:9px}
  body .xan-map-page-v131051 .xan-map-3d-canvas-v131051 .maplibregl-ctrl button{width:32px;height:32px}
  body .xan-map-page-v131051 .xan-map-dimension-v131051>button{min-height:54px;padding-inline:9px}
  body .xan-map-page-v131051 .xan-map-3d-status-v131051{font-size:8.5px}
}

@media(max-width:390px){
  body .xan-map-page-v131051 .xan-map-dimension-v131051>button strong{font-size:11.5px}
  body .xan-map-page-v131051 .xan-map-dimension-v131051>button span{font-size:8.75px}
}

@media(prefers-reduced-motion:reduce){
  body .xan-map-page-v131051 .xan-map-3d-canvas-v131051,
  body .xan-map-page-v131051 .xan-map-shell-v151{transition:none!important}
}


/* v1.3.10.51 — Uydu/Karma görünüm ve panel çakışma güvenliği. */
body .xan-map-page-v131051 .xan-map-view-menu-v131040{
  width:min(304px,calc(100% - 24px));
  padding:10px;
}
body .xan-map-page-v131051 .xan-map-view-style-v131051{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
body .xan-map-page-v131051 .xan-map-view-style-v131051>button{
  min-height:58px;
  padding:8px 10px;
}
body .xan-map-page-v131051[data-xan-map-style="satellite"] .xan-map-3d-canvas-v131051,
body .xan-map-page-v131051[data-xan-map-style="hybrid"] .xan-map-3d-canvas-v131051{
  background:#dfe5e6;
}
body .xan-map-page-v131051[data-xan-map-style="satellite"] .xan-map-3d-canvas-v131051 .maplibregl-ctrl-attrib,
body .xan-map-page-v131051[data-xan-map-style="hybrid"] .xan-map-3d-canvas-v131051 .maplibregl-ctrl-attrib{
  background:rgba(255,255,255,.92);
}

@media(min-width:821px){
  /* Görünüm paneli açıkken kayıt detayını kapatmak yerine harita alanında yana al. */
  body .xan-map-page-v131051.has-map-view-menu-v131040 .xan-map-detail-v152:not([hidden]){
    right:326px!important;
    width:min(390px,calc(100% - 430px))!important;
    transition:right .18s ease,width .18s ease;
  }
  body .xan-map-page-v131051.has-map-view-menu-v131040.is-xan-sidebar-collapsed-v131051 .xan-map-detail-v152:not([hidden]){
    right:326px!important;
  }
}

@media(max-width:1180px) and (min-width:821px){
  body .xan-map-page-v131051.has-map-view-menu-v131040 .xan-map-detail-v152:not([hidden]){
    right:12px!important;
    top:408px!important;
    width:min(380px,calc(100% - 24px))!important;
    max-height:calc(100% - 430px)!important;
  }
}

@media(max-width:820px){
  body .xan-map-page-v131051 .xan-map-view-menu-v131040{width:auto;}
  body .xan-map-page-v131051 .xan-map-view-style-v131051>button{min-height:54px;}
}

@media(max-width:390px){
  body .xan-map-page-v131051 .xan-map-view-style-v131051{gap:6px;}
  body .xan-map-page-v131051 .xan-map-view-style-v131051>button{padding:7px 8px;}
}

/* v1.3.10.51 — 3B Gerçekçilik 2.0: akıllı kamera, doğal arazi gölgelemesi ve panel verimliliği. */
body .xan-map-page-v131051 .xan-map-view-menu-v131040{
  max-height:calc(100% - 24px);
  overflow:auto;
  scrollbar-width:thin;
}
body .xan-map-page-v131051 .xan-map-camera-actions-v131051{
  display:none;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin-top:7px;
}
body .xan-map-page-v131051.is-xan-map-3d-v131051 .xan-map-camera-actions-v131051{display:grid}
body .xan-map-page-v131051 .xan-map-camera-actions-v131051>button{
  min-height:34px;
  padding:7px 8px;
  border:1px solid #d9e0e6;
  border-radius:9px;
  background:#f8fafb;
  color:#294b5a;
  font-size:9.5px;
  font-weight:700;
  line-height:1.15;
  cursor:pointer;
}
body .xan-map-page-v131051 .xan-map-camera-actions-v131051>button:hover,
body .xan-map-page-v131051 .xan-map-camera-actions-v131051>button:focus-visible{
  border-color:#055970;
  background:#eef6f8;
  color:#06495d;
  outline:2px solid rgba(5,89,112,.12);
  outline-offset:1px;
}
body .xan-map-page-v131051 .xan-map-3d-canvas-v131051 .maplibregl-ctrl-compass .maplibregl-ctrl-icon{
  opacity:.88;
}
body .xan-map-page-v131051.is-xan-map-3d-v131051 .xan-map-view-menu-v131040{
  box-shadow:0 16px 42px rgba(4,31,64,.16);
}

@media(min-width:1181px){
  body .xan-map-page-v131051.has-map-view-menu-v131040 .xan-map-detail-v152:not([hidden]){
    right:326px!important;
    width:min(390px,calc(100% - 430px))!important;
  }
}

@media(max-width:820px){
  body .xan-map-page-v131051 .xan-map-view-menu-v131040{
    max-height:min(72dvh,620px);
    overflow:auto;
  }
  body .xan-map-page-v131051 .xan-map-camera-actions-v131051>button{
    min-height:36px;
    font-size:9.25px;
  }
}

/* v1.3.10.51 — 3B Odak Deneyimi + mekânsal derinlik + tam ekran rafinesi. */
body .xan-map-page-v131051 .xan-map-camera-actions-v131051>[data-xan-map-camera-focus]{
  grid-column:1/-1;
  min-height:36px;
  background:#055970;
  border-color:#055970;
  color:#fff;
}
body .xan-map-page-v131051 .xan-map-camera-actions-v131051>[data-xan-map-camera-focus]:hover,
body .xan-map-page-v131051 .xan-map-camera-actions-v131051>[data-xan-map-camera-focus]:focus-visible{
  background:#06495d;
  border-color:#06495d;
  color:#fff;
}
body .xan-map-page-v131051 .xan-map-camera-actions-v131051>button:disabled{
  opacity:.48;
  cursor:not-allowed;
  box-shadow:none;
}
body .xan-map-page-v131051.is-xan-focus-sequence-v131051 .xan-map-3d-status-v131051{
  font-weight:700;
  color:#075f73;
}
body .xan-map-page-v131051.is-xan-focus-sequence-v131051 .xan-map-3d-canvas-v131051 .maplibregl-canvas{
  cursor:progress;
}
body .xan-map-page-v131051.is-xan-map-3d-v131051 .xan-map-detail-v152:not([hidden]){
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

/* Tam ekran 3B: kontrolleri harita üzerinde daha dengeli tut, veri kartına alan bırak. */
body .xan-map-page-v131051.is-xan-3d-fullscreen-v131051 .xan-map-stage-v151.is-fullscreen{
  background:#e8eff1;
}
body .xan-map-page-v131051.is-xan-3d-fullscreen-v131051 .xan-map-stage-v151.is-fullscreen .xan-map-toolbar-v151{
  top:12px!important;
  right:12px!important;
  max-width:calc(100% - 88px);
  padding:5px!important;
  border:1px solid rgba(5,89,112,.12);
  border-radius:12px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 10px 30px rgba(4,31,64,.14)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
body .xan-map-page-v131051.is-xan-3d-fullscreen-v131051 .xan-map-stage-v151.is-fullscreen .xan-map-toolbar-v151>button{
  min-height:34px!important;
}
body .xan-map-page-v131051.is-xan-3d-fullscreen-v131051 .xan-map-stage-v151.is-fullscreen .xan-map-view-menu-v131040{
  top:64px!important;
  right:12px!important;
  width:min(296px,calc(100% - 24px))!important;
  max-height:calc(100dvh - 78px)!important;
}
body .xan-map-page-v131051.is-xan-3d-fullscreen-v131051 .xan-map-stage-v151.is-fullscreen .xan-map-detail-v152:not([hidden]){
  right:12px!important;
  top:64px!important;
  width:min(390px,calc(100% - 24px))!important;
  max-height:calc(100dvh - 80px)!important;
  border-radius:14px!important;
  box-shadow:0 18px 46px rgba(4,31,64,.2)!important;
}
body .xan-map-page-v131051.is-xan-3d-fullscreen-v131051.has-map-view-menu-v131040 .xan-map-stage-v151.is-fullscreen .xan-map-detail-v152:not([hidden]){
  right:320px!important;
  width:min(380px,calc(100% - 430px))!important;
}
body .xan-map-page-v131051.is-xan-3d-fullscreen-v131051 .xan-map-3d-canvas-v131051 .maplibregl-ctrl-top-left{
  top:12px;
  left:12px;
}
body .xan-map-page-v131051.is-xan-3d-fullscreen-v131051 .xan-map-3d-canvas-v131051 .maplibregl-ctrl-attrib{
  margin:0 10px 8px 0;
}

@media(max-width:1180px) and (min-width:821px){
  body .xan-map-page-v131051.is-xan-3d-fullscreen-v131051.has-map-view-menu-v131040 .xan-map-stage-v151.is-fullscreen .xan-map-detail-v152:not([hidden]){
    right:12px!important;
    top:390px!important;
    width:min(380px,calc(100% - 24px))!important;
    max-height:calc(100dvh - 404px)!important;
  }
}

@media(max-width:820px){
  body .xan-map-page-v131051.is-xan-3d-fullscreen-v131051 .xan-map-stage-v151.is-fullscreen .xan-map-toolbar-v151{
    top:calc(7px + env(safe-area-inset-top,0px))!important;
    right:7px!important;
    left:7px!important;
    max-width:none;
  }
  body .xan-map-page-v131051.is-xan-3d-fullscreen-v131051 .xan-map-stage-v151.is-fullscreen .xan-map-view-menu-v131040{
    top:calc(58px + env(safe-area-inset-top,0px))!important;
    right:7px!important;
    left:7px!important;
    width:auto!important;
    max-height:calc(100dvh - 72px - env(safe-area-inset-top,0px))!important;
  }
  body .xan-map-page-v131051.is-xan-3d-fullscreen-v131051 .xan-map-stage-v151.is-fullscreen .xan-map-detail-v152:not([hidden]){
    left:7px!important;
    right:7px!important;
    width:auto!important;
    max-height:min(46dvh,420px)!important;
    bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
    top:auto!important;
  }
  body .xan-map-page-v131051.is-xan-3d-fullscreen-v131051.has-map-view-menu-v131040 .xan-map-stage-v151.is-fullscreen .xan-map-detail-v152:not([hidden]){
    left:7px!important;
    right:7px!important;
    width:auto!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body .xan-map-page-v131051.is-xan-focus-sequence-v131051 .xan-map-3d-canvas-v131051 .maplibregl-canvas{cursor:auto}
}