.incoming-vendor-call{--call-accent:oklch(72% .16 242);color:oklch(96% .008 248);text-align:left;background:oklch(17% .039 249);border:1px solid oklch(52% .13 244);border-radius:11px;width:min(530px,100vw - 32px);padding:22px;font-family:inherit;position:relative;box-shadow:0 16px 55px oklch(10% .015 248/.55),0 0 20px oklch(53% .14 244/.09)}.incoming-vendor-call button{cursor:pointer}.incoming-vendor-call button:focus-visible{outline:2px solid var(--call-accent);outline-offset:4px}.incoming-call-close{color:oklch(79% .018 248);border-radius:4px;padding:10px;position:absolute;top:7px;right:7px}.incoming-call-close:hover{color:oklch(100% 0 0);background:oklch(32% .055 248)}.incoming-call-close svg{stroke-width:1.5px;width:23px;height:23px}.incoming-call-heading{align-items:center;gap:23px;padding-right:22px;display:flex}.incoming-call-icon{border:1.5px solid var(--call-accent);color:oklch(92% .025 243);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:inset 0 0 18px oklch(50% .15 244/.1)}.incoming-call-icon svg{stroke-width:1.6px;width:38px;height:38px}.incoming-call-identity{min-width:0}.incoming-call-eyebrow{text-transform:uppercase;color:var(--call-accent);letter-spacing:.04em;font-size:12px;font-weight:600;line-height:1.5}.incoming-call-identity h2{letter-spacing:-.02em;overflow-wrap:anywhere;margin-top:4px;font-size:26px;font-weight:650;line-height:1.25}.incoming-call-subtitle{color:oklch(81% .017 248);margin-top:7px;font-size:13px;line-height:1.5}.incoming-call-details{border-top:1px solid oklch(32% .045 248);margin-top:16px;margin-left:103px;padding-top:15px}.incoming-call-buffer-row{align-items:center;gap:18px;display:flex}.incoming-call-buffer{flex:1;min-width:0;font-size:13px}.incoming-call-buffer strong{font-weight:500}.incoming-call-countdown{font-variant-numeric:tabular-nums;margin-top:7px;font-size:14px;font-weight:600;line-height:1.4}.incoming-call-open{background:oklch(55% .2 252);border:1px solid oklch(67% .17 244);border-radius:5px;flex-shrink:0;padding:17px 16px;font-size:14px;font-weight:600;box-shadow:0 2px 12px oklch(49% .18 244/.15)}.incoming-call-open:hover{background:oklch(60% .19 250)}.incoming-call-progress{background:oklch(31% .045 249);border-radius:8px;height:8px;margin-top:12px;overflow:hidden}.incoming-call-progress>div{border-radius:inherit;background:oklch(66% .19 247);height:100%;transition:width .25s linear}.incoming-call-instructions{margin-top:16px;font-size:12px;line-height:1.5}.incoming-call-instructions>span{color:oklch(71% .023 248);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.incoming-call-instructions p{overflow-wrap:anywhere;margin-top:3px}.incoming-vendor-call-billable{--call-accent:oklch(76% .16 152);border-color:oklch(49% .12 153)}.incoming-vendor-call-billable .incoming-call-icon{color:var(--call-accent)}.incoming-vendor-call-compact{padding:15px 19px}.incoming-vendor-call-compact .incoming-call-heading{gap:16px}.incoming-vendor-call-compact .incoming-call-icon{width:49px;height:49px}.incoming-vendor-call-compact .incoming-call-icon svg{width:25px;height:25px}.incoming-call-eyebrow>span{text-transform:none;color:oklch(84% .015 248);letter-spacing:0;font-weight:400}.incoming-call-compact-vendor{overflow-wrap:anywhere;margin-top:3px;font-size:13px}.incoming-call-compact-actions{color:oklch(76% .025 248);justify-content:space-between;margin-top:8px;margin-left:65px;font-size:11px;display:flex}.incoming-call-compact-actions button{align-items:center;gap:4px;display:flex}.incoming-call-compact-actions button:hover{color:oklch(96% .01 248)}.incoming-call-compact-actions svg{width:14px;height:14px}@media (width<=560px){.incoming-vendor-call{padding:18px}.incoming-call-heading{gap:14px;padding-right:20px}.incoming-call-icon{width:56px;height:56px}.incoming-call-icon svg{width:29px;height:29px}.incoming-call-identity h2{font-size:22px}.incoming-call-details{margin-left:0}.incoming-call-buffer-row{gap:12px}.incoming-call-open{padding:15px 12px}.incoming-call-eyebrow{font-size:11px}}@media (prefers-reduced-motion:reduce){.incoming-call-progress>div{transition:none}}
