/* Mobil klavye + ince üst bar — masaüstü dokunulmaz */

html {
    --mp-vv-h: 100dvh;
    --mp-vv-top: 0px;
    --mp-kb: 0px;
}

@media (max-width: 767px) {
    html.mp-kb-open body:not(.sutlac-open) #teacher-panel:not(.hidden),
    html.mp-kb-open body:not(.sutlac-open) #student-panel:not(.hidden) {
        height: var(--mp-vv-h, 100dvh) !important;
        max-height: var(--mp-vv-h, 100dvh) !important;
        overflow: hidden !important;
    }
    html.mp-kb-open body:not(.sutlac-open) #teacher-panel main,
    html.mp-kb-open body:not(.sutlac-open) #student-panel main {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }
    html.mp-kb-open #messages-view:not(.hidden) {
        height: 100% !important;
        max-height: 100% !important;
    }
    html.mp-kb-open #messages-view .wa-composer {
        padding-bottom: 0.4rem !important;
    }
    #messages-view .wa-composer input[type="text"] {
        font-size: 1rem !important;
    }
    html.mp-kb-open body.sutlac-open #student-bottom-nav {
        display: none !important;
    }
    html.mp-kb-open .sutlac-root.is-open {
        align-items: flex-start !important;
    }
    html.mp-kb-open .sutlac-root.is-open .sutlac-sheet {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: var(--mp-vv-top, 0px) !important;
        bottom: auto !important;
        height: var(--mp-vv-h, 50dvh) !important;
        max-height: var(--mp-vv-h, 50dvh) !important;
        margin: 0 !important;
        border-radius: 0 !important;
        transform: none !important;
    }
    html.mp-kb-open #wish-modal:not(.hidden) .s-wa-app,
    html.mp-kb-open #student-message-modal:not(.hidden) .s-wa-app {
        top: var(--mp-vv-top, 0px) !important;
        height: var(--mp-vv-h, 100dvh) !important;
        max-height: var(--mp-vv-h, 100dvh) !important;
    }
    html.mp-kb-open body.mp-modal-open #student-bottom-nav {
        display: none !important;
    }
    html.mp-kb-open .mp-sutlac-popup .mp-island-ask {
        padding-bottom: 0.15rem;
    }
    #teacher-panel .tdash-sutlac-home-stats .tdash-sutlac-stat > .tdash-sutlac-stat-body > p {
        font-size: 0.68rem;
        line-height: 1.4;
    }
    #teacher-panel .tdash-sutlac-stat h3 {
        font-size: 0.62rem;
    }
    #teacher-panel .tdash-command-hint,
    #teacher-panel .tdash-command-kicker {
        font-size: 0.62rem;
    }
    #teacher-panel .tdash-command-value {
        font-size: 0.95rem;
    }
}