/* Alert System Styles */

#containerAlertas {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 99999;
    max-width: 400px;
    min-width: 300px;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    pointer-events: auto;
}

/* Animação de entrada */
@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Animação de saída */
@keyframes slideOutRight {
    from {
        transform: translateX(0);
        opacity: 1;
    }

    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

/* Alert styles */
#containerAlertas > div {
    animation: slideInRight 0.3s ease-out;
    border-radius: 0.5rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

/* Sucesso */
.text-green-800.bg-green-50 {
    border-left: 4px solid #22c55e !important;
    background-color: #f0fdf4 !important;
    color: #166534 !important;
}

.text-green-800.bg-green-50 i {
    color: #22c55e !important;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.text-green-800.bg-green-50 .icon-close {
    color: #6b7280 !important;
}

/* Erro */
.text-red-800.bg-red-50 {
    border-left: 4px solid #ef4444 !important;
    background-color: #fef2f2 !important;
    color: #991b1b !important;
}

.text-red-800.bg-red-50 i {
    color: #ef4444 !important;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.text-red-800.bg-red-50 .icon-close {
    color: #6b7280 !important;
}

/* Aviso */
.text-yellow-800.bg-yellow-50 {
    border-left: 4px solid #f59e0b !important;
    background-color: #fffbeb !important;
    color: #78350f !important;
}

.text-yellow-800.bg-yellow-50 i {
    color: #f59e0b !important;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.text-yellow-800.bg-yellow-50 .icon-close {
    color: #6b7280 !important;
}

/* Info */
.text-blue-800.bg-blue-50 {
    border-left: 4px solid #3b82f6 !important;
    background-color: #eff6ff !important;
    color: #1e40af !important;
}

.text-blue-800.bg-blue-50 i {
    color: #3b82f6 !important;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.text-blue-800.bg-blue-50 .icon-close {
    color: #6b7280 !important;
}

/* Botão de fechar hover */
#containerAlertas button {
    transition: opacity 0.2s ease-out;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    min-width: auto !important;
    min-height: auto !important;
    width: auto !important;
    height: auto !important;
}

#containerAlertas button:hover {
    opacity: 0.6;
}

#containerAlertas button:active {
    opacity: 0.4;
}

/* Scroll customizado para container */
#containerAlertas::-webkit-scrollbar {
    width: 6px;
}

#containerAlertas::-webkit-scrollbar-track {
    background: transparent;
}

#containerAlertas::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

#containerAlertas::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}