.sidebar{display:flex;flex-direction:column}.sidebar .nav{flex:1}.sidebar-logout{margin-top:auto;padding:10px 12px}.sidebar-logout .btn{border-radius:14px;font-weight:700}.metro-mobile-nav{display:none}.sidebar-heading{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-weight:800;padding:14px 18px 6px}.topbar-title{font-weight:800}.topbar{gap:10px}.topbar-actions{white-space:nowrap}.topbar-cart .badge,.cart-count{font-size:11px;min-width:20px;min-height:20px;display:inline-flex;align-items:center;justify-content:center}.cart-count.d-none{display:none!important}
@media(max-width:991px){
  html,body{min-height:100%}body{padding-bottom:118px!important}.main-content{margin-left:0!important}.content-wrapper{padding-bottom:36px!important}.sidebar{position:fixed;left:-290px;top:0;bottom:0;width:280px;z-index:1040;transition:.22s}.sidebar.show{left:0}.topbar{position:sticky;top:0;z-index:1030;padding:8px 10px;overflow:visible}.topbar-title{font-size:20px;line-height:1.05;white-space:nowrap}.topbar-actions{gap:6px!important;min-width:max-content}.theme-toggle{width:36px;height:36px}.sidebar-logout{display:none!important}
  .metro-mobile-nav{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px;position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:1050;background:rgba(255,255,255,.98);border-top:1px solid #e5e7eb;border-radius:20px 20px 0 0;padding:10px 10px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -12px 32px rgba(15,23,42,.18);backdrop-filter:blur(12px);transform:none!important}.metro-mobile-nav:has(a:nth-child(5)){grid-template-columns:repeat(5,1fr)}.metro-mobile-nav a{position:relative;border:0;background:#f1f5f9;border-radius:16px;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#111827;font-size:10.5px;font-weight:800;line-height:1.1;text-align:center}.metro-mobile-nav i{font-size:21px;margin-bottom:3px}.metro-mobile-nav .active{background:#0d6efd;color:#fff}.metro-badge{position:absolute;right:10px;top:6px;background:#ef4444;color:white;border-radius:999px;padding:1px 6px;font-size:10px;line-height:18px;min-width:18px;text-align:center}
}
@media(max-width:430px){.topbar-title{font-size:18px!important}.topbar .btn-sm{padding:.35rem .5rem}.topbar .dropdown-toggle::after{display:none}.topbar-actions .btn span:not(.badge),.topbar-actions .dropdown span{display:none!important}.metro-mobile-nav{gap:6px;padding-left:7px;padding-right:7px}.metro-mobile-nav a{min-height:56px;border-radius:14px;font-size:9.5px}.metro-mobile-nav i{font-size:20px}}
@media (max-width: 991.98px){
  body{padding-bottom:95px!important;}
  .metro-mobile-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:2147483000!important;display:flex!important;align-items:stretch!important;justify-content:space-around!important;width:100%!important;min-height:72px!important;padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;background:#fff!important;box-shadow:0 -8px 24px rgba(15,23,42,.14)!important;border-top:1px solid #e5e7eb!important;}
  .metro-mobile-nav a{flex:1!important;min-width:0!important;text-align:center!important;text-decoration:none!important;font-size:11px!important;padding:5px 2px!important;color:#334155!important;}
  .metro-mobile-nav i{display:block!important;font-size:20px!important;margin-bottom:2px!important;}
  .metro-mobile-nav a.active{color:#0d6efd!important;font-weight:700!important;}
  .table-responsive{padding-bottom:85px!important;}
}

/* 866 - Mobil modal tam ekran / sabit alt menü kalıcı çözüm
   Mobilde Bootstrap modalları uygulama sayfası gibi davranır:
   üstte modal başlığı, ortada scroll içerik, altta sticky Kaydet/Vazgeç,
   onun altında sabit metro menü. Masaüstü modal davranışı değişmez. */
@media (max-width: 991.98px){
  :root{
    --ozaba-mobile-bottom-nav: 92px;
    --ozaba-mobile-modal-top-gap: 8px;
    --ozaba-mobile-modal-side-gap: 0px;
  }

  body.modal-open{
    overflow: hidden !important;
    padding-right: 0 !important;
  }

  .modal.show{
    padding: var(--ozaba-mobile-modal-top-gap) var(--ozaba-mobile-modal-side-gap) 0 var(--ozaba-mobile-modal-side-gap) !important;
    z-index: 1060 !important;
    overflow: hidden !important;
  }

  .modal.show .modal-dialog,
  .modal.show .modal-dialog.modal-dialog-centered,
  .modal.show .modal-dialog.modal-dialog-scrollable{
    width: 100% !important;
    max-width: 100% !important;
    height: calc(100dvh - var(--ozaba-mobile-bottom-nav) - var(--ozaba-mobile-modal-top-gap) - env(safe-area-inset-bottom, 0px)) !important;
    min-height: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    transform: none !important;
  }

  .modal.show .modal-content{
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border-radius: 22px 22px 0 0 !important;
    border: 0 !important;
  }

  .modal.show .modal-content > form,
  .modal.show form.modal-content{
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  .modal.show .modal-header{
    flex: 0 0 auto !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 4 !important;
    background: #fff !important;
    border-bottom: 1px solid #e5e7eb !important;
  }

  .modal.show .modal-body{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 24px !important;
  }

  .modal.show .modal-footer{
    flex: 0 0 auto !important;
    position: sticky !important;
    bottom: 0 !important;
    z-index: 5 !important;
    background: #fff !important;
    border-top: 1px solid #e5e7eb !important;
    box-shadow: 0 -8px 22px rgba(15,23,42,.08) !important;
    padding: 10px 14px calc(12px + env(safe-area-inset-bottom, 0px)) 14px !important;
    gap: 10px !important;
  }

  .modal.show .modal-footer .btn{
    min-height: 44px !important;
    border-radius: 14px !important;
    font-weight: 800 !important;
  }

  .modal.show .modal-footer .btn:first-child:last-child{
    width: 100% !important;
  }

  .modal.show .modal-footer .btn:not(:first-child:last-child){
    flex: 1 1 0 !important;
  }

  .modal-backdrop.show{
    z-index: 1055 !important;
  }

  .metro-mobile-nav{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2147483000 !important;
    transform: none !important;
  }

  .content-wrapper,
  .main-content,
  .card,
  .panel,
  .table-responsive{
    scroll-margin-bottom: var(--ozaba-mobile-bottom-nav) !important;
  }
}

@media (max-width: 430px){
  :root{--ozaba-mobile-bottom-nav: 96px;}
  .modal.show .modal-content{border-radius: 18px 18px 0 0 !important;}
}