/* nginx-assets/custom.css */

/* Force the keyboard to stay on top of Authelia's layers */
.simple-keyboard {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 2147483647 !important;
    /* Maximum allowed Z-Index */
    background-color: #ECECEC !important;
    color: #333 !important;
    padding-bottom: 20px;
    /* You might want to lower this to 5px for compact mode */
    border-top: 1px solid #ccc;
}

/* Make keys taller for easier touch targets */
.hg-button {
    height: 30px !important;
    /* Your custom height */
    font-size: 16px !important;
    /* Recommended: Shrink font if using 30px height */
}

/* High contrast for the input preview if needed */
.hg-candidate-box {
    z-index: 2147483647 !important;
}