@keyframes spin { to { transform: rotate(360deg); } }
@keyframes pulse-ring {
    0% { transform: scale(1); opacity: 0.5; }
    100% { transform: scale(1.8); opacity: 0; }
}
@keyframes tick { 0%,100%{opacity:1} 50%{opacity:.3} }
@keyframes call-fadein { from{opacity:0;transform:scale(0.96)} to{opacity:1;transform:scale(1)} }

.fi-theme-switcher {
    display: none !important;
}
a[href*="api-settings"] {
    display: none !important;
}
a[href*="other-options-settings"] {
    display: none !important;
}

.call-overlay {
    display: none; position: fixed; inset: 0; z-index: 99999;
    background: rgba(0,0,0,0.75);
    align-items: center; justify-content: center;
    padding: 16px; box-sizing: border-box;
}
.call-overlay.active { display: flex; }

.call-card {
    background: linear-gradient(160deg, #2d1b6e 0%, #1a0f4a 55%, #0f0830 100%);
    border-radius: 24px; color: white;
    width: 100%; max-width: 420px;
    padding: 48px 32px 40px;
    box-sizing: border-box;
    display: flex; flex-direction: column; align-items: center;
    animation: call-fadein 0.2s ease;
    border: 1px solid rgba(255,255,255,0.08);
}

.pulse-wrap { position: relative; width: 100px; height: 100px; margin: 0 auto 20px; }
.pulse-ring {
    position: absolute; inset: -14px; border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.3);
    animation: pulse-ring 2s ease-out infinite;
}
.pulse-ring-2 {
    position: absolute; inset: -28px; border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.15);
    animation: pulse-ring 2s ease-out 0.7s infinite;
}

.call-avatar {
    width: 100px; height: 100px; border-radius: 50%;
    background: linear-gradient(135deg, #6d4aff, #a78bfa);
    display: flex; align-items: center; justify-content: center;
    font-size: 34px; font-weight: 500; color: white;
    border: 3px solid rgba(255,255,255,0.2);
    overflow: hidden; position: relative; z-index: 1;
}
.call-avatar img { width: 100%; height: 100%; object-fit: cover; }

.call-btn {
    width: 60px; height: 60px; border-radius: 50%; border: none; cursor: pointer;
    background: rgba(255,255,255,0.12); display: flex;
    align-items: center; justify-content: center;
    transition: background 0.15s, transform 0.1s;
}
.call-btn:hover { background: rgba(255,255,255,0.22); }
.call-btn:active { transform: scale(0.93); }
.call-btn-wrap { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.call-btn-label { font-size: 11px; color: rgba(255,255,255,0.45); margin: 0; }
.call-btn-row { display: flex; justify-content: center; align-items: flex-start; gap: 28px; width: 100%; margin-top: 36px; flex-wrap: nowrap; }

@media (max-width: 480px) {
    .call-card { padding: 40px 20px 32px; border-radius: 20px; }

    .call-btn-row {
        gap: 18px;
        flex-wrap: nowrap; /* ✅ keep in one row */
        justify-content: space-between; /* optional better spacing */
    }

    .call-btn {
        width: 54px;
        height: 54px;
    }
}