#toast-alert{
  max-width: 520px;      /* desktop ok */
  width: auto;
}

/* se estiver usando .toast-container do Bootstrap */
.toast-container{
  z-index: 2000;         /* acima do modal backdrop */
}

/* Mobile: toast estilo "snackbar" */
@media (max-width: 576px){
  .toast-container{
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    top: 12px !important;        /* pode trocar pra bottom: 12px */
    width: auto !important;
    padding: 0 !important;
  }

  #toast-alert{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,.15);
  }

  /* texto mais legível */
  #toast-message{
    font-size: .95rem;
    line-height: 1.25rem;
    word-break: break-word;
  }
}

.tooltip-tracken .tooltip-inner {
  background-color: #696cff !important;
  font-size: 0.85rem !important;
}