/* XAN Office v1.3.10.19 — XAN Mobil masaüstü alan verimliliği + belirgin etkileşim */
body.xan-pwa-independent-v13113{
  --x19-petrol:#055970;
  --x19-navy:#041f40;
  --x19-text:#1f2a37;
  --x19-muted:#5b6573;
  --x19-line:#d9e0e6;
  --x19-soft:#edf5f6;
}

/* Menü ve bildirim kontrolleri gerçek buton gibi hissedilsin. */
body.xan-pwa-independent-v13113 .xan-pwa-menu-toggle-v13118,
body.xan-pwa-independent-v13113 .xan-pwa-app-bell-v13110{
  position:relative!important;
  cursor:pointer!important;
  transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease!important;
  outline:none!important;
}
body.xan-pwa-independent-v13113 .xan-pwa-menu-toggle-v13118:hover,
body.xan-pwa-independent-v13113 .xan-pwa-app-bell-v13110:hover,
body.xan-pwa-independent-v13113 .xan-pwa-menu-toggle-v13118[aria-expanded="true"],
body.xan-pwa-independent-v13113 .xan-pwa-app-bell-v13110[aria-expanded="true"]{
  background:#deedf0!important;
  color:#055970!important;
  box-shadow:inset 0 0 0 1px rgba(5,89,112,.16),0 5px 14px rgba(4,31,64,.08)!important;
}
body.xan-pwa-independent-v13113 .xan-pwa-menu-toggle-v13118:focus-visible,
body.xan-pwa-independent-v13113 .xan-pwa-app-bell-v13110:focus-visible{
  box-shadow:0 0 0 3px rgba(5,89,112,.18)!important;
}
body.xan-pwa-independent-v13113 .xan-pwa-menu-toggle-v13118:active,
body.xan-pwa-independent-v13113 .xan-pwa-app-bell-v13110:active{background:#d2e7eb!important}

@media (hover:hover) and (pointer:fine){
  body.xan-pwa-independent-v13113 [data-xan-tooltip-v13119]::after{
    content:attr(data-xan-tooltip-v13119);
    position:absolute;
    z-index:2147483640;
    top:calc(100% + 7px);
    min-width:max-content;
    max-width:180px;
    padding:7px 9px;
    border-radius:8px;
    background:#041f40;
    color:#fff;
    font:650 10.5px/1.15 Inter,system-ui,sans-serif;
    letter-spacing:0;
    box-shadow:0 7px 20px rgba(4,31,64,.18);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .1s ease,visibility .1s ease;
  }
  body.xan-pwa-independent-v13113 .xan-pwa-menu-toggle-v13118[data-xan-tooltip-v13119]::after{left:0}
  body.xan-pwa-independent-v13113 .xan-pwa-app-bell-v13110[data-xan-tooltip-v13119]::after{right:0}
  body.xan-pwa-independent-v13113 [data-xan-tooltip-v13119]:hover::after,
  body.xan-pwa-independent-v13113 [data-xan-tooltip-v13119]:focus-visible::after{opacity:1;visibility:visible}
}

/* Desktop: mevcut ekran genişliğini daha verimli kullan, fakat okunabilirlik sınırını koru. */
@media (min-width:980px){
  body.xan-pwa-independent-v13113 .xan-pwa-home-v13114,
  body.xan-pwa-independent-v13113 .xan-pwa-home-v13115{
    width:min(calc(100% - 56px),1280px)!important;
    max-width:1280px!important;
    padding-top:14px!important;
    padding-bottom:88px!important;
  }
  body.xan-pwa-independent-v13113 .xan-pwa-home-hero-v13114{
    min-height:132px!important;
    padding:18px 28px!important;
    border-radius:22px!important;
  }
  body.xan-pwa-independent-v13113 .xan-pwa-home-status-v13114{margin-bottom:8px!important}
  body.xan-pwa-independent-v13113 .xan-pwa-home-hero-v13114 h1{font-size:31px!important}
  body.xan-pwa-independent-v13113 .xan-pwa-home-hero-v13114 p{margin-top:5px!important;font-size:12.5px!important}
  body.xan-pwa-independent-v13113 .xan-pwa-search-v13115{margin-top:10px!important;width:min(100%,760px)!important}
  body.xan-pwa-independent-v13113 .xan-pwa-home-primary-v13114{margin-top:10px!important;gap:10px!important}
  body.xan-pwa-independent-v13113 .xan-pwa-home-primary-v13114>a{min-height:64px!important}
  body.xan-pwa-independent-v13113 .xan-pwa-home-shortcuts-v13114{margin-top:12px!important}
  body.xan-pwa-independent-v13113 .xan-pwa-home-section-head-v13114{margin-bottom:7px!important}
  body.xan-pwa-independent-v13113 .xan-pwa-home-grid-v13114{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
  body.xan-pwa-independent-v13113 .xan-pwa-home-card-v13114{min-height:66px!important}
  body.xan-pwa-independent-v13113 .xan-pwa-secondary-links-v13114{margin-top:7px!important}
  body.xan-pwa-independent-v13113 .xan-pwa-favorites-v13115{margin-top:10px!important}
  body.xan-pwa-independent-v13113 .xan-pwa-recents-v13114{margin-top:10px!important}
  body.xan-pwa-independent-v13113 .xan-pwa-recents-list-v13110{
    justify-content:flex-start!important;
    gap:8px!important;
    padding-bottom:2px!important;
  }
  body.xan-pwa-independent-v13113 .xan-pwa-recent-card-v13114{
    min-width:150px!important;
    max-width:210px!important;
    min-height:44px!important;
  }
  body.xan-pwa-independent-v13113 .xan-pwa-global-dock-v13110{
    width:min(calc(100% - 56px),1040px)!important;
    height:60px!important;
    bottom:10px!important;
  }
  body.xan-pwa-independent-v13113 .xan-pwa-global-dock-v13110 a{height:48px!important}
}

/* Daha büyük ekranlarda yan boşluğu biraz daha azalt. */
@media (min-width:1440px){
  body.xan-pwa-independent-v13113 .xan-pwa-home-v13114,
  body.xan-pwa-independent-v13113 .xan-pwa-home-v13115{width:min(calc(100% - 80px),1360px)!important;max-width:1360px!important}
  body.xan-pwa-independent-v13113 .xan-pwa-global-dock-v13110{width:min(calc(100% - 100px),1080px)!important}
}

/* Tablet: genişliği kullan fakat kenar güvenliğini koru. */
@media (min-width:621px) and (max-width:979px){
  body.xan-pwa-independent-v13113 .xan-pwa-home-v13114,
  body.xan-pwa-independent-v13113 .xan-pwa-home-v13115{width:calc(100% - 32px)!important;max-width:none!important;padding-top:14px!important}
  body.xan-pwa-independent-v13113 .xan-pwa-home-grid-v13114{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Mobilde içerik dolu görünür, fakat dokunma alanları daralmaz. */
@media (max-width:620px){
  body.xan-pwa-independent-v13113 .xan-pwa-home-v13114,
  body.xan-pwa-independent-v13113 .xan-pwa-home-v13115{width:calc(100% - 16px)!important;padding-top:10px!important;padding-bottom:84px!important}
  body.xan-pwa-independent-v13113 .xan-pwa-home-hero-v13114{min-height:132px!important;padding:18px 15px!important}
  body.xan-pwa-independent-v13113 .xan-pwa-search-v13115{margin-top:9px!important}
  body.xan-pwa-independent-v13113 .xan-pwa-home-primary-v13114{margin-top:9px!important}
  body.xan-pwa-independent-v13113 .xan-pwa-home-shortcuts-v13114{margin-top:11px!important}
  body.xan-pwa-independent-v13113 .xan-pwa-recents-v13114{margin-top:9px!important}
}

/* Paneller tek başına kullanıldığında daha temiz ölçüde. */
body.xan-pwa-independent-v13113 .xan-pwa-notification-panel-v13110{width:min(400px,calc(100vw - 24px))!important}
body.xan-pwa-independent-v13113 .xan-pwa-sidebar-v13118{width:274px!important}

/* Tıklanabilir elemanlarda el imleci tutarlı olsun. */
body.xan-pwa-independent-v13113 :where(
  .xan-pwa-sidebar-v13118 button,
  .xan-pwa-sidebar-v13118 a,
  .xan-pwa-notification-panel-v13110 button,
  .xan-pwa-notification-panel-v13110 a,
  .xan-pwa-global-dock-v13110 a,
  .xan-pwa-home-v13115 a,
  .xan-pwa-home-v13115 button
){cursor:pointer!important}
