
/* ==========================================================
   N5TG V49 — Compact language chooser, no internal scrolling
   CSS only. Translation JavaScript is untouched.
========================================================== */
#rn-v25-language-sheet {
    box-sizing:border-box!important;
}

#rn-v25-language-sheet .rn-v25-language-scroll {
    overflow:hidden!important;
    overscroll-behavior:none!important;
    touch-action:none!important;
    -webkit-overflow-scrolling:auto!important;
}

#rn-v25-language-sheet .rn-v25-language-grid {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    align-content:start!important;
}

#rn-v25-language-sheet .rn-v25-language-original {
    grid-column:1 / -1!important;
}

#rn-v25-language-sheet .rn-v25-language-divider {
    grid-column:1 / -1!important;
    min-height:18px!important;
    margin:0!important;
    padding:2px 4px!important;
    font-size:9px!important;
    line-height:14px!important;
}

#rn-v25-language-sheet .rn-v25-language-option {
    min-width:0!important;
    min-height:48px!important;
    height:48px!important;
    padding:6px 8px!important;
    gap:7px!important;
    border-radius:13px!important;
}

#rn-v25-language-sheet .rn-v25-language-option > span:last-child {
    min-width:0!important;
}

#rn-v25-language-sheet .rn-v25-language-option strong {
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:12px!important;
    line-height:1.15!important;
}

#rn-v25-language-sheet .rn-v25-language-option small {
    display:block!important;
    margin-top:2px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:8px!important;
    line-height:1.1!important;
}

#rn-v25-language-sheet .rn-v25-language-radio {
    flex:0 0 24px!important;
    width:24px!important;
    height:24px!important;
}

@media (max-width:980px) {
    #rn-v25-language-sheet {
        top:max(5px,env(safe-area-inset-top))!important;
        bottom:auto!important;
        left:8px!important;
        right:8px!important;
        width:auto!important;
        height:calc(100dvh - max(10px,env(safe-area-inset-top)) - 10px)!important;
        max-height:none!important;
        transform:none!important;
        border-radius:20px!important;
        display:flex!important;
        flex-direction:column!important;
    }

    #rn-v25-language-sheet:not(.open) {
        display:none!important;
    }

    #rn-v25-language-sheet .rn-v25-language-handle {
        flex:0 0 10px!important;
        height:10px!important;
        margin:4px auto 0!important;
    }

    #rn-v25-language-sheet .rn-v25-language-head {
        flex:0 0 auto!important;
        min-height:70px!important;
        padding:8px 14px!important;
    }

    #rn-v25-language-sheet .rn-v25-language-head strong {
        font-size:20px!important;
        line-height:1.1!important;
    }

    #rn-v25-language-sheet .rn-v25-language-head small {
        margin-top:4px!important;
        font-size:10px!important;
        line-height:1.25!important;
    }

    #rn-v25-language-sheet .rn-v25-language-close {
        width:38px!important;
        height:38px!important;
        min-width:38px!important;
    }

    #rn-v25-language-sheet .rn-v25-language-scroll {
        flex:1 1 auto!important;
        min-height:0!important;
        max-height:none!important;
        padding:8px!important;
    }

    #rn-v25-language-sheet .rn-v25-language-grid {
        height:100%!important;
        grid-template-rows:48px 18px repeat(7,48px)!important;
    }
}

@media (min-width:981px) {
    #rn-v25-language-sheet {
        width:min(720px,calc(100vw - 48px))!important;
        height:min(720px,calc(100vh - 32px))!important;
        max-height:none!important;
    }

    #rn-v25-language-sheet .rn-v25-language-scroll {
        height:calc(100% - 80px)!important;
        max-height:none!important;
        padding:12px!important;
    }

    #rn-v25-language-sheet .rn-v25-language-grid {
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:9px!important;
    }

    #rn-v25-language-sheet .rn-v25-language-original,
    #rn-v25-language-sheet .rn-v25-language-divider {
        grid-column:1 / -1!important;
    }

    #rn-v25-language-sheet .rn-v25-language-option {
        height:58px!important;
        min-height:58px!important;
    }
}
