/* Estilos para o sistema de Toast */
.toast {
    display: flex;
    align-items: start;
    padding: 1rem;
    border-radius: 0.5rem;
    background-color: white;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    border-left-width: 4px;
    width: 100%;
    animation: toast-in 0.5s ease;
    opacity: 1;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.toast.toast-hiding {
    opacity: 0;
    transform: translateX(100%);
}

/* Cores baseadas no tipo de notificação */
.toast-success { border-color: #10B981; } /* green-500 */
.toast-warning { border-color: #F59E0B; } /* amber-500 */
.toast-error   { border-color: #EF4444; } /* red-500 */
.toast-info    { border-color: #3B82F6; } /* blue-500 */

.toast-icon {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.75rem;
}
.toast-content h4 {
    font-weight: 700;
    font-size: 1rem;
}
.toast-content p {
    font-size: 0.875rem;
    color: #4B5563;
}

/* Cores dos títulos */
.toast-success h4 { color: #059669; } /* green-600 */
.toast-warning h4 { color: #D97706; } /* amber-600 */
.toast-error   h4 { color: #DC2626; } /* red-600 */
.toast-info    h4 { color: #2563EB; } /* blue-600 */

/* Animação de entrada */
@keyframes toast-in {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}