/* ============================================
   Smart Propagate (تدرج الحركة) Styles
   ============================================ */

@keyframes spNotifIn {
    0% { opacity: 0; transform: translateX(-50%) translateY(20px); }
    100% { opacity: 1; transform: translateX(-50%) translateY(0); }
}

#smartPropagateModal .sp-ease-btn:hover,
#smartPropagateModal .sp-dir-btn:hover {
    background: #2d3748 !important;
    border-color: #4a5568 !important;
}

#smartPropagateModal .sp-ease-active,
#smartPropagateModal .sp-dir-active {
    background: #1e3a5f !important;
    border-color: #3b82f6 !important;
    color: #60a5fa !important;
}

#smartPropagateModal #spApplyBtn:hover {
    background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    transform: translateY(-1px);
}

#smartPropagateModal #spCancelBtn:hover {
    background: #3d3d4d !important;
    border-color: #555 !important;
}