/*
 * Yavuz Plastik StockOS v1.6.81
 * Mobil menü kurumsal düzeni, güvenli ikon standardı ve footer kontrast dengesi.
 * Kapsam: yalnız StockOS panel/katalog yüzeyleri. Veri ve işlem akışını etkilemez.
 */
:root{
  --mxso-v1681-navy:#071B3A;
  --mxso-v1681-navy-2:#09264A;
  --mxso-v1681-blue:#126CEF;
  --mxso-v1681-soft:#F4F8FC;
  --mxso-v1681-line:rgba(255,255,255,.13);
  --mxso-v1681-text:#FFFFFF;
  --mxso-v1681-muted:rgba(255,255,255,.72);
}

/* Telefon/tablet sol menü: kurumsal, tam yüzey, font ikon bağımsız. */
@media (max-width:1180px){
  html body.mxso-standalone:not(.mxso-sector-terminal-shell).mxso-menu-open,
  html body.mxso-standalone:not(.mxso-sector-terminal-shell).mxso-mobile-nav-open{
    overflow:hidden!important;
  }

  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar.mxso-sidebar{
    background:linear-gradient(180deg,#071B3A 0%,#08284C 58%,#061831 100%)!important;
    color:var(--mxso-v1681-text)!important;
    border-right:1px solid rgba(255,255,255,.10)!important;
    box-shadow:14px 0 34px rgba(0,0,0,.18)!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-color:rgba(255,255,255,.34) transparent!important;
  }

  html body.mxso-standalone:not(.mxso-sector-terminal-shell).mxso-menu-open .mxso-mobile-overlay,
  html body.mxso-standalone:not(.mxso-sector-terminal-shell).mxso-mobile-nav-open .mxso-mobile-overlay{
    background:rgba(3,13,29,.62)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar *,
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar :is(h1,h2,h3,h4,h5,h6,strong,b,span,small,p,label,a,button,input){
    text-shadow:none!important;
    -webkit-text-stroke:0!important;
    box-shadow:none;
  }

  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar :is(strong,b,.mxso-mobile-view-title,.mxso-mobile-recent-title,.mxso-nav-section-title span,.mxso-nav-link strong){
    font-weight:600!important;
    letter-spacing:-.006em!important;
  }

  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar :is(.mxso-mobile-nav-head,.mxso-mobile-view-controls,.mxso-mobile-recent-nav,.mxso-nav-section,.mxso-nav-search-wrap,.mxso-nav-no-result){
    background:rgba(255,255,255,.065)!important;
    border:1px solid rgba(255,255,255,.125)!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-mobile-nav-head{
    margin:0 0 10px!important;
    padding:calc(12px + env(safe-area-inset-top,0px)) 12px 12px!important;
    border-radius:18px!important;
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-mobile-nav-head strong{
    display:block!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:18px!important;
    line-height:1.18!important;
    font-weight:600!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-mobile-nav-head span{
    display:block!important;
    color:var(--mxso-v1681-muted)!important;
    -webkit-text-fill-color:var(--mxso-v1681-muted)!important;
    font-size:12px!important;
    line-height:1.22!important;
    font-weight:420!important;
    margin-top:4px!important;
  }

  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-mobile-nav-close{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:14px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:24px!important;
    font-weight:400!important;
    line-height:1!important;
  }

  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-search-wrap{
    min-height:48px!important;
    margin:0 0 12px!important;
    padding:0 13px!important;
    border-radius:18px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-search-wrap .dashicons{
    display:none!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-search-wrap::before{
    content:'Ara'!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:34px!important;
    height:24px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.10)!important;
    color:rgba(255,255,255,.74)!important;
    font-size:11px!important;
    font-weight:500!important;
    letter-spacing:-.002em!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-search{
    height:46px!important;
    min-height:46px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:16px!important;
    font-weight:420!important;
    outline:none!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-search::placeholder{
    color:rgba(255,255,255,.56)!important;
    -webkit-text-fill-color:rgba(255,255,255,.56)!important;
    opacity:1!important;
  }

  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-mobile-quick-actions{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0 0 12px!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-mobile-quick-actions a{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:56px!important;
    padding:8px 4px!important;
    border-radius:17px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    background:rgba(255,255,255,.075)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-decoration:none!important;
    font-size:11px!important;
    font-weight:530!important;
    line-height:1.1!important;
  }
  /* Kırık ikon kutularını tamamen kaldır. Hızlı kartlar metin odaklı çalışır. */
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-mobile-quick-actions a .dashicons{
    display:none!important;
  }

  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-mobile-view-controls,
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-mobile-recent-nav{
    border-radius:18px!important;
    padding:10px!important;
    margin:0 0 12px!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-mobile-view-title,
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-mobile-recent-title{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:600!important;
    letter-spacing:.035em!important;
    text-transform:uppercase!important;
    opacity:.86!important;
    margin-bottom:9px!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-mobile-view-buttons{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-mobile-view-buttons button{
    min-height:44px!important;
    border-radius:14px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    background:rgba(255,255,255,.07)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:13px!important;
    font-weight:520!important;
  }

  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-section{
    margin:0 0 8px!important;
    padding:7px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.055)!important;
    border-color:rgba(255,255,255,.105)!important;
    content-visibility:auto!important;
    contain-intrinsic-size:56px!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-section-title{
    min-height:44px!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.075)!important;
    border:1px solid rgba(255,255,255,.11)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    padding:0 12px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 26px!important;
    align-items:center!important;
    gap:8px!important;
    text-align:left!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-section-title span{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:12px!important;
    font-weight:600!important;
    letter-spacing:.028em!important;
    text-transform:uppercase!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-section-title i,
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-section-title .dashicons{
    display:none!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-section-title::before,
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-section-title span::before,
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-mobile-nav-head strong::before,
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-mobile-nav-head span::before{
    content:none!important;
    display:none!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-section-title::after{
    content:'›'!important;
    grid-column:2!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:26px!important;
    height:26px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.10)!important;
    color:rgba(255,255,255,.78)!important;
    -webkit-text-fill-color:rgba(255,255,255,.78)!important;
    font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:18px!important;
    font-weight:400!important;
    line-height:1!important;
    transform:rotate(90deg)!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-section.is-collapsed .mxso-nav-section-title::after{
    transform:rotate(0deg)!important;
  }

  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-section-items{
    display:grid!important;
    gap:7px!important;
    margin-top:8px!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-section.is-collapsed .mxso-nav-section-items{display:none!important;}

  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar a.mxso-nav-link{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    min-height:56px!important;
    padding:8px 10px!important;
    border-radius:17px!important;
    border:1px solid rgba(255,255,255,.105)!important;
    background:rgba(4,36,70,.58)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-decoration:none!important;
    transform:none!important;
    transition:background-color .1s ease,border-color .1s ease!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar a.mxso-nav-link:is(:hover,:focus-visible){
    background:rgba(18,108,239,.28)!important;
    border-color:rgba(112,170,255,.36)!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar a.mxso-nav-link.is-active{
    background:linear-gradient(135deg,#126CEF,#0B4FA8)!important;
    border-color:rgba(255,255,255,.34)!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:none!important;
  }
  /* Dashicons fontu eksik yüklense bile kırık kutu görünmez. */
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-icon i.dashicons,
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-icon .dashicons{
    font-size:0!important;
    width:18px!important;
    height:18px!important;
    line-height:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    overflow:hidden!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-icon i.dashicons::before,
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-icon .dashicons::before{
    content:''!important;
    width:12px!important;
    height:12px!important;
    border-radius:999px!important;
    background:#fff!important;
    display:block!important;
    opacity:.94!important;
    box-shadow:0 0 0 4px rgba(255,255,255,.12)!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-text{min-width:0!important;}
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-text strong{
    display:block!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:14px!important;
    line-height:1.18!important;
    font-weight:600!important;
    letter-spacing:-.006em!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-text small{
    display:block!important;
    margin-top:3px!important;
    color:var(--mxso-v1681-muted)!important;
    -webkit-text-fill-color:var(--mxso-v1681-muted)!important;
    font-size:11px!important;
    line-height:1.22!important;
    font-weight:400!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Menü açıkken sağdaki arka ekran sızıntısını azalt. */
  html body.mxso-standalone:not(.mxso-sector-terminal-shell).mxso-menu-open .mxso-floating-quick-toggle,
  html body.mxso-standalone:not(.mxso-sector-terminal-shell).mxso-mobile-nav-open .mxso-floating-quick-toggle,
  html body.mxso-standalone:not(.mxso-sector-terminal-shell).mxso-menu-open .mxso-mobile-bottom-nav,
  html body.mxso-standalone:not(.mxso-sector-terminal-shell).mxso-mobile-nav-open .mxso-mobile-bottom-nav{
    opacity:0!important;
    pointer-events:none!important;
  }

  /* Footer / alt nav kontrastı: açık zeminde lacivert, aktif koyu/mavi zeminde beyaz. */
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) .mxso-mobile-bottom-nav{
    background:rgba(247,251,255,.96)!important;
    border-top:1px solid #D7E3EF!important;
    color:#071B3A!important;
    box-shadow:0 -8px 22px rgba(7,27,58,.08)!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) .mxso-mobile-bottom-nav a,
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) .mxso-mobile-bottom-nav a strong{
    color:#071B3A!important;
    -webkit-text-fill-color:#071B3A!important;
    font-weight:560!important;
    text-shadow:none!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) .mxso-mobile-bottom-nav a .dashicons{
    color:#0B4FA8!important;
    -webkit-text-fill-color:#0B4FA8!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) .mxso-mobile-bottom-nav a.is-active,
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) .mxso-mobile-bottom-nav a.is-active strong,
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) .mxso-mobile-bottom-nav a.is-active .dashicons{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  html body.mxso-standalone :where(footer.mxso-footer,.mxso-footer,.mxso-site-footer,.mxstockos-footer,.mxstockos-public-footer,.mxso-dark-footer){
    background:#071B3A!important;
    color:#fff!important;
  }
  html body.mxso-standalone :where(footer.mxso-footer,.mxso-footer,.mxso-site-footer,.mxstockos-footer,.mxstockos-public-footer,.mxso-dark-footer) :where(h1,h2,h3,h4,h5,h6,strong,b,a,span,p,small,li,button){
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
}

@media (max-width:700px){
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar.mxso-sidebar{
    width:100vw!important;
    max-width:none!important;
    min-width:100vw!important;
    padding:10px 10px calc(20px + env(safe-area-inset-bottom,0px))!important;
    border-right:0!important;
    border-radius:0!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-mobile-quick-actions{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-mobile-quick-actions a{
    min-height:52px!important;
    border-radius:15px!important;
    font-size:10.8px!important;
  }
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-section-title{min-height:42px!important;}
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar a.mxso-nav-link{min-height:54px!important;}
}

@media (max-width:380px){
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-mobile-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar .mxso-nav-text small{display:none!important;}
}

@media (prefers-reduced-motion:reduce){
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) #mxsoMainSidebar.mxso-sidebar,
  html body.mxso-standalone:not(.mxso-sector-terminal-shell) .mxso-mobile-overlay{transition-duration:.01ms!important;}
}
