/* incoming call overlay */
.ic { position: fixed; top: 16px; right: 16px; z-index: 100; max-width: 360px; animation: ic-in .18s ease; }
.ic-card { display: flex; align-items: center; gap: var(--sp-3); background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-md); box-shadow: 0 12px 32px rgba(29, 35, 33, .18); padding: var(--sp-4); }
.ic-icon { flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--primary-tint); color: var(--primary); display: grid; place-items: center; }
.ic-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ic-text b { font-size: 14.5px; font-weight: 600; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ic-text span { font-size: 12.5px; color: var(--ink-2); }
.ic-actions { display: flex; flex-direction: column; gap: 6px; flex: none; }
.ic-actions .btn { padding: 8px 14px; min-height: 0; }

@keyframes ic-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 480px) {
	.ic { left: 16px; right: 16px; top: 12px; max-width: none; }
	.ic-card { flex-wrap: wrap; }
}