.customer-call .video-test-content { padding-bottom:24px; }
.customer-call .video-test-content h1 { font-size:23px; margin:10px 0 16px; }
.customer-call .video-test-content > .tag-row { margin:5px 0 0; }
.customer-ui.customer-call .video-test-stage { aspect-ratio:9/16; max-height:none; max-width:390px; margin-inline:auto; background:#211728; border-radius:18px; }
.customer-call .video-test-stage img,
.customer-call #video-test-remote { display:block; width:100%; height:100%; object-fit:contain; }
.customer-call [hidden] { display:none !important; }
.customer-call .customer-call-status { border-radius:17px; padding:18px; margin-top:16px; }
.customer-call .customer-call-status h2 { font-size:17px; margin-bottom:7px; }
.customer-call #video-test-detail { font-size:13px; line-height:1.75; color:#cbbbcf; }
.customer-call .customer-call-facts { grid-template-columns:1fr; }
.customer-call[data-call-phase="ended"] .customer-call-facts { grid-template-columns:1fr 1fr; }
.customer-call .customer-call-meter { font-size:18px; font-variant-numeric:tabular-nums; letter-spacing:.4px; margin-top:16px; }
.customer-call .customer-call-meter.call-low-balance { color:#f6dca5; font-size:14px; }
.customer-call .customer-call-receipt { border-top:1px solid #57405b; padding-top:15px; font-size:16px; line-height:1.8; }
.customer-call .action-group { gap:11px; margin-top:18px; }
.customer-call .primary { min-height:52px; border-radius:13px; font-size:16px; }
.customer-call #video-test-stop { background:#d94c69; color:white; }
.customer-call .call-help { color:#c3afc8; display:block; text-align:center; font-size:12px; padding:9px; }
.customer-call.call-recharge-open { overflow:hidden; }
.call-recharge-dialog { width:min(100% - 24px,420px); max-height:calc(100dvh - 24px); overflow:auto; padding:22px; margin:auto; background:#fffbfd; color:#33232e; border:0; border-radius:23px; box-shadow:0 22px 65px #10091952; }
.call-recharge-dialog::backdrop { background:#140d21aa; }
.call-recharge-dialog:not([open]) { display:none; }
.call-recharge-dialog.call-recharge-fallback[open] { display:block; position:fixed; inset:0; z-index:100; box-shadow:0 0 0 100vmax #140d21aa; }
.call-recharge-dialog * { box-sizing:border-box; }
.call-recharge-dialog .topup-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.call-recharge-dialog h2 { margin:0; font-size:21px; color:#33232e; }
.call-recharge-dialog .topup-close { width:34px; height:34px; display:grid; place-items:center; border:0; border-radius:50%; color:#735d69; background:#f4e9ee; font-size:24px; flex-shrink:0; }
.call-recharge-dialog .topup-copy { color:#7e6976; font-size:13px; line-height:1.7; margin:10px 0 16px; }
.call-recharge-dialog .topup-balance { display:flex; justify-content:space-between; gap:12px; padding:13px 0; border-top:1px solid #ecdfe5; color:#7e6976; font-size:13px; }
.call-recharge-dialog .topup-balance strong { color:#372532; font-size:15px; }
.call-recharge-dialog .topup-amounts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:4px 0 14px; }
.call-recharge-dialog .topup-amounts button { min-height:54px; border:1px solid #e4d5de; border-radius:10px; color:#49303e; background:#fffbfd; font:inherit; font-size:18px; }
.call-recharge-dialog .topup-amounts button[aria-pressed="true"] { border-color:#863250; background:#faeaf1; color:#863250; box-shadow:0 0 0 1px #863250; }
.call-recharge-dialog .topup-custom-label { display:block; color:#7e6976; font-size:13px; margin-bottom:7px; }
.call-recharge-dialog .topup-custom { width:100%; min-height:45px; border:1px solid #e4d5de; border-radius:10px; padding:10px 12px; font:inherit; font-size:16px; background:#fff; color:#33232e; }
.call-recharge-dialog .topup-method { display:flex; align-items:center; gap:8px; margin:19px 0 15px; font-size:14px; }
.call-recharge-dialog .topup-alipay { display:grid; place-items:center; width:24px; height:24px; background:#1677ff; color:#fff; border-radius:5px; font-size:13px; }
.call-recharge-dialog .topup-pay { width:100%; min-height:51px; border:0; border-radius:12px; background:#863250; color:#fff; padding:12px; font:inherit; font-size:16px; font-weight:600; }
.call-recharge-dialog .topup-pay:disabled { background:#dfcbd4; color:#836b77; }
.call-recharge-dialog .topup-foot { text-align:center; margin:12px 0 0; color:#8b7582; font-size:11px; line-height:1.7; }
.call-recharge-dialog .topup-message { font-size:13px; line-height:1.7; color:#715567; margin:13px 0 0; overflow-wrap:anywhere; }
.call-recharge-dialog .topup-message.error { color:#ad294a; }
@media (min-width:720px) { .customer-call .video-test-content { max-width:470px; margin:auto; } }