/* Mobile CRM Custom Styling */

:root {
    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
}

.safe-bottom {
    padding-bottom: calc(0.5rem + var(--safe-area-inset-bottom));
}

/* Custom Scrollbars */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Tap highlight removal for iOS / Android */
* {
    -webkit-tap-highlight-color: transparent;
}

/* Call Button Glow Pulse */
@keyframes callPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.6);
    }
    70% {
        box-shadow: 0 0 0 12px rgba(16, 185, 129, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
    }
}

.pulse-call {
    animation: callPulse 2s infinite;
}

/* Slide in animation for bottom sheets */
.slide-up {
    animation: slideUp 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes slideUp {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}