/* XAN Office v1.3.10.56 — Görsel sağlamlaştırma / gerçek 3B eğim / su kontrastı / cihaz ergonomisi */

/* 3B yüzeyi: sürüm sınıfı tek ve kesin görünürlük sözleşmesi. */
body .xan-map-page-v131051.is-xan-map-3d-v131056 .xan-map-3d-canvas-v131051,
body .xan-map-page-v131051[data-xan-map-dimension="3d"] .xan-map-3d-canvas-v131051{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:2!important;
}
body .xan-map-page-v131051.is-xan-map-3d-v131056 .xan-map-canvas-v151,
body .xan-map-page-v131051[data-xan-map-dimension="3d"] .xan-map-canvas-v151{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}
body .xan-map-page-v131051[data-xan-map-dimension="2d"] .xan-map-3d-canvas-v131051{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}

/* Masaüstü: panel kompakt; harita verisini gereksiz örtmez. */
body .xan-map-page-v186 .xan-map-angle-control-v1310522{left:10px;top:88px;gap:5px;max-width:min(230px,calc(100% - 20px));}
body .xan-map-page-v186[data-xan-map-dimension="3d"] .xan-map-angle-control-v1310522{top:88px!important}
body .xan-map-page-v186 .xan-map-angle-main-v1310522{width:36px;height:40px;min-width:36px;border-radius:9px;touch-action:none}
body .xan-map-page-v186 .xan-map-angle-panel-v1310522{width:150px;padding:7px;border-radius:10px;max-height:min(360px,calc(100dvh - 190px));overflow:auto;overscroll-behavior:contain}
body .xan-map-page-v186 .xan-map-angle-presets-v1310522 button,
body .xan-map-page-v186 .xan-map-bearing-presets-v1310522 button,
body .xan-map-page-v186 .xan-map-angle-actions-v1310522 button{min-height:29px;height:29px;font-size:10px}
body .xan-map-page-v186 .xan-map-angle-main-v1310522:focus-visible,
body .xan-map-page-v186 .xan-map-angle-panel-v1310522 button:focus-visible{outline:3px solid rgba(7,95,115,.22);outline-offset:2px}

/* 3B tuvali üzerinde fare ve dokunma davranışı görünür/öngörülebilir. */
body .xan-map-page-v131051[data-xan-map-dimension="3d"] .maplibregl-canvas{cursor:grab!important;touch-action:none!important}
body .xan-map-page-v131051[data-xan-map-dimension="3d"] .maplibregl-canvas:active{cursor:grabbing!important}
body .xan-map-page-v131051[data-xan-map-dimension="3d"] .maplibregl-ctrl-compass{display:block!important}

/* Uydu/Karma: XAN pinlerinin ve kontrollerin kontrastı korunur. */
body .xan-map-page-v186[data-xan-map-style="satellite"] :is(.xan-map-toolbar-v151,.xan-map-view-menu-v131040,.xan-map-angle-panel-v1310522),
body .xan-map-page-v186[data-xan-map-style="hybrid"] :is(.xan-map-toolbar-v151,.xan-map-view-menu-v131040,.xan-map-angle-panel-v1310522){backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}

/* Koyu aktif kontrollerde beyaz metin/ikon: son katman. */
body .xan-map-page-v186 :is(button,.xan-map-style-card-v131040).is-active,
body .xan-map-page-v186 [aria-pressed="true"]{color:#fff!important}
body .xan-map-page-v186 :is(button,.xan-map-style-card-v131040).is-active :is(span,strong,small,svg),
body .xan-map-page-v186 [aria-pressed="true"] :is(span,strong,small,svg){color:#fff!important;stroke:currentColor!important}

/* Tablet: panel başparmak hedeflerini büyütür, harita merkezini kapatmaz. */
@media (min-width:821px) and (max-width:1180px), (pointer:coarse) and (min-width:821px){
  body .xan-map-page-v186 .xan-map-angle-control-v1310522{left:8px;top:82px}
  body .xan-map-page-v186[data-xan-map-dimension="3d"] .xan-map-angle-control-v1310522{top:82px!important}
  body .xan-map-page-v186 .xan-map-angle-main-v1310522{width:44px;height:46px;min-width:44px}
  body .xan-map-page-v186 .xan-map-angle-panel-v1310522{width:184px;padding:9px}
  body .xan-map-page-v186 .xan-map-angle-presets-v1310522 button,
  body .xan-map-page-v186 .xan-map-bearing-presets-v1310522 button,
  body .xan-map-page-v186 .xan-map-angle-actions-v1310522 button{height:42px;min-height:42px;font-size:11px}
}

/* Telefon: kontrol tek elle erişilebilir; panel ekranı taşırmaz. */
@media(max-width:820px){
  body .xan-map-page-v186 .xan-map-angle-control-v1310522{left:8px;top:72px;max-width:calc(100vw - 16px)}
  body .xan-map-page-v186[data-xan-map-dimension="3d"] .xan-map-angle-control-v1310522{top:72px!important}
  body .xan-map-page-v186 .xan-map-angle-main-v1310522{width:46px;height:48px;min-width:46px;border-radius:11px}
  body .xan-map-page-v186 .xan-map-angle-panel-v1310522{width:min(202px,calc(100vw - 68px));padding:9px;max-height:48dvh}
  body .xan-map-page-v186 .xan-map-angle-presets-v1310522 button,
  body .xan-map-page-v186 .xan-map-bearing-presets-v1310522 button,
  body .xan-map-page-v186 .xan-map-angle-actions-v1310522 button{height:44px;min-height:44px;font-size:11px;border-radius:9px}
  body .xan-map-page-v186 .xan-map-angle-help-v131055{font-size:8.2px!important;line-height:1.3!important}
}

@media(max-width:430px){
  body .xan-map-page-v186 .xan-map-angle-panel-v1310522{width:min(194px,calc(100vw - 64px));padding:8px}
}

@media(prefers-reduced-motion:reduce){
  body .xan-map-page-v131051 .xan-map-3d-canvas-v131051,
  body .xan-map-page-v186 .xan-map-angle-control-v1310522 *{transition:none!important;animation:none!important}
}
