/*
 * Контрастность интерфейса — для блёклых, «высветляющих» мониторов.
 * Уровень выбирается в Настройках сайдбара и хранится в ui_settings
 * (scope `appearance`, ключ `contrast`). Логика — js/wn_contrast.js.
 *
 * Слой 1 (raised и high): гамма-фильтр на весь документ верхнего окна.
 *   Белое остаётся белым, чёрное — чёрным, а светло-серые рамки, фоны секций
 *   и бледный текст темнеют. Работает на всём сразу, включая iframe
 *   universalModal: фильтр рисует их как часть страницы. Внутри iframe
 *   фильтр НЕ ставится (иначе затемнение наложится дважды).
 *   Цвета в CRM захардкожены в <style> страниц (~28 тыс. мест), поэтому
 *   переменные тут не помогли бы — фильтр единственный способ без правки страниц.
 *
 * Слой 2 (только high): точечное усиление рамок полей, чекбоксов, таблиц.
 *   Меняется лишь ЦВЕТ рамки — там, где по дизайну рамки нет, она не появится.
 */

/* ── Слой 1 ───────────────────────────────────────────────── */

html.wn-cf-on[data-wn-contrast="raised"] { filter: url(#wn-cf-raised); }
html.wn-cf-on[data-wn-contrast="high"]   { filter: url(#wn-cf-high); }

/* ── Слой 2 ───────────────────────────────────────────────── */

html[data-wn-contrast="high"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]),
html[data-wn-contrast="high"] textarea,
html[data-wn-contrast="high"] select,
html[data-wn-contrast="high"] .form-control,
html[data-wn-contrast="high"] .form-select,
html[data-wn-contrast="high"] .input-group-text,
html[data-wn-contrast="high"] .select2-container .select2-selection,
html[data-wn-contrast="high"] .select2-dropdown,
html[data-wn-contrast="high"] .select2-search__field,
html[data-wn-contrast="high"] .choices__inner {
    border-color: #7b8799 !important;
}

html[data-wn-contrast="high"] input:focus,
html[data-wn-contrast="high"] textarea:focus,
html[data-wn-contrast="high"] select:focus,
html[data-wn-contrast="high"] .form-control:focus,
html[data-wn-contrast="high"] .select2-container--focus .select2-selection,
html[data-wn-contrast="high"] .select2-container--open .select2-selection {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.28) !important;
}

html[data-wn-contrast="high"] ::placeholder {
    color: #64748b !important;
    opacity: 1 !important;
}

html[data-wn-contrast="high"] input[type="checkbox"],
html[data-wn-contrast="high"] input[type="radio"],
html[data-wn-contrast="high"] .form-check-input {
    border-color: #475569 !important;
}

html[data-wn-contrast="high"] .text-muted,
html[data-wn-contrast="high"] .form-text,
html[data-wn-contrast="high"] .select2-selection__placeholder {
    color: #475569 !important;
}

html[data-wn-contrast="high"] .table > :not(caption) > * > *,
html[data-wn-contrast="high"] .bootstrap-table .fixed-table-container,
html[data-wn-contrast="high"] .bootstrap-table .table thead th {
    border-color: #b4bfcd !important;
}

html[data-wn-contrast="high"] .card,
html[data-wn-contrast="high"] .modal-content,
html[data-wn-contrast="high"] .dropdown-menu,
html[data-wn-contrast="high"] .wn-card {
    border-color: #b4bfcd !important;
}