/* GTF Alert System - Namespaced to prevent conflicts */

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

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

@keyframes gtf-progressBar {
    from { width: 100%; }
    to { width: 0%; }
}

.gtf-alert-container {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    transition: all 0.3s ease;
}

.gtf-alert-container:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.2);
    transform: translateY(-2px);
}

.gtf-alert-close:hover {
    color: #333 !important;
    transform: scale(1.1);
}

/* Alert type specific styles */
.gtf-alert-error {
    border-left-color: #e74c3c;
}

.gtf-alert-warning {
    border-left-color: #f39c12;
}

.gtf-alert-success {
    border-left-color: #27ae60;
}

.gtf-alert-info {
    border-left-color: #3498db;
}

/* Mobile responsive */
@media (max-width: 480px) {
    .gtf-alert-container {
        max-width: calc(100vw - 40px) !important;
        margin: 0 20px;
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .gtf-alert-container {
        background: #2c3e50 !important;
        color: #ecf0f1 !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
    }
    
    .gtf-alert-container div {
        color: #ecf0f1 !important;
    }
}