/* WhatsApp CRM Custom Styles */

/* Scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #1f2937;
}
::-webkit-scrollbar-thumb {
    background: #374151;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #4b5563;
}

/* Sidebar overlay on mobile */
@media (max-width: 1023px) {
    #sidebar:not(.-translate-x-full) {
        z-index: 50;
    }
    #sidebar:not(.-translate-x-full) + .lg\:pl-64 {
        position: relative;
    }
    #sidebar:not(.-translate-x-full) + .lg\:pl-64::before {
        content: '';
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 40;
    }
}

/* Drag & drop hover effect */
.drop-zone-active {
    border-color: #22c55e !important;
    background-color: rgba(34, 197, 94, 0.05);
}

/* Table responsive */
@media (max-width: 640px) {
    .overflow-x-auto {
        -webkit-overflow-scrolling: touch;
    }
}

/* Loading spinner */
.spinner {
    border: 3px solid rgba(255, 255, 255, 0.1);
    border-top-color: #22c55e;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: spin 0.8s linear infinite;
    display: inline-block;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* QR code image */
#qr-container img {
    max-width: 280px;
    border-radius: 12px;
    border: 4px solid #1f2937;
}