/* Base toast styling - match navbar box-shadow token */
.notyf__toast {
  border-radius: 6px !important;
  box-shadow: var(--bs-box-shadow) !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 - floating toast with safe margins and preserved border radius / full border */
@media (max-width: 576px) {
  .notyf {
    padding: 12px 16px !important;
    padding-top: max(12px, env(safe-area-inset-top, 12px)) !important;
    z-index: 99999 !important;
    box-sizing: border-box !important;
  }

  .notyf__toast {
    border-radius: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-shadow: var(--bs-box-shadow) !important;
  }

  .notyf__toast--upper {
    margin-bottom: 12px !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
  }
}