/* =====================================
   AramTex ERP - Virtual Keyboard
   ===================================== */

#aramVirtualKeyboard {
    display: none;
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    height: 100vh !important;
    z-index: 2147483647 !important;
    background: #dce3eb !important;
    direction: ltr !important;
    font-family: Tahoma, sans-serif !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    padding: 5px !important;
}

    /* نوار بالایی */

    #aramVirtualKeyboard .avk-top {
        flex: 0 0 42px !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 12px !important;
        background: #173d59 !important;
        color: white !important;
        direction: rtl !important;
        box-sizing: border-box !important;
    }

    #aramVirtualKeyboard .avk-title {
        font-size: 17px !important;
        font-weight: bold !important;
    }

    #aramVirtualKeyboard .avk-top button {
        background: #d93636 !important;
        color: white !important;
        border: none !important;
        border-radius: 7px !important;
        padding: 7px 18px !important;
        font-size: 18px !important;
    }

    /* کادر نمایش متن */

    #aramVirtualKeyboard .avk-display {
        flex: 0 0 13% !important;
        min-height: 55px !important;
        width: auto !important;
        margin: 5px !important;
        padding: 10px 15px !important;
        overflow-y: auto !important;
        background: white !important;
        border: 2px solid #1685c5 !important;
        border-radius: 10px !important;
        color: #111 !important;
        font-size: 25px !important;
        line-height: 1.7 !important;
        white-space: pre-wrap !important;
        overflow-wrap: anywhere !important;
        direction: rtl !important;
        text-align: right !important;
        box-sizing: border-box !important;
    }

    #aramVirtualKeyboard .avk-empty {
        color: #999 !important;
    }

    /* فضای اصلی کلیدها */

    #aramVirtualKeyboard .avk-keyboard {
        flex: 1 1 0 !important;
        min-height: 0 !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-evenly !important;
        align-items: stretch !important;
        gap: 6px !important;
        padding: 5px !important;
        direction: ltr !important;
        box-sizing: border-box !important;
    }

    /* ردیف کلیدها */

    #aramVirtualKeyboard .avk-row {
        flex: 1 1 0 !important;
        min-height: 0 !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 5px !important;
        direction: ltr !important;
    }

    /* کلیدهای حروف و اعداد */

    #aramVirtualKeyboard .avk-key {
        flex: 1 1 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        color: #17212b !important;
        font-family: Tahoma, sans-serif !important;
        font-size: clamp(18px, 3vw, 30px) !important;
        font-weight: bold !important;
        box-shadow: 0 2px 3px rgba(0,0,0,.2) !important;
        touch-action: manipulation !important;
    }

        #aramVirtualKeyboard .avk-key:active {
            background: #b8dcf5 !important;
        }

    /* نوار دکمه های پایین */

    #aramVirtualKeyboard .avk-bottom {
        flex: 0 0 58px !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        gap: 5px !important;
        padding: 5px !important;
        background: #c5d0dd !important;
        direction: ltr !important;
        box-sizing: border-box !important;
    }

        #aramVirtualKeyboard .avk-bottom button {
            flex: 1 1 0 !important;
            min-width: 0 !important;
            height: auto !important;
            margin: 0 !important;
            padding: 0 3px !important;
            border: none !important;
            border-radius: 8px !important;
            font-family: Tahoma, sans-serif !important;
            font-size: clamp(12px, 2vw, 17px) !important;
            font-weight: bold !important;
            background: white !important;
            color: #173d59 !important;
        }

            /* دکمه حذف */

            #aramVirtualKeyboard .avk-bottom button[data-action="back"] {
                background: #64748b !important;
                color: white !important;
                border: 1px solid #475569 !important;
                font-size: 23px !important;
            }

            /* دکمه ثبت */

            #aramVirtualKeyboard .avk-bottom button[data-action="enter"] {
                background: #198754 !important;
                color: white !important;
                border: 1px solid #146c43 !important;
                font-weight: bold !important;
            }

            /* دکمه خروج */

            #aramVirtualKeyboard .avk-bottom button[data-action="cancel"] {
                background: #dc3545 !important;
                color: white !important;
                border: 1px solid #b02a37 !important;
                font-weight: bold !important;
            }

/* گوشی در حالت افقی */

@media screen and (orientation: landscape) {

    #aramVirtualKeyboard .avk-top {
        flex-basis: 34px !important;
    }

    #aramVirtualKeyboard .avk-display {
        flex-basis: 9% !important;
        min-height: 35px !important;
        font-size: 21px !important;
        padding: 5px 12px !important;
    }

    #aramVirtualKeyboard .avk-keyboard {
        gap: 3px !important;
        padding: 3px 8px !important;
    }

    #aramVirtualKeyboard .avk-key {
        font-size: clamp(17px, 3.2vh, 27px) !important;
    }

    #aramVirtualKeyboard .avk-bottom {
        flex-basis: 43px !important;
        padding: 3px 8px !important;
    }
}


/* نمایش رمز به‌صورت نقطه در صفحه‌کلید مجازی */
#aramVirtualKeyboard .avk-display.password-mode {
    direction: ltr !important;
    text-align: left !important;
    letter-spacing: 5px !important;
    font-size: 27px !important;
}