.callbar{z-index:60;background:var(--surface,#fff);width:320px;max-width:calc(100vw - 36px);color:var(--ink,#111);border:1px solid var(--line,#0003);border-radius:14px;gap:8px;padding:14px 16px;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 14px 40px #0003}.callbar.live{border-color:#1f9d55;box-shadow:0 14px 40px #1f9d5533}.callbar header{justify-content:space-between;align-items:center;gap:8px;display:flex}.callbar header b{align-items:center;gap:6px;display:inline-flex}.cb-time{font-variant-numeric:tabular-nums;color:#1f9d55;font-size:22px;font-weight:700}.cb-who{margin:0;font-size:16px;font-weight:700}.cb-phone,.cb-sum,.cb-next{opacity:.85;margin:0;font-size:13px}.cb-l{gap:4px;font-size:13px;display:grid}.cb-l textarea,.cb-l select{width:100%}.cb-row{flex-wrap:wrap;gap:8px;display:flex}.cb-grade{margin:0;font-size:14px;font-weight:700}.cb-grade.hot{color:#c2410c}.cb-grade.warm{color:#b7791f}.cb-grade.cold{color:#4b6a88}.callbar .icon{cursor:pointer;color:inherit;background:0 0;border:0}.grade{border-radius:99px;padding:1px 9px;font-size:12px;font-weight:700;display:inline-block}.grade.hot{color:#9a3412;background:#fde4d3}.grade.warm{color:#8a5a0b;background:#fdf0cc}.grade.cold{color:#3d5f7d;background:#e3edf6}.call-filters{flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:12px;display:flex}.call-filters label{gap:3px;font-size:12px;display:grid}.call-sum{max-width:340px;font-size:13px}.call-who td{font-size:13px}@media (width<=600px){.callbar{width:auto;max-width:none;bottom:8px;left:8px;right:8px}}.vcall{z-index:90;color:#fff;text-align:center;background:#14202b;border-radius:18px;justify-items:center;gap:10px;width:320px;max-width:calc(100vw - 36px);padding:18px;display:grid;position:fixed;top:74px;right:18px;box-shadow:0 18px 50px #0006}.vcall.over{color:#111;background:#fff;border:1px solid #0002}.vc-name{margin:0;font-size:18px;font-weight:700}.vc-sub{opacity:.8;font-variant-numeric:tabular-nums;margin:0;font-size:14px}.vc-top{text-align:center;width:100%}.vc-av{background:#2f6fed;border-radius:50%;place-items:center;width:72px;height:72px;font-size:30px;font-weight:700;display:grid}.vc-av.ring{animation:1.4s ease-out infinite vcpulse}@keyframes vcpulse{0%{box-shadow:0 0 #2f6fedaa}to{box-shadow:0 0 0 22px #2f6fed00}}.vc-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.vc-btn{cursor:pointer;color:#fff;border:0;border-radius:99px;align-items:center;gap:6px;padding:10px 16px;font-weight:700;display:inline-flex}.vc-btn.red{background:#d93a3a}.vc-btn.green{background:#1f9d55}.vc-btn.grey{background:#34475a}.vc-btn.off{background:#8a3a3a}.vc-btn:focus-visible{outline-offset:2px;outline:3px solid #fff}.vc-media{place-items:center;width:100%;min-height:80px;display:grid;position:relative}.vc-media.video{min-height:200px}.vc-remote{background:#000;border-radius:12px;width:100%;max-height:240px}.vc-hidden{opacity:0;width:1px;height:1px;position:absolute}.vc-self{background:#000;border-radius:8px;width:84px;position:absolute;bottom:6px;right:6px;transform:scaleX(-1)}.call-people{gap:6px;margin:10px 0;display:grid}.call-person{border:1px solid var(--line,#0002);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.call-person .sub{opacity:.7;font-size:12px}@media (width<=600px){.vcall{width:auto;max-width:none;top:62px;left:8px;right:8px}}.vc-share{gap:8px;width:100%;display:grid}.vc-share .vc-row{flex-wrap:wrap;justify-content:center}.vc-share a.vc-btn{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.vcall.ask .vc-sub{max-width:260px}.vcall{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.vcall button,.vcall a{cursor:pointer}@media (width<=600px){.vcall{width:calc(100vw - 16px)}}