/* Base toast styling - make it smaller */
.notyf__toast {
  border-radius: 6px !important;
  box-shadow: none !important;
}

.notyf__toast .icon-base {
  color: inherit !important;
}
.notyf__wrapper {
  padding: 10px 0 !important;
}

/* Remove button (close) styling - hide it */
.notyf__toast .notyf__button {
  display: none !important;
}

.notyf__message {
  line-height: 1.3em !important;
}

.notyf__icon {
  margin-right: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

/* Success specific */
.notyf__toast.notyf__success--custom {
  background-color: color-mix(
    in sRGB,
    var(--bs-paper-bg) 85%,
    var(--bs-success)
  ) !important;
  border: 1.6px solid
    color-mix(in sRGB, var(--bs-paper-bg) 70%, var(--bs-success)) !important;
  color: var(--bs-success) !important;
}

/* Error specific */
.notyf__toast.notyf__error--custom {
  background-color: color-mix(
    in sRGB,
    var(--bs-paper-bg) 85%,
    var(--bs-danger)
  ) !important;
  border: 1.6px solid
    color-mix(in sRGB, var(--bs-paper-bg) 70%, var(--bs-danger)) !important;
  color: var(--bs-danger) !important;
}

/* Warning specific */
.notyf__toast.notyf__warning--custom {
  background-color: color-mix(
    in sRGB,
    var(--bs-paper-bg) 85%,
    var(--bs-warning)
  ) !important;
  border: 1.6px solid
    color-mix(in sRGB, var(--bs-paper-bg) 70%, var(--bs-warning)) !important;
  color: var(--bs-warning) !important;
}

/* Info specific */
.notyf__toast.notyf__info--custom {
  background-color: color-mix(
    in sRGB,
    var(--bs-paper-bg) 85%,
    var(--bs-info)
  ) !important;
  border: 1.6px solid color-mix(in sRGB, var(--bs-paper-bg) 70%, var(--bs-info)) !important;
  color: var(--bs-info) !important;
}

.notyf__toast--upper {
  margin-bottom: 20px !important;
  margin-top: -4px !important;
  margin-right: 6px !important;
}

/* Mobile - remove border radius and top/left/right borders */
@media (max-width: 576px) {
  .notyf__toast {
    border-radius: 0 !important;
    border: 0 !important;
  }
  
  .notyf__toast.notyf__success--custom,
  .notyf__toast.notyf__error--custom,
  .notyf__toast.notyf__warning--custom,
  .notyf__toast.notyf__info--custom {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
  }
  
  .notyf__toast--upper {
    margin-bottom: 20px !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
  }
}