/* Оповещение об устаревшей версии «Такском-Агент» на экране входа по сертификату.
   Файл подключается <link> из _OutdatedAgentVersionMessage.cshtml и в бандлы не
   входит — так же, как help-details.css. Оформление самостоятельное: классы
   cert-login-message / cert-wrapper / rounded-box, которыми размечены соседние
   блоки, не определены ни в одной таблице стилей репозитория, наследовать
   от них нечего.
   Акцент красный (#ef2d28 — цвет .help_text_danger из help-details.css,
   уже подключённой на этом же экране). Прежний синий акцент отменён решением
   владельца от 2026-07-30: блок читался как рядовая справка в цвет соседних
   элементов, и оповещение пропускали. Критичность передаётся НЕ только цветом —
   иконка сменена с круга «i» на треугольник с восклицательным знаком, поэтому
   блок отличим от информационного и в ч/б, и при нарушении цветовосприятия. */

.outdated-agent-message {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
    padding: 16px 44px 16px 16px;
    border: 1px solid #f3b6b4;
    border-left: 4px solid #ef2d28;
    border-radius: 4px;
    background: #fef4f3;
    color: #2d3748;
    font-size: 13px;
    line-height: 1.5;
}

/* Отступ иконки — margin, а не flex gap: gap не поддерживается в IE11,
   а бандл этого экрана отдаётся IE (_Layout.cshtml:63). */
.outdated-agent-message__icon {
    flex: 0 0 auto;
    margin-top: 1px;
    margin-right: 12px;
}

.outdated-agent-message__content {
    flex: 1 1 auto;
    min-width: 0;
}

.outdated-agent-message__title {
    margin: 0 0 6px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    color: #a3201c;
}

.outdated-agent-message__text a {
    color: #cf2723;
    text-decoration: underline;
}

.outdated-agent-message__text a:hover {
    color: #a3201c;
}

.outdated-agent-message__close {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: none;
    color: #8898aa;
    font-size: 20px;
    line-height: 22px;
    cursor: pointer;
}

.outdated-agent-message__close:hover {
    color: #2d3748;
}