/* ——— «Скоринг первички»: каркас, входящие, шапка документа, ход проверки (лента в стиле НейроАгента), чат ——— */
.sc { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.sc-body { flex: 1; min-height: 0; display: flex; gap: 12px; }
.sc-body.page { display: block; overflow-y: auto; }

/* входящие */
.qp { width: 320px; flex: none; display: flex; flex-direction: column; overflow: hidden; transition: width .2s var(--ease), opacity .15s, margin .2s var(--ease); }
.qp.off { width: 0; opacity: 0; margin-right: -12px; pointer-events: none; }
.qp-head { padding: 16px 16px 10px; display: flex; flex-direction: column; gap: 10px; min-width: 320px; }
.qp-head h3 { font-size: 15px; }
.qp-head .n { font-size: 13px; }
.qp-fl { align-self: flex-start; height: 26px; cursor: pointer; }
.qp-fl svg { width: 12px; height: 12px; }
.qp-list { flex: 1; overflow-y: auto; padding: 0 8px 8px; min-width: 320px; }
.qp-group { display: flex; gap: 6px; font-size: 12px; font-weight: 600; color: var(--ink-3); padding: 12px 10px 4px; }
.qp-group span { font-weight: 500; }
.qi { display: flex; flex-direction: column; gap: 2px; width: 100%; text-align: left; padding: 10px; border-radius: 12px; position: relative; }
.qi:hover { background: var(--fill-2); }
.qi.on { background: var(--fill-2); }
.qi.on::before { content: ""; position: absolute; left: 0; top: 12px; bottom: 12px; width: 2px; border-radius: 2px; background: var(--accent); }
.qi-1 { display: flex; align-items: baseline; gap: 8px; font-size: 14px; min-width: 0; }
.qi-1 b { font-weight: 500; white-space: nowrap; }
.qi-1 .faint { font-size: 12.5px; white-space: nowrap; }
.qi-sum { font-size: 13px; white-space: nowrap; }
.qi-2 { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink-2); min-width: 0; }
.qi-c { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qi-who { flex: none; display: inline-flex; }
.qi-dec { font-size: 12.5px; color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.qi-dec::before { content: "·"; margin-right: 6px; color: var(--ink-3); }
.qi-dec.ok { color: var(--ok-ink); } .qi-dec.bad { color: var(--bad-ink); }
.qi-3 { display: flex; align-items: center; gap: 8px; margin-top: 3px; min-width: 0; }
.qi-3 .st { font-size: 12.5px; min-width: 0; }
.qi-3 .st svg { width: 14px; height: 14px; }
.qi-3 .st .spin { width: 12px; height: 12px; }
.qi-3 .st-t { overflow: hidden; text-overflow: ellipsis; }
.qi-dl { flex: none; font-size: 12px; color: var(--ink-3); white-space: nowrap; }
.qi-dl.hot { color: var(--bad-ink); }
.qi.set .qi-1 + .qi-1 { color: var(--ink-2); }
.qp-foot { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-top: 1px solid var(--hair); font-size: 13px; min-width: 320px; }
.qp-foot .faint { font-size: 12px; white-space: nowrap; }

/* рабочая область */
.ws { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 12px; min-height: 0; }
.ws-empty { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 6px; padding: 40px; }
.ws-empty img { width: 168px; height: 168px; object-fit: contain; margin-bottom: 8px; }
.ws-empty h2 { font-size: 20px; }
.ws-empty p { margin: 0 0 14px; color: var(--ink-2); }

.ph { display: flex; align-items: center; gap: 16px; padding: 14px 16px 14px 22px; min-height: 72px; }
.ph .qshow { flex: none; }
.ph-t { flex: 1; min-width: 0; }
.ph-1 { display: flex; align-items: center; gap: 12px; min-width: 0; }
.ph-1 h2 { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.ph-1 .st { flex: none; }
.ph-2 { display: flex; flex-wrap: wrap; gap: 2px 16px; font-size: 13px; color: var(--ink-2); margin-top: 3px; }
.ph-2 span:last-child { color: var(--ink); font-weight: 500; }
.ph-a { display: flex; align-items: center; gap: 8px; flex: none; }
.ph-dl { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--ink-2); margin-right: 6px; white-space: nowrap; }
.ph-dl svg { width: 16px; height: 16px; color: var(--icon-2); }
.ph-dl.hot, .ph-dl.hot svg { color: var(--bad-ink); }

.wsb { flex: 1; min-height: 0; display: flex; gap: 12px; }

/* ход проверки */
.ag { width: clamp(360px, 36%, 480px); flex: none; display: flex; flex-direction: column; min-height: 0; overflow: hidden; transition: background-color .5s var(--ease); }
.ag-h { display: flex; align-items: center; gap: 10px; padding: 16px 20px 6px; min-height: 52px; }
.ag-h h3 { font-size: 15px; }
.ag-st { font-size: 12.5px; color: var(--ink-3); }
.speed { display: inline-flex; padding: 3px; gap: 2px; background: var(--fill); border-radius: 10px; }
.speed button { height: 24px; padding: 0 8px; border-radius: 7px; font-size: 12px; font-weight: 600; color: var(--ink-2); }
.speed button.on { background: #fff; color: var(--ink); }
.ag-scroll { flex: 1; overflow-y: auto; padding: 4px 20px 16px; }
.ag-files { display: flex; flex-wrap: wrap; gap: 6px; padding-bottom: 14px; margin-bottom: 12px; border-bottom: 1px solid var(--hair); }
.fpill { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px 0 4px; border: 1px solid var(--line); border-radius: 999px; font-size: 13px; max-width: 100%; background: #fff; transition: background .15s; }
.fpill:hover { background: var(--fill-2); }
.fpill .fb { font-size: 10.5px; font-weight: 600; color: var(--ink-2); background: var(--fill-2); border-radius: 999px; padding: 3px 7px; letter-spacing: .02em; }
.fpill .fn { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ag-run { padding: 28px 8px 12px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; }
.ag-run img { width: 132px; height: 132px; object-fit: contain; margin-bottom: -4px; }
.ag-run p { margin: 0; color: var(--ink-2); max-width: 320px; }
.ag-run .btn { min-width: 200px; }

.feed { display: flex; flex-direction: column; gap: 1px; }
.fl.step { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--steps); padding: 3px 0; min-width: 0; }
.fl-g.in, .fl.say.in { animation: rise .18s ease-out; }
.fl.step > svg { width: 14px; height: 14px; flex: none; stroke-width: 2; }
.fl.step.run { color: var(--ink-2); font-weight: 500; }
.fl .fl-t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fl .fl-n { flex: none; font-size: 12.5px; color: var(--faint); font-weight: 400; white-space: nowrap; }
.fl .fl-bad { color: var(--bad-ink); font-weight: 500; }
.fl.step .spin { width: 12px; height: 12px; margin-left: 2px; }
.fl.say { font-size: 13px; line-height: 1.6; color: var(--ink); padding: 6px 0; }
.live { display: flex; align-items: center; gap: 8px; padding: 10px 0 2px; font-size: 13.5px; font-weight: 500; }
.live-t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.live-r { margin-left: auto; font-family: var(--mono); font-size: 12px; color: var(--faint); white-space: nowrap; font-weight: 400; }
.live-skip { flex: none; height: 24px; padding: 0 10px; border-radius: 999px; font-size: 12px; font-weight: 600; color: var(--ink-2); background: var(--fill); }
.live-skip:hover { color: var(--ink); }

/* чек-лист шага: отметки по пунктам, как агент проходит перечень */
.ck { display: flex; flex-direction: column; gap: 1px; margin: 1px 0 6px 6px; padding: 1px 0 1px 16px; border-left: 1px solid var(--hair); }
.ck-i { display: flex; align-items: center; gap: 8px; font-size: 12.5px; line-height: 1.45; color: var(--ink-2); padding: 1px 0; min-width: 0; }
.ck-i > svg { width: 13px; height: 13px; flex: none; stroke-width: 2.4; }
.ck-i.ok > svg { color: var(--ok); }
.ck-i.cf > svg { color: var(--accent); }
.ck-i.bad { color: var(--bad-ink); } .ck-i.bad > svg { color: var(--bad); }
.ck-i.warn { color: var(--warn-ink); } .ck-i.warn > svg { color: var(--warn); }
.ck-i.na > svg { color: var(--icon-2); }
.ck-i.run { color: var(--ink); }
.ck-i .spin { width: 11px; height: 11px; border-width: 1.5px; }
.ck-i.new { animation: rise .18s ease-out; }
.ck-t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ck-n { margin-left: auto; flex: none; max-width: 45%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: var(--ink-3); padding-left: 8px; }

/* модель агента: «LLM МИСИС (…)» со знаком вуза */
.mdl { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 10px 0 6px; border: 1px solid var(--line); border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--ink); background: transparent; white-space: nowrap; min-width: 0; transition: background .15s, border-color .15s; }
.mdl:hover { background: var(--fill-2); }
.mdl .mdl-mk { width: 20px; height: 20px; flex: none; }
.mdl-t { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.mdl-t em { font-style: normal; font-weight: 500; color: var(--ink-2); }
.mdl > svg:last-child { width: 14px; height: 14px; color: var(--icon-2); flex: none; }
.mdl.busy { cursor: default; pointer-events: none; }
.mdl.busy .mdl-mk { animation: mkPulse 1.6s ease-in-out infinite; }
@keyframes mkPulse { 50% { opacity: .45; transform: scale(.9); } }
.pop { position: fixed; z-index: 400; background: #fff; border-radius: 16px; box-shadow: var(--sh-pop); padding: 6px; min-width: 300px; animation: rise .15s ease-out; }
.pop-h { font-size: 12px; font-weight: 600; color: var(--ink-3); padding: 8px 10px 4px; }
.pop-i { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; padding: 8px 10px; border-radius: 10px; }
.pop-i:hover { background: var(--fill-2); }
.pop-i .mdl-mk { width: 24px; height: 24px; flex: none; }
.pop-t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.pop-t b { font-size: 14px; font-weight: 500; }
.pop-t em { font-style: normal; font-size: 12.5px; color: var(--ink-3); }
.pop-i > svg:last-child:not(.mdl-mk) { width: 16px; height: 16px; color: var(--accent); flex: none; }

/* полоса хода проверки */
.ag-prog { height: 2px; margin: 0 20px; border-radius: 2px; opacity: 0; transition: opacity .3s; overflow: hidden; }
.ag-prog i { display: block; height: 100%; width: 0; border-radius: 2px; transition: width .6s var(--ease); }

/* файл, который агент читает прямо сейчас */
.fpill { position: relative; overflow: hidden; }
.fpill.reading { border-color: var(--accent); }
.fpill.reading::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(111, 160, 238, .35), transparent); transform: translateX(-100%); animation: sweep 1.1s var(--ease) infinite; }
@keyframes sweep { to { transform: translateX(100%); } }

/* ——— агент работает: панель темнеет — внимание сюда (тёмно-синий НейроАгента #010533) ——— */
.ag.run {
  background: #010533; color: #fff;
  --surface: #010533; --ink: #FFFFFF; --ink-2: rgba(255, 255, 255, .74); --ink-3: rgba(255, 255, 255, .52);
  --faint: rgba(255, 255, 255, .46); --steps: rgba(255, 255, 255, .58); --line: rgba(255, 255, 255, .16); --hair: rgba(255, 255, 255, .11);
  --fill: rgba(255, 255, 255, .09); --fill-2: rgba(255, 255, 255, .06); --placeholder: rgba(255, 255, 255, .38); --icon-2: rgba(255, 255, 255, .5);
  --accent: #6FA0EE; --ok: #5BD08A; --bad: #FF8A80; --bad-ink: #FF9C93; --warn: #F2B872; --warn-ink: #F2C08A;
}
.ag.run .ag-prog { opacity: 1; background: rgba(255, 255, 255, .1); }
.ag.run .ag-prog i { background: linear-gradient(90deg, #2C72E2, #99B7E7, #2C72E2); background-size: 200% 100%; animation: shimmerText 1.6s linear infinite; }
.ag.run .spin { border-color: rgba(255, 255, 255, .2); border-top-color: #fff; }
.ag.run .fl.step.run { color: #fff; }
.ag.run .fpill { background: rgba(255, 255, 255, .06); color: #fff; }
.ag.run .fpill .fb { background: rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .8); }
.ag.run .mdl { background: rgba(255, 255, 255, .06); }
.ag.run .cbox { background: rgba(255, 255, 255, .05); box-shadow: none; }
.ag.run .send { background: rgba(255, 255, 255, .16); }
.ag.run .live { border-top: 1px solid var(--hair); margin-top: 8px; padding-top: 12px; }
.ag-turn { display: block; }
.ag-turn .fsum { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; color: var(--steps); padding: 2px 0 4px; text-align: left; }
.ag-turn .fsum svg { width: 14px; height: 14px; flex: none; }
.ag-turn .fsum:hover { color: var(--ink-2); }
.feed.done { margin: 2px 0 8px 6px; padding: 2px 0 4px 14px; border-left: 1px solid var(--hair); }
.feed.done .fl { animation: none; }
.answer { font-size: 14px; line-height: 1.6; margin-top: 8px; }
.answer p { margin: 0 0 .5em; }
.answer p:last-of-type { margin-bottom: 0; }
.afoot { display: flex; align-items: center; gap: 14px; font-size: 12px; color: var(--ink-3); margin-top: 8px; }
.afoot span, .afoot button { display: inline-flex; align-items: center; gap: 5px; color: var(--ink-3); font-size: 12px; }
.afoot svg { width: 13px; height: 13px; }
.afoot button:hover { color: var(--ink-2); }

/* чат по отчёту */
.chat .msg.me { display: flex; justify-content: flex-end; margin: 16px 0 8px; }
.chat .msg.me .bub { max-width: 88%; background: var(--fill); border-radius: 20px; padding: 10px 14px; font-size: 14px; line-height: 1.55; }
.chat .msg.me .voice { display: flex; align-items: center; gap: 5px; font-size: 12px; color: var(--ink-3); margin-bottom: 2px; }
.chat .msg.me .voice svg { width: 13px; height: 13px; }
.chat .msg.ag { font-size: 14px; line-height: 1.6; margin: 4px 0 10px; animation: rise .15s ease-out; }
.chat .msg.ag p { margin: 0 0 .5em; }
.chat .msg.ag ul { margin: .2em 0 .5em; padding-left: 1.2em; }
.chat .msg.ag li { margin: .15em 0; }
.cite { display: flex; flex-direction: column; gap: 2px; font-size: 13px; background: var(--fill-2); border-radius: 12px; padding: 10px 12px; margin-top: 6px; }

.composer { padding: 8px 16px 16px; }
.sugg { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.sugg button { height: 30px; padding: 0 12px; border: 1px solid var(--line); border-radius: 999px; font-size: 13px; font-weight: 500; background: #fff; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sugg button:hover { background: var(--fill-2); }
.cbox { display: flex; align-items: flex-end; gap: 8px; background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: 8px 8px 8px 16px; box-shadow: var(--sh-input); transition: border-color .15s; }
.cbox:focus-within { border-color: var(--accent); }
.cbox textarea { flex: 1; border: 0; outline: 0; resize: none; font-size: 14px; line-height: 1.5; padding: 7px 0; max-height: 110px; background: transparent; min-width: 0; }
.cbox textarea::placeholder { color: var(--placeholder); }
.cbox textarea:disabled { background: transparent; }
.cb-r { display: flex; align-items: center; gap: 4px; }
.cb-r .icon-btn { width: 36px; height: 36px; }
.send { width: 36px; height: 36px; border-radius: 50%; background: var(--dark); color: #fff; display: grid; place-items: center; flex: none; transition: opacity .15s; }
.send svg { width: 18px; height: 18px; }
.send[disabled], .icon-btn[disabled] { opacity: .3; pointer-events: none; }
.cbox.rec { padding-left: 12px; }
.recbar { flex: 1; display: flex; align-items: center; gap: 10px; height: 36px; }
.recbar .rdot { width: 8px; height: 8px; border-radius: 50%; background: var(--bad); animation: fadeIn 1s ease-in-out infinite alternate; }
.recbar .wave { flex: 1; display: flex; align-items: center; gap: 3px; height: 24px; }
.recbar .wave i { flex: 1; background: var(--icon-2); border-radius: 2px; height: 30%; transition: height .1s; }
.recbar .rt { font-family: var(--mono); font-size: 12px; color: var(--ink-3); }

@media (max-height: 820px) {
  .ph { min-height: 60px; padding-top: 10px; padding-bottom: 10px; }
  .topbar { min-height: 50px; padding-top: 6px; padding-bottom: 10px; }
}

/* ——— ручная проверка файлов (без СБИС) ——— */
.sc { position: relative; }
.up-ov { position: absolute; inset: 0; z-index: 50; display: grid; place-items: center; background: rgba(242, 246, 252, .86); border: 2px dashed var(--accent); border-radius: var(--r-panel); animation: fadeIn .12s ease-out; pointer-events: none; }
.up-ov > div { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
.up-ov svg { width: 36px; height: 36px; color: var(--accent); margin-bottom: 6px; }
.up-ov b { font-size: 18px; font-weight: 600; }
.up-ov span { color: var(--ink-2); }
/* ручная загрузка: слева — что проверяем (документы подрядчика), справа — с чем сверяем (договор) */
.modal.up-m { width: min(780px, 100%); }
.up-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.up-zone { min-width: 0; display: flex; flex-direction: column; }
.up-zh { display: flex; flex-direction: column; gap: 2px; margin-bottom: 10px; }
.up-zh b { font-size: 14px; font-weight: 600; }
.up-zh span { font-size: 12.5px; color: var(--ink-3); }
@media (max-width: 720px) { .up-cols { grid-template-columns: 1fr; } }
.up-drop { display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; padding: 26px 20px; border: 1.5px dashed var(--hair-2); border-radius: 16px; background: var(--fill-2); cursor: pointer; transition: border-color .15s, background .15s, padding .2s var(--ease); }
.up-drop:hover, .up-drop.over { border-color: var(--accent); background: var(--accent-soft); }
.up-drop input { display: none; }
.up-drop b { font-size: 15px; font-weight: 600; }
.up-drop > span:not(.up-ic) { font-size: 13px; color: var(--ink-2); }
.up-ic { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: #fff; margin-bottom: 6px; }
.up-ic svg { width: 22px; height: 22px; color: var(--accent); }
.up-drop.small { flex-direction: row; justify-content: center; gap: 10px; padding: 12px 16px; }
.up-drop.small .up-ic { width: 30px; height: 30px; margin: 0; }
.up-drop.small .up-ic svg { width: 16px; height: 16px; }
.up-drop.small > span:not(.up-ic) { display: none; }
.up-drop.small b { font-size: 14px; font-weight: 500; }
.up-list { display: flex; flex-direction: column; margin-top: 10px; }
.up-f { display: flex; align-items: center; gap: 12px; padding: 8px 2px; border-bottom: 1px solid var(--hair); animation: rise .15s ease-out; }
.up-fi { width: 34px; height: 34px; border-radius: 10px; background: var(--fill-2); display: grid; place-items: center; flex: none; }
.up-fi svg { width: 17px; height: 17px; color: var(--ink-2); }
.up-fn { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.up-fn b { font-weight: 500; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.up-fn em { font-style: normal; font-size: 12.5px; color: var(--ink-3); }
.up-hint { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink-2); padding: 10px 2px 0; }
.up-hint svg { width: 15px; height: 15px; color: var(--icon-2); flex: none; }
.up-hint.note { color: var(--warn-ink); }
.up-hint.note svg { color: var(--warn); }
.up-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--hair); font-size: 13px; }
.ph-src { height: 32px; gap: 6px; }
.ph-src svg { width: 14px; height: 14px; }

/* ——— очередь: «Все / Мои», фильтр, сортировка, групповые действия ——— */
.qp-tools { display: flex; align-items: center; gap: 4px; }
.seg.xs { padding: 3px; border-radius: 10px; }
.seg.xs button { height: 24px; padding: 0 10px; font-size: 12.5px; border-radius: 7px; }
.qp-tb { display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 8px; border-radius: 8px; font-size: 12.5px; font-weight: 500; color: var(--ink-2); white-space: nowrap; }
.qp-tb svg { width: 14px; height: 14px; }
.qp-tb:hover { background: var(--fill-2); color: var(--ink); }
.qp-tb.on { color: var(--accent-2); }
.qp-group { align-items: center; }
.qp-ga { margin-left: auto; font-size: 12px; font-weight: 600; color: var(--accent-2); padding: 2px 6px; border-radius: 6px; white-space: nowrap; }
.qp-ga:hover { background: var(--accent-soft); }
.ava.xs { width: 20px; height: 20px; font-size: 8.5px; }
.qpop { width: 320px; padding: 6px 8px 8px; }
.qpop .pop-h { padding: 8px 4px 6px; }
.qpop-o { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 4px 4px; }
.qpop-o .chip { cursor: pointer; }
.qpop-o .chip.on { background: var(--accent-soft); border-color: transparent; color: var(--accent-2); }
.qpop-f { display: flex; justify-content: flex-end; padding: 6px 4px 0; border-top: 1px solid var(--hair); margin-top: 6px; }
.ph-dec { flex: none; font-size: 13px; color: var(--ink-2); white-space: nowrap; }
.ph-dec::before { content: "·"; margin-right: 8px; color: var(--ink-3); }
.ph-dec.ok { color: var(--ok-ink); } .ph-dec.bad { color: var(--bad-ink); }
.ph-who { display: inline-flex; align-items: center; gap: 2px; height: 36px; padding: 0 4px 0 6px; border: 1px solid var(--line); border-radius: 999px; }
.ph-who:hover { background: var(--fill-2); }
.ph-who > svg { width: 14px; height: 14px; color: var(--icon-2); }
.qa-list, .tr-list { display: flex; flex-direction: column; }
.qa-i, .tr-i { display: flex; align-items: center; gap: 12px; padding: 10px 2px; border-bottom: 1px solid var(--hair); }
.qa-i .grow, .tr-i .grow { display: flex; flex-direction: column; min-width: 0; }
.qa-i .grow b, .tr-i .grow b { font-weight: 500; font-size: 14px; }
.qa-i .grow span, .tr-i .grow span { font-size: 12.5px; color: var(--ink-3); }
.tr-i { cursor: pointer; }
.tr-i input { accent-color: var(--accent); }

.refuse { display: flex; gap: 8px; align-items: flex-start; background: var(--fill-2); color: var(--ink-2); border-radius: 12px; padding: 10px 12px; font-size: 13.5px; line-height: 1.5; }
.refuse svg { width: 16px; height: 16px; flex: none; margin-top: 2px; color: var(--icon-2); }

.qi-fix { flex: none; font-size: 11px; font-weight: 600; color: var(--accent-2); background: var(--accent-soft); border-radius: 6px; padding: 1px 6px; }
.ph-prev { height: 28px; gap: 6px; flex: none; cursor: pointer; }
.ph-prev svg { width: 14px; height: 14px; }

/* сбой внешней системы: шаг «нет ответа» и повтор */
.fl.step.fail { color: var(--warn-ink); font-weight: 500; }
.fl.step.fail > svg { color: var(--warn); }
.ag-fail { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--warn-ink); background: var(--warn-soft); border-radius: 12px; padding: 10px 14px; }
.ag-fail svg { width: 16px; height: 16px; flex: none; color: var(--warn); }

/* карточка контрагента */
.ph-cp { font: inherit; color: inherit; padding: 0; border-bottom: 1px dashed var(--hair-2); }
.ph-cp:hover { color: var(--accent-2); border-bottom-color: var(--accent); }
.cp-k { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 14px; }
.cp-k > div { display: flex; flex-direction: column; gap: 2px; }
.cp-k b { font-size: 22px; font-weight: 500; }
.cp-top > div { display: flex; gap: 12px; padding: 6px 0; border-bottom: 1px solid var(--hair); font-size: 13.5px; }
.cp-list { display: flex; flex-direction: column; }
.cp-d { display: flex; align-items: center; gap: 12px; padding: 10px 4px; border-bottom: 1px solid var(--hair); text-align: left; width: 100%; border-radius: 8px; }
.cp-d:hover { background: var(--fill-2); }
.cp-d .grow { display: flex; flex-direction: column; min-width: 0; }
.cp-d .grow b { font-weight: 500; font-size: 14px; }
.cp-d .grow span { font-size: 12.5px; color: var(--ink-3); }
.cp-d .st { flex: none; font-size: 12.5px; }
.cp-dec { flex: none; width: 96px; text-align: right; font-size: 12.5px; color: var(--ink-3); }
.cp-dec.ok { color: var(--ok-ink); } .cp-dec.bad { color: var(--bad-ink); }

/* [frontend] ручная загрузка: класс данных и вид документа */
.up-class { justify-content: space-between; }
.up-test { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; color: var(--ink); font-size: 13px; }
.up-test input { width: 16px; height: 16px; accent-color: var(--accent); }
.up-type { height: 34px; max-width: 260px; font-size: 13px; }
.up-hint.note.bad { color: var(--bad-ink); }
.up-hint.note.bad svg { color: var(--bad); }
/* [frontend] подвал очереди: статус СБИС — кнопка «обновить» */
.qp-sbis { cursor: pointer; }
.qp-sbis:hover { color: var(--accent); }
/* [frontend] «Не проверено» в «Требует решения» */
.fi.unch .fi-cmp { color: var(--ink-2); }
/* [frontend] сверка с эталоном у администратора (P0-22) */
.gold-box { margin: 0 0 12px; display: flex; flex-direction: column; gap: 8px; }
.gold { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 12px; background: var(--fill-2); font-size: 13px; }
.gold > svg { width: 16px; height: 16px; flex: none; margin-top: 2px; color: var(--ink-3); }
.gold.ok > svg { color: var(--ok); }
.gold.bad > svg { color: var(--warn); }
.gold-d { display: flex; flex-direction: column; gap: 2px; margin-top: 6px; }
.gold-i { display: flex; gap: 8px; text-align: left; font-size: 12.5px; color: var(--ink-2); padding: 2px 0; background: none; border: 0; cursor: pointer; }
.gold-i:hover { color: var(--accent); }
.gold-i .mono { flex: none; min-width: 64px; color: var(--ink-3); }
.dl-note { margin-top: 6px; }