/* Настройки скоринга (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; }
}

/* [p0210-front] формула итога, временные правила, справочники (scoring-rules.js); повторная подача */
.ss-resub { margin-top: 10px; align-items: flex-start; }
.ss-resub .toggle { margin-top: 2px; flex: none; }
.ss-resub b { display: block; font-weight: 500; }
.ss-resub .ss-faint { display: block; margin-top: 1px; }
.sr-choices { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 10px; margin-top: 6px; }
.sr-choice, .sr-opt { display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--line); text-align: left; min-width: 0; }
.sr-choice:hover:not([aria-disabled]), .sr-opt:hover:not(:disabled) { background: var(--fill-2); }
.sr-choice.on, .sr-opt.on { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }
.sr-choice[aria-disabled] { cursor: default; }
.sr-radio { width: 18px; height: 18px; flex: none; margin-top: 2px; border-radius: 50%; border: 1.5px solid var(--icon-2); background: #fff; }
.on > .sr-radio { border: 5px solid var(--accent); }
.sr-f-b { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.sr-f-b b { font-weight: 600; font-size: 14px; }
.sr-f-b span { font-size: 12.5px; line-height: 1.45; color: var(--ink-2); }
.sr-f-b .chip { vertical-align: 1px; }
.sr-rc { display: flex; align-items: center; gap: 6px; margin-top: 10px; }
.sr-rc svg { width: 14px; height: 14px; flex: none; }
.sr-list { display: flex; flex-direction: column; margin-top: 4px; }
.sr-rule { display: flex; align-items: flex-start; gap: 12px; width: 100%; padding: 10px 6px; border-top: 1px solid var(--hair); text-align: left; min-width: 0; }
.sr-rule:hover { background: var(--fill-2); border-radius: 10px; }
.sr-q { flex: none; min-width: 34px; height: 24px; display: inline-grid; place-items: center; border-radius: 6px; background: var(--fill-2); font-size: 12px; font-weight: 600; color: var(--ink-2); }
.sr-q svg { width: 15px; height: 15px; color: var(--icon-2); }
.sr-b { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sr-b b { font-weight: 500; font-size: 14px; overflow-wrap: anywhere; }
.sr-v { font-size: 13px; color: var(--ink); overflow-wrap: anywhere; }
.sr-ch { font-size: 12.5px; color: var(--accent-2); overflow-wrap: anywhere; }
.sr-codes { font-size: 11.5px; color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sr-empty { color: var(--warn-ink); }
.sr-go { width: 16px; height: 16px; color: var(--icon-2); flex: none; margin-top: 4px; }
.sr-hist { margin-top: 10px; font-size: 13px; }
.sr-hist summary { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; color: var(--ink-2); list-style: none; }
.sr-hist summary::-webkit-details-marker { display: none; }
.sr-hist summary svg { width: 14px; height: 14px; }
.sr-hist-l { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.sr-hist-l > div { display: grid; grid-template-columns: 128px 140px minmax(0, 1fr) minmax(0, 1fr); gap: 10px; font-size: 12.5px; overflow-wrap: anywhere; }
.sr-m .modal-body { padding-top: 4px; }
.sr-m-codes { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; font-size: 12.5px; color: var(--ink-2); overflow-wrap: anywhere; }
.sr-opts { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; }
.sr-opt:disabled { cursor: default; opacity: 1; }
.sr-warn { display: flex; gap: 8px; align-items: flex-start; padding: 10px 12px; border-radius: 10px; background: var(--accent-soft); color: var(--ink); }
.sr-warn svg { width: 16px; height: 16px; flex: none; margin-top: 2px; color: var(--accent); }
.sr-basis { margin-top: 4px; }
.sr-dict-m .modal-body { padding-top: 6px; }
.sr-dtw { max-height: 52vh; overflow: auto; border: 1px solid var(--line); border-radius: 12px; }
.sr-dt { font-size: 13px; }
.sr-dt th { position: sticky; top: 0; background: #fff; z-index: 1; }
.sr-dt td { padding: 7px 10px; vertical-align: top; overflow-wrap: anywhere; }
.sr-dt.edit td { padding: 4px 6px; }
.sr-dt.edit .input { height: 32px; min-width: 110px; padding: 0 8px; font-size: 13px; }
.sr-dx { width: 40px; }
.sr-dsearch { margin-bottom: 10px; max-width: 360px; }
.sr-dadd { margin: 10px 0 12px; }
.sr-dfoot { display: flex; align-items: center; gap: 8px; width: 100%; flex-wrap: wrap; }
.sr-imp { cursor: pointer; }
@media (max-width: 900px) {
  .sr-hist-l > div { grid-template-columns: minmax(0, 1fr); gap: 0; padding-bottom: 6px; border-bottom: 1px solid var(--hair); }
}

/* [p0510-admin] «Итог документа» (одна формула ЧТЗ п. 7.9), справочники К4 таблицами, пометки норм */
.ss-vf { display: flex; flex-direction: column; gap: 3px; padding: 12px 14px; border-radius: 12px; background: var(--fill-2); font-size: 13px; color: var(--ink-2); overflow-wrap: anywhere; }
.ss-vf b { font-size: 14px; font-weight: 600; color: var(--ink); }
.sr-k4 { display: flex; flex-direction: column; gap: 16px; margin-top: 6px; }
.sr-k4c { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding-top: 12px; border-top: 1px solid var(--hair); }
.sr-k4c:first-child { border-top: 0; padding-top: 4px; }
.sr-k4h { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0; }
.sr-k4h b { font-weight: 600; font-size: 14px; }
.sr-k4t { max-height: none; overflow: hidden; }
.sr-k4t .sr-dt { table-layout: fixed; }
.sr-k4t .sr-dt th { white-space: normal; overflow-wrap: anywhere; vertical-align: bottom; }
.sr-k4e { padding: 10px 0; }
.sr-k4n { display: flex; gap: 6px; align-items: flex-start; font-size: 12.5px; margin-top: 8px; }
.sr-k4n svg { width: 14px; height: 14px; flex: none; margin-top: 2px; }
.sr-k4more { align-self: flex-start; font-size: 13px; }
.sr-unset { color: var(--warn-ink); font-size: 12.5px; }
.sr-mark-t { color: var(--warn-ink); }
@media (max-width: 1024px) {
  .sr-k4t { border: 0; border-radius: 0; }
  .sr-k4t .sr-dt td { overflow-wrap: anywhere; }
}
@media (max-width: 640px) {
  .sr-choices { grid-template-columns: minmax(0, 1fr); }
  .sr-k4h .btn { width: 100%; justify-content: center; }
}

/* [t010-front] «Хранение проверенных файлов»: выбор с одним значением и подсказкой */
.ss-ret { width: auto; min-width: 280px; max-width: 100%; }
#ss-files .ss-faint { margin-top: 8px; }