/* styles-fact-blocks.css — лист Факт: блоки над колонками, тумблер «Только главное»,
   ячейки «Результат работы» / «Расчёт оплаты» (09.10.2026, app-prod-fact-blocks.js,
   app-prod-fact-qty.js; макет https://claude.ai/artifact/VAGyfSQUoxh2Vp64PfVDZw).
   Новый файл (новый код → новый файл), грузится после styles-plan-table.css. */

/* Верхний ряд шапки — блоки. Высота фиксированная: второй ряд прилипает под ним. */
.production-table-wrap #prodFactTable thead tr.fact-blk-row th.fact-blk {
  height: 24px;
  box-sizing: border-box;
  padding: 2px 6px;
  text-align: center;
  font-size: 10px;
  letter-spacing: 0.02em;
  background: #1f3d5f;
}
.production-table-wrap #prodFactTable thead tr.fact-blk-row th.fact-blk-p { background: #2a4c78; }
.production-table-wrap #prodFactTable thead tr.fact-blk-row th.fact-blk-r { background: #1f5a55; }
.production-table-wrap #prodFactTable thead tr.fact-blk-row th.fact-blk-m { background: #3d3f63; }
.production-table-wrap #prodFactTable thead tr:not(.fact-blk-row) th { top: 24px; }
.production-table-wrap #prodFactTable thead th small { font-weight: 400; opacity: 0.85; }

/* Левая граница блока — видно, где кончается «План и запуск» и начинается «Результат». */
#prodFactTable th.fact-blk-start,
#prodFactTable td.fact-blk-start,
#prodFactTable thead tr.fact-blk-row th.fact-blk + th.fact-blk { border-left: 1px solid #a9b8c9; }

/* «Годно» — главное число результата: зелёная колонка. */
#prodFactTable td.fact-goodcol { background: #eefbf3; }
#prodFactTable tr.fact-row-closed td.fact-goodcol { background: #e6f4ec; }
#prodFactTable td .fact-good { color: #15803d; font-weight: 800; }

/* «Брак» — плашка: число и пометка (ОТК / итог). По клику — «Потери», без подчёркивания. */
#prodFactTable td.fact-brak-cell .cab-link { text-decoration: none; }
#prodFactTable td .fact-brak-badge {
  display: inline-block;
  padding: 0 7px;
  border-radius: 5px;
  background: #fde8e8;
  color: #b91c1c;
  font-weight: 700;
  white-space: nowrap;
}
#prodFactTable td .fact-brak-badge b { margin-left: 2px; font-weight: 700; }

/* «Кол-во к оплате» ≠ «годно» — значок «i», карточка «почему» из Бухгалтерии. */
#prodFactTable td .acc-payqty-has-why { cursor: help; white-space: nowrap; }
#prodFactTable td .fact-pay-why {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  margin-left: 4px;
  border-radius: 50%;
  border: 1px solid #2563eb;
  color: #2563eb;
  font-size: 9px;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  vertical-align: 1px;
}

/* Тумблер «Только главное» у «Фильтр» + «▾» с выбором главных колонок (меню как у шестерёнки). */
.fact-short-wrap { position: relative; display: inline-flex; align-items: stretch; }
.fact-short-wrap .fact-short-sw { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.fact-short-cfg {
  height: 34px;
  padding: 0 9px;
  border: 1px solid #3a5a86;
  border-left: none;
  border-radius: 0 10px 10px 0;
  background: #13233f;
  color: #ebf3ff;
  font-size: 11px;
  cursor: pointer;
}
.fact-short-cfg:hover { background: #1c3253; }
.fact-short-menu { width: 250px; }
.fact-short-menu-title { font-size: 11px; font-weight: 700; color: #23384f; padding: 0 2px 6px; }
.fact-short-reset {
  margin-top: 6px;
  width: 100%;
  padding: 5px 0;
  border: 1px solid #b8c7d8;
  border-radius: 7px;
  background: #fff;
  color: #23384f;
  font-size: 11px;
  cursor: pointer;
}
.fact-short-sw {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  height: 34px;
  border: 1px solid #3a5a86;
  border-radius: 10px;
  background: #13233f;
  color: #ebf3ff;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}
.fact-short-sw input { display: none; }
.fact-short-knob {
  position: relative;
  width: 30px;
  height: 16px;
  border-radius: 8px;
  background: #64748b;
  transition: background-color 0.15s;
}
.fact-short-knob::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  transition: left 0.15s;
}
.fact-short-sw input:checked + .fact-short-knob { background: #16a34a; }
.fact-short-sw input:checked + .fact-short-knob::after { left: 16px; }

/* Стрелка заказа в «№ ПЗ» — только когда «№ задания» скрыт (иначе заказ нечем свернуть). */
.plan-table .pz-group-toggle.pz-group-toggle-alt { display: none; }
#prodFactTable.fact-sz-hidden .pz-group-toggle.pz-group-toggle-alt { display: inline-block; }