@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply m-0 font-sans antialiased bg-gray-50 text-gray-900}}@layer components{.control-btn,.control-btn-call,.control-btn-hangup,.control-btn-hold,.control-btn-hold.active,.control-btn-mute,.control-btn-mute.active,.control-btn-speaker,.control-btn-speaker.active,.keypad-btn,.keypad-btn-letters,.volume-slider{@apply w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer}.volume-slider::-webkit-slider-thumb{@apply appearance-none w-4 h-4 bg-bcall-500 rounded-full cursor-pointer
           hover:bg-bcall-600 transition-colors}.status-badge,.status-badge-active,.status-badge-connecting,.status-badge-hold,.status-badge-muted,.status-badge-ringing{@apply bg-red-100 text-red-700}}@layer utilities{.ring-animation{@apply relative}.ring-animation:before{content:"";@apply absolute inset-0 rounded-full bg-bcall-500 animate-pulse-ring opacity-50}}:root{--caller-ink:#10251b;--caller-muted:#66756d;--caller-line:#dfe6e1;--caller-surface:#fff;--caller-green:#8fbd4a;--caller-green-dark:#315d25;--caller-green-soft:#eef6e8}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.language-selector{align-items:center;background:#ffffffe6;border:1px solid #dfe7e1;border-radius:10px;color:#52645a;display:inline-flex;gap:5px;min-height:32px;padding:0 8px}.language-selector>svg{flex:0 0 auto;width:15px}.language-selector select{background:#0000;border:0;color:inherit;cursor:pointer;font:inherit;font-size:11px;font-weight:750;max-width:105px;outline:0}.language-selector:focus-within{border-color:#739f42;box-shadow:0 0 0 3px #8fbd4a24}.language-selector-floating{inset-block-start:20px;inset-inline-end:20px;position:fixed}.language-selector-state{inset-block-start:22px;inset-inline-end:22px;position:absolute}.caller-page{background:radial-gradient(circle at 12% 8%,#8fbd4a2b,#0000 32%),radial-gradient(circle at 88% 88%,#10251b14,#0000 34%),#f2f5f1;color:#10251b;color:var(--caller-ink);display:grid;min-height:100vh;padding:32px 18px;place-items:center;width:100%}.caller-card{animation:caller-card-in .42s ease-out both;background:#fffffff5;border:1px solid #10251b14;border-radius:28px;box-shadow:0 28px 70px #10251b21;overflow:hidden;padding:24px;position:relative;width:min(100%,480px)}.caller-card:before{background:linear-gradient(90deg,#315d25,#8fbd4a,#c4dc8e);background:linear-gradient(90deg,var(--caller-green-dark),var(--caller-green),#c4dc8e);content:"";height:5px;inset:0 0 auto;position:absolute}.caller-brand-row{align-items:center;color:#6c7b72;display:flex;font-size:12px;font-weight:700;justify-content:space-between}.caller-brand-copy{align-items:center;display:flex;gap:10px}.caller-profile{grid-gap:18px;align-items:center;display:grid;gap:18px;grid-template-columns:92px minmax(0,1fr);padding:28px 0 22px}.caller-avatar{background:linear-gradient(145deg,#244b32,#10251b);border:5px solid #f5f8f3;border-radius:27px;box-shadow:0 12px 26px #10251b2e;color:#fff;display:grid;height:88px;overflow:visible;place-items:center;position:relative;width:88px}.caller-avatar>span{font-size:34px;font-weight:800}.caller-avatar img{border-radius:22px;height:100%;object-fit:cover;width:100%}.caller-online-dot{background:#75ad3f;border:4px solid #fff;border-radius:50%;bottom:-3px;height:20px;inset-inline-start:-3px;position:absolute;width:20px}.caller-online-dot.offline{background:#c2a45b}.caller-availability{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;gap:7px;padding:5px 9px;width:-webkit-fit-content;width:fit-content}.caller-availability i{background:currentColor;border-radius:50%;height:7px;width:7px}.caller-availability.available{background:#edf6e8;color:#487c2b}.caller-availability.unavailable{background:#fff4dc;color:#8a651c}.caller-profile h1{color:#10251b;color:var(--caller-ink);font-size:clamp(27px,7vw,34px);font-weight:850;letter-spacing:-.7px;line-height:1.1;margin:8px 0 2px}.caller-profile p{color:#66756d;color:var(--caller-muted);font-size:14px;line-height:1.5;margin:0}.caller-trust-row{grid-gap:9px;display:grid;gap:9px;grid-template-columns:1fr 1fr;margin-bottom:22px}.caller-trust-row span{align-items:center;background:#f8faf8;border:1px solid #e5ebe6;border-radius:12px;color:#5f6f65;display:flex;font-size:11px;font-weight:700;gap:7px;justify-content:center;min-height:40px;padding:8px}.caller-trust-row svg{color:#5f913c;width:17px}.caller-form{border-top:1px solid #dfe6e1;border-top:1px solid var(--caller-line);padding-top:20px}.caller-form label{display:block;margin-bottom:14px}.caller-form label>span{align-items:center;color:#35483c;display:flex;font-size:12px;font-weight:800;gap:7px;margin:0 2px 7px}.caller-form label small{color:#9aa69f;font-size:10px;font-weight:600}.caller-input-wrap{grid-gap:9px;align-items:center;background:#fff;border:1px solid #dce4de;border-radius:13px;display:grid;gap:9px;grid-template-columns:20px minmax(0,1fr);min-height:48px;padding:0 14px;transition:border-color .18s ease,box-shadow .18s ease}.caller-input-wrap:focus-within{border-color:#739f42;box-shadow:0 0 0 4px #8fbd4a29}.caller-input-wrap>svg{color:#7c8b82;width:19px}.caller-input-wrap input{background:#0000;border:0;color:#10251b;color:var(--caller-ink);font:inherit;font-size:14px;outline:0;resize:none;width:100%}.caller-input-wrap input::placeholder{color:#a1aca5}.caller-error{background:#fff3f3;border:1px solid #f2d3d5;border-radius:11px;color:#a0383e;font-size:12px;line-height:1.5;margin:2px 0 13px;padding:11px 13px}.caller-primary-button,.caller-secondary-button{align-items:center;border:0;border-radius:14px;cursor:pointer;display:flex;font:inherit;font-weight:850;gap:10px;justify-content:center;min-height:54px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;width:100%}.caller-primary-button{background:linear-gradient(135deg,#315d25,#1d452e);box-shadow:0 12px 26px #26522b40;color:#fff}.caller-primary-button:hover:not(:disabled){box-shadow:0 16px 32px #26522b4d;transform:translateY(-1px)}.caller-primary-button:active:not(:disabled){transform:translateY(1px)}.caller-primary-button:focus-visible,.caller-secondary-button:focus-visible{outline:3px solid #8fbd4a73;outline-offset:3px}.caller-primary-button:disabled{background:#e3e8e4;box-shadow:none;color:#68746d;cursor:not-allowed}.caller-primary-button svg{width:22px}.caller-microphone-note{align-items:center;color:#849087;display:flex;font-size:10px;gap:6px;justify-content:center;line-height:1.4;margin:10px 0 0}.caller-microphone-note svg{flex:0 0 auto;width:14px}.caller-footer{align-items:center;color:#9aa49e;display:flex;font-size:10px;gap:6px;margin:22px auto 0;text-decoration:none;width:-webkit-fit-content;width:fit-content}.caller-footer:hover{color:#5f7e4b}.caller-loading{grid-gap:12px;color:#66756d;color:var(--caller-muted);display:grid;font-size:13px;gap:12px;justify-items:center}.caller-spinner{animation:caller-spin .8s linear infinite;border:3px solid #dfe9d7;border-radius:50%;border-top:3px solid var(--caller-green-dark);height:38px;width:38px}.caller-spinner.small{border-color:#fff #ffffff59 #ffffff59;border-width:2px;height:20px;width:20px}.caller-state-card{padding:38px 28px 24px;text-align:center}.caller-state-icon{border-radius:20px;display:grid;font-size:30px;font-weight:800;height:64px;margin:0 auto 18px;place-items:center;width:64px}.caller-state-icon.error{background:#fdebec;color:#b24248}.caller-state-card h1{font-size:24px;margin:0 0 7px}.caller-state-card>p{color:#66756d;color:var(--caller-muted);font-size:13px;margin:0 0 22px}.caller-secondary-button{background:#edf2ed;color:#10251b;color:var(--caller-ink)}@keyframes caller-spin{to{transform:rotate(1turn)}}@keyframes caller-card-in{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:520px){.caller-page{background:#fff;background:var(--caller-surface);padding:0;place-items:stretch}.caller-card{border:0;border-radius:0;box-shadow:none;min-height:100vh;padding:22px 20px 20px;width:100%}.caller-profile{gap:14px;grid-template-columns:78px minmax(0,1fr);padding-top:25px}.caller-avatar{border-radius:23px;height:76px;width:76px}.caller-avatar img{border-radius:18px}.caller-profile h1{font-size:27px}}@media (prefers-reduced-motion:reduce){.caller-card,.caller-spinner{animation-duration:.01ms!important;animation-iteration-count:1!important}}.live-call-page{background:radial-gradient(circle at 12% 8%,#8fbd4a33,#0000 34%),radial-gradient(circle at 88% 92%,#315d251a,#0000 36%),#f2f5f1;color:#10251b;color:var(--caller-ink);display:grid;min-height:100vh;min-height:100svh;padding:28px 18px;place-items:center;width:100%}.live-call-hidden-media{display:none}.live-call-card{animation:caller-card-in .42s ease-out both;background:#fffffff7;border:1px solid #10251b14;border-radius:30px;box-shadow:0 28px 70px #10251b21;display:flex;flex-direction:column;min-height:650px;overflow:hidden;padding:24px;position:relative;width:min(100%,480px)}.live-call-card:before{background:linear-gradient(90deg,#315d25,#8fbd4a,#c4dc8e);background:linear-gradient(90deg,var(--caller-green-dark),var(--caller-green),#c4dc8e);content:"";height:5px;inset:0 0 auto;position:absolute}.live-call-card.terminal{min-height:590px}.live-call-header{align-items:center;display:flex;gap:12px;justify-content:space-between;min-height:35px}.live-call-header-actions{align-items:center;display:flex;gap:7px}.live-call-brand{align-items:center;color:#284231;display:flex;font-size:17px;font-weight:850;gap:8px;letter-spacing:-.3px}.live-call-brand svg{height:27px;width:27px}.live-call-secure{align-items:center;background:#f3f6f3;border-radius:999px;color:#627169;display:inline-flex;font-size:11px;font-weight:750;gap:7px;padding:6px 10px}.live-call-secure i{background:#80b64d;border-radius:50%;box-shadow:0 0 0 4px #80b64d21;height:7px;width:7px}.live-call-recipient{display:grid;justify-items:center;padding:37px 0 22px;text-align:center}.live-call-avatar{background:linear-gradient(145deg,#315d3d,#10251b);border:6px solid #f4f8f1;border-radius:32px;box-shadow:0 16px 35px #10251b33;color:#fff;display:grid;height:104px;margin-bottom:18px;place-items:center;position:relative;width:104px}.live-call-avatar.connected{background:linear-gradient(145deg,#6da83d,#315d25);box-shadow:0 16px 35px #4e7e3040}.live-call-avatar>span{font-size:41px;font-weight:850}.live-call-avatar-pulse{animation:call-avatar-pulse 1.9s ease-out infinite;border:2px solid #8fbd4a8c;border-radius:38px;inset:-7px;position:absolute}.live-call-recipient p{color:#829087;font-size:12px;font-weight:700;margin:0 0 4px}.live-call-recipient h1{color:#10251b;color:var(--caller-ink);font-size:clamp(29px,8vw,38px);font-weight:850;letter-spacing:-.8px;line-height:1.15;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-call-video{background:#10251b;border-radius:18px;color:#c8d2cc;display:grid;font-size:12px;margin:-5px 0 18px;min-height:190px;overflow:hidden;place-items:center;position:relative}.live-call-video.hidden{display:none}.live-call-video video{display:none;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.live-call-video video.visible{display:block}.live-call-video video.local.visible{border:2px solid #fff;border-radius:13px;box-shadow:0 5px 18px #00000040;height:122px;inset:auto auto 10px 10px;width:92px;z-index:2}.live-call-status{align-items:center;background:#f8faf8;border:1px solid #e5ebe6;border-radius:16px;display:flex;gap:11px;justify-content:center;min-height:68px;padding:12px 14px;text-align:start}.live-call-status.active{background:#f1f7ed;border-color:#d8e8ce}.live-call-status-dot{animation:call-status-blink 1.7s ease-in-out infinite;background:#82b64f;border-radius:50%;box-shadow:0 0 0 6px #82b64f21;flex:0 0 auto;height:10px;width:10px}.live-call-status>div{grid-gap:2px;display:grid;gap:2px}.live-call-status strong{color:#294331;font-size:14px}.live-call-status span:last-child{color:#75827a;font-size:11px}.call-progress{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(3,1fr);list-style:none;margin:22px 0 0;padding:0;position:relative}.call-progress:before{background:#e1e7e2;content:"";height:2px;position:absolute;top:15px;inset-inline:17%}.call-progress li{grid-gap:7px;color:#9aa59e;display:grid;gap:7px;justify-items:center;position:relative;text-align:center;z-index:1}.call-progress li>span{background:#fff;border:2px solid #e1e7e2;border-radius:50%;display:grid;font-size:11px;font-weight:850;height:31px;place-items:center;width:31px}.call-progress li small{font-size:10px;font-weight:750}.call-progress li.complete,.call-progress li.current{color:#46752d}.call-progress li.current>span{background:#f1f8ec;border-color:#8fbd4a;box-shadow:0 0 0 5px #8fbd4a1f;color:#487c2b}.call-progress li.complete>span{background:#6fa33f;border-color:#6fa33f;color:#fff}.live-call-timer{grid-gap:2px;display:grid;gap:2px;justify-items:center;padding:20px 0 15px}.live-call-timer strong{color:#10251b;color:var(--caller-ink);font-size:37px;font-weight:750;letter-spacing:1px;line-height:1}.live-call-timer span{color:#88958d;font-size:10px;font-weight:700}.call-controls{display:flex;gap:14px;justify-content:center;margin:3px 0 18px}.call-controls button{grid-gap:6px;background:#0000;border:0;color:#627068;cursor:pointer;display:grid;font:inherit;gap:6px;justify-items:center;padding:0;width:68px}.call-controls button svg{background:#f4f7f4;border:1px solid #e1e7e2;border-radius:16px;height:48px;padding:13px;transition:transform .18s ease,color .18s ease,background .18s ease;width:48px}.call-controls button:hover svg{transform:translateY(-2px)}.call-controls button.active svg{background:#eaf4e4;border-color:#cfe3c2;color:#487c2b}.call-controls button span{font-size:10px;font-weight:750}.call-keypad{grid-gap:8px;background:#f5f8f5;border-radius:18px;display:grid;gap:8px;grid-template-columns:repeat(3,54px);justify-content:center;margin:-4px 0 18px;padding:13px}.call-keypad button{background:#fff;border:1px solid #e0e7e1;border-radius:13px;color:#304338;cursor:pointer;font-size:17px;font-weight:750;height:42px;transition:transform .15s ease,background .15s ease}.call-keypad button:active{background:#edf5e8;transform:scale(.95)}.live-call-inline-error{background:#fff0f1;border-radius:12px;color:#9b343c;font-size:11px;line-height:1.55;margin:12px 0;padding:10px 12px;text-align:center}.call-end-button,.call-return-button{align-items:center;border:0;border-radius:15px;cursor:pointer;display:flex;font:inherit;font-size:13px;font-weight:800;gap:9px;justify-content:center;min-height:50px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.call-end-button{background:#fff0f0;color:#8f4a4e;margin-top:auto;width:100%}.call-end-button.active{background:#d95055;box-shadow:0 11px 25px #c33d4438;color:#fff}.call-end-button:hover,.call-return-button:hover{transform:translateY(-2px)}.call-end-button svg,.call-return-button svg{width:20px}.live-call-footer{color:#9aa59e;font-size:10px;font-weight:650;margin-top:18px;text-align:center}.call-terminal-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:38px 12px 18px;text-align:center}.call-terminal-icon{border-radius:26px;display:grid;height:82px;margin-bottom:24px;place-items:center;width:82px}.call-terminal-icon svg{width:45px}.call-terminal-icon.success{background:#edf6e8;box-shadow:0 12px 30px #568a381f;color:#568a38}.call-terminal-icon.error{background:#fff0f1;box-shadow:0 12px 30px #b5454d1a;color:#b5454d}.call-terminal-kicker{color:#7c8981;font-size:12px;margin:0 0 7px}.call-terminal-kicker strong{color:#4b5c52}.call-terminal-content h1{color:#10251b;color:var(--caller-ink);font-size:29px;font-weight:850;letter-spacing:-.6px;margin:0}.call-duration-summary{align-items:center;background:#f8faf8;border:1px solid #e3e9e4;border-radius:14px;color:#7b8880;display:flex;font-size:11px;justify-content:space-between;margin:22px 0 0;padding:13px 16px;width:min(100%,245px)}.call-duration-summary strong{color:#31463a;font-size:17px;letter-spacing:.5px}.call-terminal-message{color:#748179;font-size:13px;line-height:1.65;margin:18px 0 25px;max-width:305px}.call-return-button{background:linear-gradient(135deg,#416f32,#274f2e);box-shadow:0 12px 25px #315d2533;color:#fff;padding:0 16px;width:min(100%,310px)}@keyframes call-avatar-pulse{0%{opacity:.75;transform:scale(.94)}75%,to{opacity:0;transform:scale(1.13)}}@keyframes call-status-blink{0%,to{opacity:1}50%{opacity:.45}}@media (max-width:520px){.live-call-page{background:#fff;padding:0;place-items:stretch}.live-call-card,.live-call-card.terminal{border:0;border-radius:0;box-shadow:none;min-height:100vh;min-height:100svh;padding:max(22px,env(safe-area-inset-top)) 20px max(18px,env(safe-area-inset-bottom));width:100%}.live-call-recipient{padding-top:31px}.live-call-avatar{height:94px;width:94px}.live-call-footer{margin-top:14px}}@media (max-height:700px) and (max-width:520px){.live-call-recipient{padding:19px 0 14px}.live-call-avatar{border-radius:25px;height:78px;margin-bottom:12px;width:78px}.live-call-avatar>span{font-size:32px}.call-progress{margin-top:16px}}@media (prefers-reduced-motion:reduce){.live-call-avatar-pulse,.live-call-card,.live-call-status-dot{animation-duration:.01ms!important;animation-iteration-count:1!important}}