/* Подключается после notyf.min.css. Toast в цветах Bootstrap alert: светлый фон, тёмный текст (success, danger). */

.notyf__toast {
    max-width: 520px !important;
    min-height: auto;
}
.notyf__message {
    white-space: normal;
    word-wrap: break-word;
    line-height: 1.4;
    padding: 0.25rem 0;
}

.notyf__toast--success,
.notyf__toast--success .notyf__ripple,
.notyf__toast--success .notyf__wrapper {
    background: #d1e7dd !important;
    background-color: #d1e7dd !important;
}
.notyf__toast--success,
.notyf__toast--success .notyf__message {
    color: #0f5132 !important;
}
.notyf__toast--success .notyf__icon--success {
    background: #0f5132 !important;
}
.notyf__toast--success .notyf__icon--success::before,
.notyf__toast--success .notyf__icon--success::after {
    background: #fff !important;
}
.notyf__toast--success .notyf__dismiss-btn {
    opacity: 0.6;
}
.notyf__toast--success .notyf__dismiss-btn::before,
.notyf__toast--success .notyf__dismiss-btn::after {
    background: #0f5132 !important;
}
.notyf__toast--success .notyf__dismiss-btn:hover {
    background-color: rgba(15, 81, 50, 0.12) !important;
    opacity: 0.9;
}
.notyf__toast--success {
    border: 1px solid rgba(25, 135, 84, 0.3) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Toast error (danger): светлый красный фон, тёмно-красный текст, как Bootstrap alert-danger */
.notyf__toast--error,
.notyf__toast--error .notyf__ripple,
.notyf__toast--error .notyf__wrapper {
    background: #f8d7da !important;
    background-color: #f8d7da !important;
}
.notyf__toast--error,
.notyf__toast--error .notyf__message {
    color: #842029 !important;
}
.notyf__toast--error .notyf__icon--error {
    background: #842029 !important;
}
.notyf__toast--error .notyf__icon--error::before,
.notyf__toast--error .notyf__icon--error::after {
    background: #fff !important;
}
.notyf__toast--error .notyf__dismiss-btn {
    opacity: 0.6;
}
.notyf__toast--error .notyf__dismiss-btn::before,
.notyf__toast--error .notyf__dismiss-btn::after {
    background: #842029 !important;
}
.notyf__toast--error .notyf__dismiss-btn:hover {
    background-color: rgba(132, 32, 41, 0.12) !important;
    opacity: 0.9;
}
.notyf__toast--error {
    border: 1px solid rgba(220, 53, 69, 0.3) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}