/**
 * Yavuz Plastik StockOS v1.6.34
 * Mobil/tablet POS alt işlem alanı: çift yönlü, akıcı ve tutukluk yapmayan kaydırma.
 * Masaüstü/web düzeni korunur.
 */

/* Masaüstünde ek sarmalayıcı DOM'u görünümü değiştirmez. */
html:not(.mxso-v1631-pos-compact) body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634{
    display:contents!important;
}

/* Yalnız telefon ve dik/kompakt tablet POS görünümü. */
html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell{
    scroll-behavior:auto!important;
}

html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell .mxso-sector-payment{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:8px 0 0!important;
    padding:7px!important;
    overflow:hidden!important;
    border:1px solid #d6e3f1!important;
    border-radius:14px!important;
    background:#f7faff!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}

html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634{
    display:grid!important;
    grid-template-columns:220px 620px!important;
    grid-template-rows:auto auto auto!important;
    grid-template-areas:
        "total form"
        "total notes"
        "total print"!important;
    column-gap:10px!important;
    row-gap:7px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:224px!important;
    max-height:min(48dvh,430px)!important;
    padding:2px 3px 10px!important;
    overflow-x:auto!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-behavior:auto!important;
    scroll-snap-type:none!important;
    scrollbar-gutter:stable both-edges!important;
    touch-action:pan-x pan-y!important;
    contain:layout paint!important;
    isolation:isolate!important;
    box-shadow:none!important;
    background:transparent!important;
}

html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634::-webkit-scrollbar{
    width:11px!important;
    height:11px!important;
}
html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634::-webkit-scrollbar-track{
    background:#e7eff8!important;
    border-radius:999px!important;
}
html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634::-webkit-scrollbar-thumb{
    min-width:72px!important;
    min-height:72px!important;
    background:#4d83c7!important;
    border:2px solid #e7eff8!important;
    border-radius:999px!important;
}
html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634{
    scrollbar-width:auto!important;
    scrollbar-color:#4d83c7 #e7eff8!important;
}

html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634 .mxso-sector-total-box{
    grid-area:total!important;
    align-self:start!important;
    width:220px!important;
    min-width:220px!important;
    max-width:220px!important;
    min-height:214px!important;
    margin:0!important;
    padding:12px!important;
    border-radius:12px!important;
    box-shadow:none!important;
    contain:layout paint!important;
}

html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634 .mxso-sector-total-box article{
    min-height:38px!important;
    gap:8px!important;
}
html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634 .mxso-sector-total-box span{
    font-size:11px!important;
    line-height:1.25!important;
}
html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634 .mxso-sector-total-box strong{
    font-size:15px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
}

html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634 .mxso-sector-payment-form{
    grid-area:form!important;
    display:grid!important;
    grid-template-columns:repeat(4,145px)!important;
    grid-auto-rows:46px!important;
    gap:7px!important;
    width:601px!important;
    min-width:601px!important;
    max-width:601px!important;
    margin:0!important;
    padding:0!important;
    contain:layout paint!important;
}

html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634 .mxso-sector-payment-form>*{
    width:145px!important;
    min-width:145px!important;
    max-width:145px!important;
    min-height:46px!important;
    height:46px!important;
    margin:0!important;
    padding:8px 10px!important;
    font-size:13px!important;
    line-height:1.2!important;
    border-radius:10px!important;
    box-shadow:none!important;
}

html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634 .mxso-sector-payment-form button{
    font-weight:500!important;
    color:#fff!important;
}

html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634 .mxso-sector-banknotes{
    grid-area:notes!important;
    display:grid!important;
    grid-template-columns:repeat(4,145px)!important;
    gap:7px!important;
    width:601px!important;
    min-width:601px!important;
    max-width:601px!important;
    margin:0!important;
    padding:0!important;
    contain:layout paint!important;
}
html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634 .mxso-sector-banknotes button{
    width:145px!important;
    min-width:145px!important;
    max-width:145px!important;
    min-height:42px!important;
    height:42px!important;
    margin:0!important;
    border-radius:10px!important;
    box-shadow:none!important;
}

html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634 .mxso-sector-print-actions{
    grid-area:print!important;
    display:flex!important;
    gap:7px!important;
    width:max-content!important;
    min-width:601px!important;
    margin:0!important;
    padding:0!important;
}
html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634 .mxso-sector-print-actions button{
    flex:0 0 145px!important;
    min-width:145px!important;
    min-height:40px!important;
    border-radius:10px!important;
}

/* Mobilde alanın alt navigasyonun arkasında kalmasını önle. */
html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell .mxso-sector-pos-left-stack{
    padding-bottom:calc(var(--mxso-v1631-nav-h,64px) + env(safe-area-inset-bottom) + 18px)!important;
}

/* Telefon: görünür pencere biraz daha uzun, yatay içerik daha kompakt. */
html.mxso-v1631-phone body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634{
    grid-template-columns:204px 580px!important;
    column-gap:8px!important;
    min-height:232px!important;
    max-height:min(52dvh,440px)!important;
}
html.mxso-v1631-phone body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634 .mxso-sector-total-box{
    width:204px!important;
    min-width:204px!important;
    max-width:204px!important;
}
html.mxso-v1631-phone body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634 .mxso-sector-payment-form{
    grid-template-columns:repeat(4,136px)!important;
    width:565px!important;
    min-width:565px!important;
    max-width:565px!important;
}
html.mxso-v1631-phone body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634 .mxso-sector-payment-form>*{
    width:136px!important;
    min-width:136px!important;
    max-width:136px!important;
}
html.mxso-v1631-phone body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634 .mxso-sector-banknotes{
    grid-template-columns:repeat(4,136px)!important;
    width:565px!important;
    min-width:565px!important;
    max-width:565px!important;
}
html.mxso-v1631-phone body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634 .mxso-sector-banknotes button{
    width:136px!important;
    min-width:136px!important;
    max-width:136px!important;
}

/* Yatay telefon ve kısa ekran: panel yüksekliği sınırlı, iki yönde serbest kaydırılır. */
@media (max-height:560px) and (pointer:coarse){
    html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634{
        min-height:188px!important;
        max-height:54dvh!important;
    }
    html.mxso-v1631-pos-compact body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634 .mxso-sector-total-box{
        min-height:180px!important;
    }
}

/* Kaydırma sırasında pahalı görsel efektleri kapat; içerik ve işlev değişmez. */
html.mxso-v1634-pos-scrolling body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634,
html.mxso-v1634-pos-scrolling body.mxso-sector-terminal-shell .mxso-pos-payment-scroll-v1634 *{
    transition:none!important;
    animation:none!important;
    text-shadow:none!important;
    filter:none!important;
}