@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;800;900&display=swap');

body { font-family: 'Cairo', sans-serif; }

/* Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #f1f5f9; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }

/* Utilities */
.hidden-view { display: none !important; }

.dropdown-content { animation: fadeIn 0.15s ease-out; transform-origin: top right; }
@keyframes fadeIn { from { opacity: 0; transform: scale(0.98); } to { opacity: 1; transform: scale(1); } }

.paywall-blur { 
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 40%, #ffffff 100%); 
}

.notification-slide { animation: slideDown 0.5s ease-out; }
@keyframes slideDown { from { transform: translateY(-100%); } to { transform: translateY(0); } }

/* SweetAlert Overrides */
.swal2-popup { font-family: 'Cairo', sans-serif !important; border-radius: 20px !important; }
.swal2-input { text-align: center !important; }

/* Table Selection Styles */
.selected-row {
    background-color: #dbeafe !important;
    position: relative;
    z-index: 10;
    box-shadow: inset 4px 0 0 0 #2563eb;
}
.selected-row td {
    font-weight: 700 !important;
    color: #1e3a8a !important;
}

/* QC & CRM Styles */
.qc-hidden { display: none !important; }

.status-select {
    appearance: none;
    padding: 4px 10px;
    border-radius: 9999px;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    text-align: center;
    border: 1px solid transparent;
    transition: all 0.2s;
    width: 100%;
    max-width: 140px;
}

/* Status Colors */
.status-new { background-color: #f1f5f9; color: #475569; border-color: #cbd5e1; }
.status-no_answer { background-color: #fef9c3; color: #a16207; border-color: #fde047; }
.status-follow_up { background-color: #dbeafe; color: #1e40af; border-color: #93c5fd; }
.status-not_interested { background-color: #fee2e2; color: #991b1b; border-color: #fca5a5; }
.status-converted { background-color: #dcfce7; color: #166534; border-color: #86efac; }