.system-notification-modal h3 {
    margin: 0 0 15px 0;
    color: #333;

    width: 500px;

}
.system-notification-modal .notification-message {

    margin: 0 0 20px 0;
    color: #1a1a1a;
    white-space: pre-line; /* Это сохранит переносы строк */
    font-size: 16px; /* Увеличьте это значение (например, с 14px до 18px или 20px) */
    line-height: 1.5; /* Рекомендуется добавить межстрочный интервал для читаемости */
    width: min(1500px, 95vw);
    max-height: 80vh;

}
.system-notification-modal .append-btn {
    margin: 0 0 20px 0;
    background: #12aaa4;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}
.meta-btn {
    background: #12aaa4;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.system-notification-modal .append-btn:hover {
    background: #187f96;
}
.meta-btn:hover {
    background: #187f96;
}

.modal-content {
    position: fixed;

    background: white;
    padding: 30px;
    border-radius: 10px;
    color: #D1D5DB;
    font: 14px/1.45 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    max-width: 520px;
    max-height: 80vh;
    overflow: auto;
}

.modal-content-system-notification {
    position: fixed;
    background: white;
    padding: 30px;
    border-radius: 10px;
    color: #D1D5DB;
    font: 14px/1.45 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    max-width: 830px;
    max-height: 80vh;

}

.system-notification-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.warning-notification-modal {
    border-radius: 10px;
    border-width: 10px;
    border-color: crimson;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-content-warning .h3 {
    margin: 0 0 15px 0;
    color: #f40808;
    width: 500px;
    font-size: 24px;
}

.warning-notification-modal .append-btn {

    background: #12aaa4;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 25px;
}

.warning-notification-modal .append-btn:hover {
    background: #187f96;
}

.modal-content-warning {
    background: linear-gradient(#187f96, #fbfbfb);
    padding: 30px;

    border-radius: 10px;/*
    border-style: solid;
    border-width: 3px;
    border-color: #f40505;*/
    color: #0c0c0c;
    font: 16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    max-width: 1000px;
    max-height: 80vh;
    overflow: auto;
}