#number-pad {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-left: 25px;
    margin-right: 25px;
    justify-items: center;
    align-items: center;
}

#number-pad button {
    outline: none !important;
    color: white;
    font-size: 20px;
    border: none;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: #3e3853;
}

#number-pad button .char {
    font-size: 12px;
    color: #c4c4c4;
}

#number-pad button:hover:enabled {
    outline: none !important;
    background-color: #6f6791;
    /* box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); */
    transform: scale(1.03);
}

#number-pad button:active:enabled {
    outline: none !important;
    background-color: #6e649a;
    /* box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.3); */
    transform: scale(0.96);
}


#number-pad button:disabled,
#number-pad button[disabled],
#number-pad button:disabled .char,
#number-pad button[disabled] .char {
    color: #566573;
}

#txtPhoneNumber {
    text-align: center;
    /* Căn giữa theo chiều ngang */
    vertical-align: middle;
    /* Căn giữa theo chiều dọc */
    height: 40px;
    /* Chiều cao của input */
    line-height: 40px;
    /* Dòng chữ sẽ căn theo chiều cao input */
    outline: none;
    /* Loại bỏ viền mặc định khi focus */
    border: none;
    /* Giữ lại viền mềm mại */
    background-color: #2F2B3F;
    /* Nền giống softphone */
    color: #ffffff;
    /* Chữ màu trắng */
    padding: 8px;
    /* Padding gọn gàng */
    font-size: 24px;
    /* Kích thước chữ */
    box-sizing: border-box;
    /* Đảm bảo kích thước chuẩn */
    border-bottom: 1px solid #6b6b6b;
}

/* Nếu muốn bỏ hoàn toàn viền khi focus */
#txtPhoneNumberNew:focus {
    outline: none;
    /* border: 1px solid #4a5568; Màu viền hài hòa */
}

#btnCall:disabled,
#btnCall[disabled] {
    background-color: #566573;
}

#delete-input:disabled,
#delete-input[disabled] {
    color: #566573;
}