/* v34 — mobil üst bar, pano ve alt navigasyon yerleşim düzeltmeleri */
@media (max-width:900px){
  html[data-ui-mode="mobile"] body{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  /* styles.css içindeki küçük ekran sütun kuralını kesin olarak geçersiz kılar. */
  html[data-ui-mode="mobile"] .topbar{
    position:sticky!important;
    top:0!important;
    z-index:1200!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    width:100%!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    margin:0!important;
    padding:8px max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left))!important;
    overflow:visible!important;
  }
  html[data-ui-mode="mobile"] .topbar-title{
    display:flex!important;
    flex:1 1 auto!important;
    align-items:center!important;
    width:auto!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  html[data-ui-mode="mobile"] .topbar-title:before{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html[data-ui-mode="mobile"] .topbar-actions{
    display:flex!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }
  html[data-ui-mode="mobile"] .notification-center,
  html[data-ui-mode="mobile"] .notification-btn{
    flex:0 0 auto!important;
    margin:0!important;
  }
  html[data-ui-mode="mobile"] .notification-btn{
    width:44px!important;
    height:44px!important;
    border-radius:13px!important;
  }

  /* Üst barın altında oluşan gereksiz boşluğu ve karmaşık yapıyı kaldırır. */
  html[data-ui-mode="mobile"] .page-content{
    margin:0!important;
    padding-top:12px!important;
  }
  html[data-ui-mode="mobile"] .toolbar.kanban-toolbar{
    position:relative!important;
    top:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    min-height:0!important;
    height:auto!important;
    margin:0 0 10px!important;
    padding:0!important;
    background:transparent!important;
    backdrop-filter:none!important;
  }
  html[data-ui-mode="mobile"] .kanban-toolbar>div:first-child{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  html[data-ui-mode="mobile"] .kanban-toolbar .filters{
    width:100%!important;
    margin:0!important;
    padding:0 0 7px!important;
  }
  html[data-ui-mode="mobile"] .kanban-summary{
    display:block!important;
    margin:2px 2px 0!important;
    line-height:1.35!important;
  }
  html[data-ui-mode="mobile"] .mobile-stage-tabs{
    position:relative!important;
    top:auto!important;
    z-index:15!important;
    margin-top:0!important;
    margin-bottom:8px!important;
  }

  /* Kart başlığının önceki kartın altında kalmasını önler. */
  html[data-ui-mode="mobile"] .kanban-column.mobile-stage-active{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  html[data-ui-mode="mobile"] .column-head{
    position:relative!important;
    z-index:2!important;
    flex:0 0 auto!important;
    margin:0 0 10px!important;
    overflow:hidden!important;
  }
  html[data-ui-mode="mobile"] .kanban-cards{
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }

  /* Görünen menü sayısı 4 veya 5 olsa da tüm genişliğe eşit dağılır. */
  html[data-ui-mode="mobile"] .mobile-bottom-nav{
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(0,1fr)!important;
    position:fixed!important;
    inset-inline:0!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    transform:none!important;
    padding-left:max(6px,env(safe-area-inset-left))!important;
    padding-right:max(6px,env(safe-area-inset-right))!important;
    overflow:visible!important;
  }
  html[data-ui-mode="mobile"] .mobile-bottom-nav>button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding-inline:2px!important;
  }

  /* Pano okları kartın üzerine fazla binmeden ekran kenarında kalır. */
  html[data-ui-mode="mobile"] .kanban-board-shell{
    width:100%!important;
    padding-left:38px!important;
    padding-right:38px!important;
  }
  html[data-ui-mode="mobile"] .kanban-scroll-nav{
    left:0!important;
    right:0!important;
    width:100vw!important;
    padding:0 5px!important;
  }
}

@media (max-width:380px){
  html[data-ui-mode="mobile"] .topbar{padding-left:11px!important;padding-right:11px!important}
  html[data-ui-mode="mobile"] .topbar-title:before{font-size:12px!important}
  html[data-ui-mode="mobile"] .kanban-board-shell{padding-left:34px!important;padding-right:34px!important}
  html[data-ui-mode="mobile"] .mobile-bottom-nav button>small{font-size:8px!important}
}