/* Карточка входящего звонка */
.incoming { position: fixed; top: 24px; left: 50%; transform: translateX(-50%); z-index: 250; width: 236px; padding: 24px 22px 20px; background: #111214; border: 1px solid rgba(255,255,255,.06); border-radius: 14px; box-shadow: 0 16px 48px rgba(0,0,0,.6); display: flex; flex-direction: column; align-items: center; text-align: center; color: #f2f3f5; gap: 0; }
body.light .incoming { background: #fff; color: #17181c; border-color: var(--border); }
.ic-ava .avatar { width: 92px; height: 92px; font-size: 34px; box-shadow: 0 0 0 4px rgba(255,255,255,.08); }
body:not(.no-anim) .ic-ava .avatar { animation: ic-ring 1.6s ease-out infinite; }
@keyframes ic-ring { 0% { box-shadow: 0 0 0 0 rgba(62,207,142,.55); } 70% { box-shadow: 0 0 0 16px rgba(62,207,142,0); } 100% { box-shadow: 0 0 0 0 rgba(62,207,142,0); } }
.ic-name { margin-top: 14px; font-size: 18px; font-weight: 800; display: flex; align-items: center; justify-content: center; gap: 4px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ic-sub { margin-top: 4px; font-size: 14px; color: #c4c6cc; }
body.light .ic-sub { color: var(--muted); }
.ic-btns { display: flex; gap: 14px; margin-top: 20px; }
.ic-btn { width: 66px; height: 48px; border: 0; border-radius: 10px; display: grid; place-items: center; color: #fff; transition: filter .15s, transform .12s; }
.ic-btn .ic { width: 22px; height: 22px; }
.ic-btn:hover { filter: brightness(1.12); }
.ic-btn:active { transform: scale(.94); }
.ic-btn.no { background: #d83a42; }
.ic-btn.ok { background: #2f9e5f; }
body:not(.no-anim) .incoming { animation: ic-in .25s cubic-bezier(.2, .9, .3, 1.2); }
@keyframes ic-in { from { opacity: 0; transform: translate(-50%, -12px) scale(.95); } to { opacity: 1; transform: translateX(-50%); } }