/* Chat Habib PWA v52 — full-screen WhatsApp-like call presentation */
.wa-call-active{overflow:hidden!important;overscroll-behavior:none}
.webcall-overlay.wa-call-screen{padding:0!important;background:#071317!important;backdrop-filter:none!important}
.webcall-overlay.wa-call-screen .webcall-card{position:relative;width:min(100vw,560px);height:min(100dvh,900px);max-height:none!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,#123b36 0%,#0d2526 32%,#071317 100%)!important;box-shadow:0 30px 100px rgba(0,0,0,.6)!important;overflow:hidden!important}
.webcall-overlay.wa-call-screen .webcall-top{position:absolute;left:0;right:0;top:0;z-index:12;height:auto;min-height:70px;padding:calc(12px + env(safe-area-inset-top)) 18px 10px;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0))!important;display:flex;align-items:flex-start;gap:10px;justify-content:flex-start!important;flex-wrap:wrap}
.webcall-overlay.wa-call-screen .webcall-brand{font-size:10px;color:#d7efe9!important;letter-spacing:.12em}.webcall-overlay.wa-call-screen .webcall-state{order:3;flex-basis:100%;font-size:13px;color:#fff!important;font-weight:700;margin-top:1px}.webcall-overlay.wa-call-screen .wa-call-secure{margin-left:auto;font-size:10px;color:#d3e7e2;opacity:.92}.webcall-overlay.wa-call-screen .wa-call-duration{margin-left:auto;font-size:11px;color:#fff;font-variant-numeric:tabular-nums;font-weight:800}
.webcall-overlay.wa-call-screen .webcall-stage{min-height:0!important;flex:1;background:radial-gradient(circle at 50% 25%,#315e57 0,#183d3a 35%,#0b1c1e 74%)!important}
.webcall-overlay.wa-call-screen .webcall-card.is-video .webcall-stage{position:absolute;inset:0;background:#071317!important}
.webcall-overlay.wa-call-screen .webcall-remote{position:absolute;inset:0;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;background:#071317!important}
.webcall-overlay.wa-call-screen .webcall-local{position:absolute;z-index:10;right:14px!important;top:calc(82px + env(safe-area-inset-top));bottom:auto!important;left:auto;width:min(29vw,132px)!important;aspect-ratio:3/4;border-radius:18px!important;border:2px solid rgba(255,255,255,.82)!important;box-shadow:0 12px 30px rgba(0,0,0,.38)!important;touch-action:none;cursor:grab;background:#11292a!important}
.webcall-overlay.wa-call-screen .webcall-local:active{cursor:grabbing}
.webcall-overlay.wa-call-screen .webcall-audio-hero{padding:118px 24px 180px!important;text-align:center}.webcall-overlay.wa-call-screen .webcall-big-icon{width:150px!important;height:150px!important;margin:0 auto 26px!important;background:linear-gradient(145deg,#2e8f77,#176a5b)!important;font-size:58px!important;box-shadow:0 22px 60px rgba(0,0,0,.32)!important}.webcall-overlay.wa-call-screen .webcall-audio-hero h2{font-size:28px!important;line-height:1.2;margin-bottom:8px!important}.webcall-overlay.wa-call-screen .webcall-audio-hero p{font-size:14px!important;color:#d4e0dd!important}
.webcall-overlay.wa-call-screen .webcall-name{position:absolute;left:18px;right:170px;top:calc(74px + env(safe-area-inset-top));z-index:11;padding:0!important;text-shadow:0 2px 9px rgba(0,0,0,.55)}.webcall-overlay.wa-call-screen .webcall-name b{font-size:20px!important;color:#fff}.webcall-overlay.wa-call-screen .webcall-name small{font-size:12px!important;color:#e2ece9!important}
.webcall-overlay.wa-call-screen .webcall-data-mode{position:absolute;left:50%;bottom:calc(116px + env(safe-area-inset-bottom));z-index:13;transform:translateX(-50%);margin:0!important;background:rgba(0,0,0,.38)!important;border-color:rgba(255,255,255,.12)!important;color:#d5f1e9!important;backdrop-filter:blur(8px);white-space:nowrap}
.webcall-overlay.wa-call-screen .webcall-actions{position:absolute;left:0;right:0;bottom:0;z-index:14;margin:0!important;padding:20px 18px max(24px,calc(18px + env(safe-area-inset-bottom)))!important;gap:22px!important;background:linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.38) 62%,rgba(0,0,0,0) 100%)!important;min-height:112px}
.webcall-overlay.wa-call-screen .webcall-btn{min-width:64px;color:#fff!important}.webcall-overlay.wa-call-screen .webcall-btn span{width:62px!important;height:62px!important;font-size:24px!important;background:rgba(255,255,255,.18)!important;backdrop-filter:blur(8px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.webcall-overlay.wa-call-screen .webcall-btn.accept span{background:#20b86a!important}.webcall-overlay.wa-call-screen .webcall-btn.reject span,.webcall-overlay.wa-call-screen .webcall-btn.hangup span{background:#e5484d!important}.webcall-overlay.wa-call-screen .webcall-btn.off span{background:#6b3439!important}.webcall-overlay.wa-call-screen .webcall-btn small{font-size:11px!important;color:#fff!important;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.webcall-overlay.wa-call-screen .wa-incoming .webcall-actions{justify-content:space-around!important;padding-left:44px!important;padding-right:44px!important}.webcall-overlay.wa-call-screen .wa-incoming .webcall-btn.accept span,.webcall-overlay.wa-call-screen .wa-incoming .webcall-btn.reject span{width:70px!important;height:70px!important;font-size:27px!important}.webcall-overlay.wa-call-screen .wa-incoming .webcall-data-mode{display:none}
@media(min-width:901px){.webcall-overlay.wa-call-screen{display:grid!important;place-items:center!important;padding:22px!important}.webcall-overlay.wa-call-screen .webcall-card{border-radius:28px!important;box-shadow:0 34px 110px rgba(0,0,0,.62)!important}}
@media(max-width:900px){.webcall-overlay.wa-call-screen .webcall-card{width:100vw!important;height:100dvh!important}.webcall-overlay.wa-call-screen .webcall-local{width:104px!important}.webcall-overlay.wa-call-screen .webcall-actions{gap:14px!important}.webcall-overlay.wa-call-screen .webcall-btn span{width:58px!important;height:58px!important}.webcall-overlay.wa-call-screen .wa-incoming .webcall-btn.accept span,.webcall-overlay.wa-call-screen .wa-incoming .webcall-btn.reject span{width:68px!important;height:68px!important}}
@media(display-mode:standalone){.webcall-overlay.wa-call-screen .webcall-card{width:100vw!important;height:100dvh!important;max-width:none!important}}
