/* IBEX Phone V12: accessible business-call controls, browser simulation only. */
#call-overlay .call-screen{
  width:min(100%,420px);max-width:420px;
  height:auto;min-height:0;max-height:min(820px,calc(100dvh - 26px));
  overflow:auto;overscroll-behavior:contain;
  padding:19px 23px 20px;
  background:linear-gradient(170deg,#123e7b 0%,#082d64 47%,#031b41 100%);
}
#call-overlay .call-head{padding:4px 0;min-height:34px}
#call-overlay .call-head img{width:103px;max-width:103px}
#call-overlay .call-center{display:flex;flex-direction:column;align-items:center;min-height:0;flex:0 0 auto;margin:14px 0 4px}
#call-overlay .call-avatar-large{width:63px;height:63px;min-height:63px;margin:0 0 12px;font-size:22px;background:#224b7d}
#call-overlay .call-center h2{margin:8px 0 4px;font-size:24px;line-height:1.1}
#call-overlay .call-center p{margin:0;font-size:12px}
#call-overlay .call-timer{margin:12px 0 3px;font-size:22px}
#call-overlay .call-stage-pill{font-size:11px;color:#d6edff;border:1px solid rgba(157,201,255,.28);background:rgba(177,218,255,.09);border-radius:999px;padding:6px 13px;margin:6px 0 0;max-width:100%;text-align:center;line-height:1.3}
#call-overlay .call-stage-pill::before{content:"";display:inline-block;margin-right:6px;width:6px;height:6px;border-radius:50%;background:#ffb265;vertical-align:middle}
#call-overlay .call-party-summary{font-size:10px;color:#c9d7e9;margin-top:6px;text-align:center;max-width:320px;overflow-wrap:anywhere}
#call-overlay .call-party-summary[hidden]{display:none}
#call-overlay .call-bottom{width:100%;margin:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0}
#call-overlay .call-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;justify-items:center;max-width:338px;width:100%;margin:14px auto 16px}
#call-overlay .call-control-grid button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-width:0;width:100%;background:transparent;border:0;color:#e7f1ff;font-size:11px;font-weight:600;padding:0;line-height:1.25;text-align:center}
#call-overlay .call-control-grid button>span:not(.control-caption){width:49px;height:49px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:rgba(225,238,255,.12);border:1px solid rgba(231,239,255,.12);box-shadow:none;transition:background .15s ease,color .15s ease}
#call-overlay .call-control-grid button .icon{width:21px;height:21px;stroke-width:1.8}
#call-overlay .call-control-grid button[aria-pressed="true"]>span:first-child{background:#edf5ff;color:#082b61;box-shadow:0 7px 20px rgba(0,0,0,.17)}
#call-overlay .call-control-grid button:disabled{opacity:.33;cursor:not-allowed}
#call-overlay .call-control-grid .control-caption{font-style:normal;font-weight:600}
#call-overlay .call-secondary-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:0 0 10px}
#call-overlay .call-secondary-actions[hidden]{display:none}
#call-overlay .call-secondary-actions button{display:flex;gap:5px;align-items:center;justify-content:center;min-height:34px;padding:9px 11px;border:1px solid rgba(225,238,255,.22);border-radius:11px;background:rgba(225,238,255,.12);color:#f2f7ff;font-size:11px;font-weight:700}
#call-overlay .call-secondary-actions button[hidden]{display:none}
#call-overlay .call-secondary-actions .icon{width:16px;height:16px}
#call-overlay #call-merge,#call-overlay #call-complete-transfer{background:rgba(80,166,255,.23);border-color:rgba(95,177,255,.39)}
#call-overlay .end-call{height:48px;min-height:48px;margin:0 auto;border-radius:15px;background:#ea4b4e;color:#fff;box-shadow:0 8px 22px rgba(234,75,78,.25)}
#call-overlay .call-demo-disclaimer{font-size:10px;margin:10px auto 0;display:block;color:#b9cbe2;line-height:1.35;text-align:center}
#call-overlay .in-call-keypad{width:100%;max-width:275px;margin:0 auto 14px;padding:0}
#call-overlay .in-call-keypad[hidden]{display:none}
#call-overlay .in-call-key-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}
#call-overlay .in-call-key-grid button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.11);color:white;border-radius:15px;height:38px;font-size:19px;font-weight:570}
#call-overlay .in-call-digits{color:#bfd6f0;font-size:14px;text-align:center;min-height:20px;overflow-wrap:anywhere}
#call-overlay #in-call-keypad-close{background:transparent;border:0;color:#b9daff;font-size:12px;padding:10px;display:block;margin:4px auto 0}
#call-overlay .call-screen.keypad-visible .call-control-grid{display:none}
#call-overlay .call-screen.keypad-visible .call-center{margin-bottom:5px}
#call-overlay .call-destination-sheet{position:absolute;z-index:5;inset:0;display:flex;justify-content:center;align-items:center;padding:16px;background:rgba(4,15,35,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#call-overlay .call-destination-sheet[hidden]{display:none}
#call-overlay .call-destination-card{background:#f8fafc;color:#0b244b;width:min(100%,386px);max-height:calc(100dvh - 36px);overflow:auto;border-radius:24px;padding:23px 22px 19px;box-shadow:0 20px 70px rgba(0,0,0,.3)}
#call-overlay .destination-handle{display:none}
#call-overlay .destination-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#call-overlay .destination-top h3{font-size:21px;margin:5px 0 0;color:#0c2f66;letter-spacing:-.6px}
#call-overlay .destination-overline{font-size:10px;font-weight:790;letter-spacing:1.4px;color:#73849a}
#call-overlay #call-destination-close{border:0;border-radius:12px;width:32px;height:32px;display:grid;place-items:center;background:#e9edf4;color:#1a3d68;font-size:13px}
#call-overlay #call-destination-description{font-size:12px;color:#61748d;line-height:1.6;margin:12px 0 17px}
#call-overlay .destination-mode{display:flex;gap:5px;border-radius:12px;background:#e9eef5;padding:4px;margin-bottom:17px}
#call-overlay .destination-mode[hidden]{display:none}
#call-overlay .destination-mode button{border:none;border-radius:10px;flex:1;min-height:36px;font-size:12px;font-weight:700;color:#667993;background:transparent}
#call-overlay .destination-mode button.current{background:white;color:#00235a;box-shadow:0 3px 14px rgba(0,35,90,.1)}
#call-overlay .call-destination-card label{font-size:11px;font-weight:770;letter-spacing:.3px;display:block;margin-bottom:7px}
#call-overlay #call-target-number{width:100%;height:44px;border-radius:12px;border:1px solid #d4dfed;padding:0 12px;font-size:15px;color:#092b61;background:white}
#call-overlay .destination-contacts{margin:14px 0;display:flex;flex-direction:column;gap:4px;max-height:150px;overflow:auto}
#call-overlay .destination-contact{display:flex;gap:10px;align-items:center;padding:8px 9px;border-radius:12px;border:1px solid transparent;background:transparent;color:#203956;text-align:left}
#call-overlay .destination-contact.chosen{background:#ebf1ff;border-color:#c1d2f4}
#call-overlay .destination-avatar{height:30px;width:30px;display:grid;place-items:center;border-radius:50%;color:#0c3c7f;background:#e6eef8;font-size:10px;font-weight:700;flex-shrink:0}
#call-overlay .destination-contact strong{display:block;font-size:12px}
#call-overlay .destination-contact small{display:block;font-size:10px;color:#7b899e;margin-top:3px}
#call-overlay .destination-error{color:#b12e35;font-size:12px;margin:0 0 8px}
#call-overlay .destination-actions{display:flex;gap:8px;margin:15px 0 9px}
#call-overlay .destination-actions button{border-radius:12px;border:1px solid #d5deea;background:white;color:#193e70;padding:12px 12px;flex:1;font-size:12px;font-weight:750}
#call-overlay #call-target-confirm{background:#00235a;border-color:#00235a;color:white}
#call-overlay .call-destination-card>small{font-size:10px;color:#8593a6;line-height:1.35;display:block}
@media(max-width:740px){
 #call-overlay{align-items:stretch;justify-content:stretch;padding:0!important}
 #call-overlay .call-screen{width:100%;max-width:none;min-height:100svh;height:100svh;max-height:100svh;border:0;border-radius:0;display:flex;overflow:auto;padding:calc(env(safe-area-inset-top) + 13px) 24px calc(env(safe-area-inset-bottom) + 14px)}
 #call-overlay .call-head{padding:0 0 10px}
 #call-overlay .call-center{flex:1 1 auto;justify-content:center;min-height:0;margin:6px 0}
 #call-overlay .call-control-grid{margin:10px auto 15px;gap:13px 9px}
 #call-overlay .call-control-grid button>span:first-child{height:53px;width:53px}
 #call-overlay .call-destination-sheet{align-items:flex-end;padding:0}
 #call-overlay .call-destination-card{border-radius:26px 26px 0 0;width:100%;max-width:none;max-height:88dvh;padding:14px 21px calc(env(safe-area-inset-bottom) + 22px)}
 #call-overlay .destination-handle{display:block;width:42px;height:5px;background:#c8d2e1;border-radius:99px;margin:0 auto 17px}
}
@media(max-height:680px){
 #call-overlay .call-avatar-large{width:47px;height:47px;min-height:47px;margin:0 0 8px;font-size:18px}
 #call-overlay .call-control-grid{gap:7px 7px;margin:8px auto 12px}
 #call-overlay .call-control-grid button>span:first-child{width:43px;height:43px}
 #call-overlay .call-control-grid button{gap:4px;font-size:10px}
 #call-overlay .call-center h2{font-size:20px}
 #call-overlay .call-timer{margin:7px 0 0}
}

#call-overlay .end-call .icon{width:23px;height:23px;stroke-width:2.3}