/* =============================================================================
   Toast moderno (UDS) — visual global de notificações.
   Substitui o tema padrão do toastr: card branco, ícone circular colorido,
   título, mensagem, botão fechar e barra de progresso por tipo.
   Namespaced em #uds-toast-container / .uds-toast* para não colidir com o toastr.
   ============================================================================= */

#uds-toast-container {
    position: fixed;
    top: 24px;
    right: 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 360px;
    max-width: 90vw;
    z-index: 100000;
}

.uds-toast {
    position: relative;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    background: #fff;
    border: 1px solid #e8e6e3;
    border-radius: 12px;
    padding: 14px 16px;
    box-shadow: 0 8px 24px rgba(30, 25, 20, 0.12);
    overflow: hidden;
    animation: udsToastIn 0.25s ease-out;
}

.uds-toast.closing {
    animation: udsToastOut 0.2s ease-in forwards;
}

.uds-toast-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.uds-toast-icon .material-icons {
    font-size: 20px;
}

.uds-toast-body {
    flex: 1;
    min-width: 0;
    padding-top: 1px;
}

.uds-toast-title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 2px;
    color: #2b2a28;
}

.uds-toast-msg {
    font-size: 13px;
    color: #6b6863;
    line-height: 1.4;
    word-break: break-word;
}

.uds-toast-close {
    background: none;
    border: none;
    cursor: pointer;
    color: #9a9691;
    padding: 2px;
    flex: none;
}

.uds-toast-close .material-icons {
    font-size: 18px;
}

.uds-toast-bar {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    animation: udsToastBar 5s linear forwards;
}

.uds-toast-success .uds-toast-icon { background: #dff2e6; color: #2f9e58; }
.uds-toast-success .uds-toast-bar { background: #2f9e58; }
.uds-toast-error .uds-toast-icon { background: #fbe2e0; color: #d1453b; }
.uds-toast-error .uds-toast-bar { background: #d1453b; }
.uds-toast-warning .uds-toast-icon { background: #f7e8cf; color: #c9820f; }
.uds-toast-warning .uds-toast-bar { background: #c9820f; }
.uds-toast-info .uds-toast-icon { background: #e0e7f8; color: #3564c7; }
.uds-toast-info .uds-toast-bar { background: #3564c7; }

@keyframes udsToastIn {
    from { opacity: 0; transform: translateX(24px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes udsToastOut {
    from { opacity: 1; }
    to { opacity: 0; transform: translateX(24px); }
}

@keyframes udsToastBar {
    from { width: 100%; }
    to { width: 0%; }
}