.call-card{grid-template-columns:auto minmax(0,1fr) auto;row-gap:10px;padding:14px 8px 14px 14px}.call-card .cc-t{min-width:0;align-self:center}.call-card .cc-t b{overflow-wrap:anywhere}.call-card .cc-swap{animation:cc-swap .32s var(--ease) both}.call-card .cc-end{display:inline-flex;align-items:center;gap:2px;align-self:start}.call-card .cc-timer{padding:4px 9px;border-radius:var(--pill);background:var(--success-soft);line-height:1.3}.call-card .cc-x{width:44px;height:44px;margin:-6px -2px -6px 0}.call-card .cc-x:focus-visible,.call-card .cc-act:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.call-card .cc-act{grid-column:2 / -1;justify-self:start;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 14px;box-shadow:0 8px 18px -10px #225aea99;transition:background .15s,transform .12s}.call-card .cc-act:active{transform:translateY(1px)}.call-card .cc-act svg{width:16px;height:16px}.call-card .cc-act[disabled]{background:var(--blue-300);box-shadow:none;cursor:default}.call-card .cc-note{grid-column:2 / -1;margin:0;line-height:1.4}.call-card[data-state=requested],.call-card[data-state=dialing]{border-color:var(--blue-200);box-shadow:var(--shadow-lg),0 0 0 3px var(--blue-50)}.call-card[data-state=live]{border-color:color-mix(in srgb,var(--success) 30%,var(--border))}.call-card[data-state=failed] .cc-ic{background:var(--danger-soft);color:var(--danger)}.call-card[data-state=ended] .cc-ic{background:var(--surface-2);color:var(--success)}.call-card[data-state=nocall] .cc-ic{background:var(--blue-50);color:var(--primary)}.call-card[data-state=dialing] .cc-ic:before,.call-card[data-state=dialing] .cc-ic:after,.call-card[data-state=requested] .cc-ic:before{animation-name:cc-ring;border-width:1.5px}@keyframes cc-ring{0%{transform:scale(1);opacity:.5}to{transform:scale(1.4);opacity:0}}.call-card.is-leaving{animation:cc-out .2s ease-in both}@keyframes cc-out{to{opacity:0;transform:translateY(12px)}}@keyframes cc-swap{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (min-width: 1141px){body[data-side=on] .call-card{right:calc((100vw - min(var(--maxw),100vw - 32px)) / 2 + var(--side-w) + 40px)}}.call-card[data-state=requested],.call-card[data-state=dialing],.call-card[data-state=live]{padding:8px 6px 8px 10px;row-gap:0}.call-card[data-state=requested] .cc-t>span,.call-card[data-state=dialing] .cc-t>span,.call-card[data-state=live] .cc-t>span{display:none}.call-card[data-state=requested] .cc-ic,.call-card[data-state=dialing] .cc-ic,.call-card[data-state=live] .cc-ic{width:36px;height:36px}@media (max-width: 1140px){body[data-side=on] .call-card[data-state=requested],body[data-side=on] .call-card[data-state=dialing],body[data-side=on] .call-card[data-state=live]{top:calc(var(--topbar-h) + var(--progress-h) + 1px + env(safe-area-inset-top,0px));bottom:auto;left:0;right:0;width:auto;z-index:26;min-height:53px;padding:7px var(--gutter-r) 7px var(--gutter);border-radius:0;border-width:0 0 1px;box-shadow:none;animation:fade-in .3s var(--ease) both}}@media (min-width: 1141px){.call-card[data-state=requested],.call-card[data-state=dialing],.call-card[data-state=live]{width:auto}body[data-side=off][data-cta=on] .call-card[data-state=requested],body[data-side=off][data-cta=on] .call-card[data-state=dialing],body[data-side=off][data-cta=on] .call-card[data-state=live]{bottom:calc((var(--cta-h) - 54px) / 2 + env(safe-area-inset-bottom,0px))}}@media (max-width: 720px){.call-card[data-state=missed],.call-card[data-state=failed],.call-card[data-state=ended],.call-card[data-state=nocall]{grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:10px;row-gap:8px;padding:4px 6px 4px 10px}.call-card[data-state=missed] .cc-t>span,.call-card[data-state=failed] .cc-t>span,.call-card[data-state=ended] .cc-t>span,.call-card[data-state=nocall] .cc-t>span{display:none}.call-card[data-state=missed] .cc-t b,.call-card[data-state=failed] .cc-t b,.call-card[data-state=ended] .cc-t b,.call-card[data-state=nocall] .cc-t b{font-size:14px}.call-card[data-state=missed] .cc-ic,.call-card[data-state=failed] .cc-ic,.call-card[data-state=ended] .cc-ic,.call-card[data-state=nocall] .cc-ic{width:36px;height:36px}.call-card[data-state=missed] .cc-act,.call-card[data-state=failed] .cc-act,.call-card[data-state=ended] .cc-act,.call-card[data-state=nocall] .cc-act{grid-column:3;grid-row:1;justify-self:auto;height:44px;padding:0 14px}.call-card[data-state=missed] .cc-act svg,.call-card[data-state=failed] .cc-act svg,.call-card[data-state=ended] .cc-act svg,.call-card[data-state=nocall] .cc-act svg{display:none}.call-card[data-state=missed] .cc-end,.call-card[data-state=failed] .cc-end,.call-card[data-state=ended] .cc-end,.call-card[data-state=nocall] .cc-end{grid-column:4;grid-row:1;align-self:center}.call-card .cc-note{grid-column:1 / -1}}body[data-call=on] .rv-pill:has(.coach-pill.is-live,.coach-pill.is-ringing,.coach-pill.is-waiting),body[data-call=on] .ln-coach:has(.coach-pill.is-live,.coach-pill.is-ringing,.coach-pill.is-waiting){display:none}body[data-call=on] .screen{padding-bottom:calc(var(--cta-h) + 40px + var(--call-h, 0px) + env(safe-area-inset-bottom,0px))}body[data-call=on][data-cta=none] .screen{padding-bottom:calc(64px + var(--call-h, 0px) + env(safe-area-inset-bottom,0px))}@media (max-width: 720px){.call-card{left:var(--gutter);right:var(--gutter-r);width:auto}}.coach-pill{min-height:46px;height:auto}.coach-pill>span:not(.cc-ic){padding:6px 0;line-height:1.25}button.coach-pill:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring);border-color:var(--primary)}button.coach-pill[disabled]{opacity:.6;cursor:default;transform:none}.coach-pill.is-live,.coach-pill.is-ringing,.coach-pill.is-waiting{cursor:default}.coach-pill.is-live:hover,.coach-pill.is-ringing:hover,.coach-pill.is-waiting:hover{transform:none}.coach-pill.is-live{border-color:color-mix(in srgb,var(--success) 35%,var(--border));padding-right:16px}.coach-pill.is-live:hover{border-color:color-mix(in srgb,var(--success) 35%,var(--border))}.coach-pill.is-live .cc-ic{background:var(--success-soft);color:var(--success)}.coach-pill .live-dot{width:8px;height:8px;border-radius:50%;background:var(--success);flex:none;animation:pulse 1.2s ease-in-out infinite}.coach-pill.is-ringing,.coach-pill.is-waiting{border-color:var(--blue-200);background:var(--blue-50)}.coach-pill.is-ringing:hover,.coach-pill.is-waiting:hover{border-color:var(--blue-200)}.coach-pill.is-ringing .cc-ic,.coach-pill.is-waiting .cc-ic{background:var(--surface)}.coach-pill.is-ringing .cc-ic svg{animation:wiggle 1.6s ease-in-out infinite}
