/* Настройки скоринга (scoring-settings.js): колонка белых панелей, как настройки ФинКонсьержа.
   Без теней и рамок у панелей; статусы — зелёный «Готов», серый «Не готов», охра — значение ниже порога. */
.ss { display: flex; flex-direction: column; gap: 12px; }
.ss .sp { flex: 1; }
.ss-sec { padding: 18px 22px 16px; min-width: 0; }
.ss-h { display: flex; align-items: center; gap: 10px; min-height: 28px; margin-bottom: 4px; }
.ss-h h3 { font-size: 16px; min-width: 0; }
.ss-meta { font-size: 13px; color: var(--ink-3); white-space: nowrap; }
.ss-note { margin: 0 0 8px; font-size: 13px; color: var(--ink-2); }
.ss-faint { font-size: 13px; color: var(--ink-3); }
.ss-clip { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* режим обработки: вид документа — слева, переключатель — справа */
.ss-list { display: flex; flex-direction: column; }
.ss-row { display: flex; align-items: center; gap: 16px; min-height: 50px; padding: 7px 2px; border-top: 1px solid var(--hair); }
.ss-rn { flex: 1; min-width: 0; }
.ss-rn b { display: block; font-weight: 500; }
.ss-rn span { display: block; margin-top: 1px; font-size: 12.5px; color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ss-seg { flex: none; }
.ss-seg button.is-off, .ss-seg button.is-off:hover { color: var(--placeholder); cursor: default; }

/* качество агента: порог — второй строкой в шапке */
.ss-q { table-layout: fixed; }
.ss-q col.c-n { width: 168px; }
.ss-q col.c-st { width: 128px; }
.ss-q th { vertical-align: bottom; }
.ss-thr { display: block; margin-top: 2px; font-size: 12px; font-weight: 400; color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ss-q td { padding-top: 10px; padding-bottom: 10px; }
.ss-q td.ss-bad { color: var(--warn-ink); font-weight: 500; }
.ss-q .st { font-size: 13px; }
.ss-q .st svg { width: 15px; height: 15px; }

/* автозапуск, срок приёмки, модель */
.ss-switch { display: inline-flex; align-items: center; gap: 10px; min-height: 36px; font-size: 14px; color: var(--ink); text-align: left; }
.ss-switch + .ss-faint { margin-top: 2px; }
.ss-lines { display: flex; flex-direction: column; gap: 8px; padding-top: 2px; }
.ss-num-l { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; flex-wrap: wrap; }
.ss-num { width: 64px; height: 34px; padding: 0 8px; border-radius: 8px; text-align: center; }
.ss-num::-webkit-inner-spin-button { opacity: 1; }
.ss-mline { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding-top: 2px; }

/* распределение документов */
.ss-d { table-layout: fixed; }
.ss-d col.c-by { width: 136px; }
.ss-d col.c-emp { width: 232px; }
.ss-d td { padding-top: 7px; padding-bottom: 7px; }
.ss-sel { height: 34px; padding: 0 8px; border-radius: 8px; font-size: 13.5px; }
.ss-after { margin-top: 10px; }

/* подтверждение смены режима */
.ss-m .modal-body { padding-top: 4px; }
.ss-chg { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--ink-2); }
.ss-chg svg { width: 16px; height: 16px; color: var(--ink-3); flex: none; }
.ss-chg b { font-weight: 600; color: var(--ink); }
.ss-p { margin: 10px 0 16px; font-size: 13.5px; color: var(--ink-2); }
.ss-f { display: block; }
.ss-f .label { display: block; margin-bottom: 6px; }
.ss-err { display: none; margin-top: 6px; font-size: 12.5px; color: var(--bad-ink); }
.ss-f.is-err .input { border-color: var(--bad); }
.ss-f.is-err .ss-err { display: block; }

@media (max-width: 1280px) {
  .ss-q col.c-n { width: 156px; }
  .ss-d col.c-emp { width: 208px; }
}