/*
 * Заметные кнопки (06.10.2026): действия в шапке страницы («Сохранить»,
 * «Удалить», «Чек-лист», «Документы»…) и статусные кнопки сделки («Передать»,
 * «Вызвать замер», «Отказ», «Закрыт») раньше были белыми пилюлями с едва
 * видной рамкой и сливались с карточкой. Только прямые кнопки панели — кнопки
 * внутри выпадающих списков не трогаем.
 */
:is(.command-bar li, .command-bar li > .form-group) > .btn.btn-link,
.order-buttons.btn.btn-link {
    background: #fff;
    border: 1.5px solid #b8b0de;
    color: #3d3670;
    font-weight: 650;
    box-shadow: 0 3px 10px -4px #5c528e66, 0 1px 0 #ffffff inset;
    transition: background .15s, border-color .15s, box-shadow .15s, transform .15s;
}
:is(.command-bar li, .command-bar li > .form-group) > .btn.btn-link:hover,
.order-buttons.btn.btn-link:hover {
    background: #f1eefb;
    border-color: #7f73bd;
    color: #2e2858;
    box-shadow: 0 8px 18px -8px #5c528e99;
    transform: translateY(-1px);
}
:is(.command-bar li, .command-bar li > .form-group) > .btn.btn-link:active,
.order-buttons.btn.btn-link:active { transform: translateY(0); box-shadow: 0 2px 6px -3px #5c528e88; }
:is(.command-bar li, .command-bar li > .form-group) > .btn.btn-link:focus-visible,
.order-buttons.btn.btn-link:focus-visible { outline: 3px solid #8f9be8; outline-offset: 2px; }

/* «Сохранить» — главное действие страницы */
:is(.command-bar li, .command-bar li > .form-group) > button.btn.btn-link[formaction*="createOrUpdate"],
:is(.command-bar li, .command-bar li > .form-group) > button.btn.btn-link[formaction*="/save"],
:is(.command-bar li, .command-bar li > .form-group) > button.btn.btn-link[formaction$="/saveGeneral"] {
    background: #6f64a8;
    border-color: #5c528e;
    color: #fff;
    box-shadow: 0 8px 18px -8px #5c528ecc;
}
:is(.command-bar li, .command-bar li > .form-group) > button.btn.btn-link[formaction*="createOrUpdate"]:hover,
:is(.command-bar li, .command-bar li > .form-group) > button.btn.btn-link[formaction*="/save"]:hover,
:is(.command-bar li, .command-bar li > .form-group) > button.btn.btn-link[formaction$="/saveGeneral"]:hover { background: #5c528e; border-color: #4c4378; color: #fff; }
:is(.command-bar li, .command-bar li > .form-group) > button.btn.btn-link[formaction*="createOrUpdate"] svg,
:is(.command-bar li, .command-bar li > .form-group) > button.btn.btn-link[formaction*="/save"] svg { color: inherit; }

/* опасные и положительные статусы — своим цветом рамки */
:is(.command-bar li, .command-bar li > .form-group) > .btn.btn-link[formaction*="remove"],
:is(.command-bar li, .command-bar li > .form-group) > .btn.btn-link[formaction*="delete"],
.order-buttons.red-button.btn.btn-link { border-color: #d9a3b3; color: #9a4660; }
:is(.command-bar li, .command-bar li > .form-group) > .btn.btn-link[formaction*="remove"]:hover,
:is(.command-bar li, .command-bar li > .form-group) > .btn.btn-link[formaction*="delete"]:hover,
.order-buttons.red-button.btn.btn-link:hover { background: #fbeef2; border-color: #c27489; color: #7d3248; }
.order-buttons.green-button.btn.btn-link { border-color: #9cc8b4; color: #2f6b56; }
.order-buttons.green-button.btn.btn-link:hover { background: #eaf5f0; border-color: #6faa8f; color: #24503f; }

@media (prefers-reduced-motion: reduce) {
    :is(.command-bar li, .command-bar li > .form-group) > .btn.btn-link, .order-buttons.btn.btn-link { transition: none; }
    :is(.command-bar li, .command-bar li > .form-group) > .btn.btn-link:hover, .order-buttons.btn.btn-link:hover { transform: none; }
}