/* 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;
}

/* Mobile - remove border radius */
@media (max-width: 576px) {
  .notyf__toast {
    border-radius: 0 !important;
  }
}