/* Toast Notification Styles for Verlags-OS */

#notification-container {
    pointer-events: none;
}

.notification-toast {
    pointer-events: auto;
    backdrop-filter: blur(8px);
    box-shadow: 
        0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05),
        0 0 0 1px rgba(255, 255, 255, 0.1);
}

.notification-toast:hover {
    transform: translateY(-2px) !important;
    box-shadow: 
        0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04),
        0 0 0 1px rgba(255, 255, 255, 0.1);
}

/* Animation improvements */
.notification-toast {
    animation: slideIn 0.3s ease-out;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Responsive adjustments */
@media (max-width: 640px) {
    #notification-container {
        left: 1rem;
        right: 1rem;
        top: 1rem;
    }
    
    .notification-toast {
        max-width: none;
    }
}

/* Dark mode support (future-proofing) */
@media (prefers-color-scheme: dark) {
    .notification-toast {
        box-shadow: 
            0 10px 15px -3px rgba(0, 0, 0, 0.3),
            0 4px 6px -2px rgba(0, 0, 0, 0.2),
            0 0 0 1px rgba(255, 255, 255, 0.05);
    }
}

/* Accessibility improvements */
.notification-toast:focus-within {
    outline: 2px solid rgba(59, 130, 246, 0.5);
    outline-offset: 2px;
}

/* Ensure proper stacking */
.notification-toast {
    z-index: 9999;
}