.toast {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 350px;
    max-width: 90%;
    padding: 0; /* padding será no header/body */
    border-radius: 6px;
    opacity: 0;
    transition: all 0.4s ease;
    color: #fff;
    z-index: 9999;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    font-family: Arial, sans-serif;
}

/* Header do toast */
.toast-header {
    padding: 10px 15px;
    font-weight: bold;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    color: #fff;
    display: flex;
    align-items: center;
    gap: 8px; /* espaço para ícone ou texto */
    text-transform:uppercase;
}

/* Body do toast */
.toast-body {
    padding: 10px 15px;
    font-size: 14px;
    background-color: rgba(0,0,0,0.1); /* fundo neutro ou transparente */
    color:black;
}

/* cores por tipo de toast */
.toast.success .toast-header {
    background-color: #43a047;
}

.toast.error .toast-header {
    background-color: #d32f2f;
}

.toast.info .toast-header {
    background-color: #212121;
}

.toast.warning .toast-header {
    background-color: #f57c00;
}

/* animação */
.toast.show {
    opacity: 1;
    transform: translateY(0);
}

.toast.hide {
    opacity: 0;
    transform: translateY(30px);
}