.virtual-phone-div{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,0.6);z-index:999999;}
.virtual-phone-div table{width:auto;background:#fff;padding:16px;border-radius:16px;border-spacing:8px;box-shadow:0 15px 40px rgba(0,0,0,0.18);animation:popIn .2s ease;}
.virtual-phone-div td{text-align:center;}
#phone-title{margin:0;font-size:26px;color:#333;font-weight:600;}
#virtual-phone-input{width:100%!important;height:85px!important;font-size:34px!important;background:#f5f5f5!important;color:#000!important;border-radius:10px;border:2px solid #ddd!important;padding:10px 15px!important;margin-bottom:10px;box-sizing:border-box;text-align:center;}
.virtual-phone-div table tr td div{background:linear-gradient(145deg,#ffffff,#eaeaea);color:#000;font-size:28px;height:80px;min-width:85px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:2px 2px 6px rgba(0,0,0,0.15),-1px -1px 4px rgba(255,255,255,0.8);transition:.12s ease;user-select:none;}
.virtual-phone-div table tr td div:hover{background:linear-gradient(145deg,#f0f0f0,#dcdcdc);transform:translateY(-1px);}
.virtual-phone-div table tr td div:active{transform:scale(.95);box-shadow:inset 2px 2px 5px rgba(0,0,0,0.2);}
.key-back{font-size:32px;}
.virtual-phone-input[type='button']{width:100%!important;height:70px!important;font-size:26px!important;border-radius:12px!important;border:none!important;margin:0!important;cursor:pointer;}
#ok-phone-input{background:linear-gradient(145deg,#ef5350,#c62828)!important;color:#fff!important;box-shadow:0 4px 10px rgba(239,83,80,.4);}
#cancel-phone-input{background:#e0e0e0!important;color:#000!important;}
#ok-phone-input:hover{transform:translateY(-1px);}
#cancel-phone-input:hover{transform:translateY(-1px);}
.hide{display:none;}
@keyframes popIn{from{transform:scale(.9);opacity:0;}to{transform:scale(1);opacity:1;}}