/* Сайт «Склад и поставки», спека 023. Формы сайта вместо окон макета, фазы 4 и 5.
   Файлы site*.css подключаются в base.html по порядку: порядок задаёт каскад. Цвета - только в :root из site.css. */

/* ---------- Сайт (не макет): формы вместо окон макета ---------- */

.inline-form { display: inline; }

.people .actions-cell form { display: inline; }

.people-rules { font-size: 16px; margin-top: 4px; }

.people { margin-top: 10px; }

.add-person { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); max-width: 560px; }

.add-person label { display: block; margin-top: 12px; color: var(--ink-dim); }

.add-person .roles { border: 0; margin-top: 14px; }

.add-person .roles legend { color: var(--ink-dim); }

.add-person label.choice { display: inline-flex; align-items: center; gap: 10px; margin-right: 22px; cursor: pointer; color: var(--ink); }

.card .add-person label.choice input[type="radio"] {
  display: inline-block; width: 26px; height: 26px; margin: 0; padding: 0; flex: none; accent-color: var(--ink);
}

/* ---------- Сайт, фаза 4: вместо style="..." макета (CSP запрещает встроенные стили) ---------- */

.mt-6 { margin-top: 6px; }
.mt-8 { margin-top: 8px; }
.mt-12 { margin-top: 12px; }
.fs-16 { font-size: 16px; }
.call h2.call-title { margin-top: 8px; }
.summary .card h2 { margin-top: 10px; }
.summary .card .dim { font-size: 16px; margin-top: 8px; display: inline-block; }
.snapshot-time { font-size: 16px; }
.snapshot-time.stale { color: var(--amber-ink); }
.refresh-form { display: inline; }
.check .sign.wait { color: var(--ink-dim); }
.check .fact { display: block; font-size: 15px; color: var(--ink-faint); margin-top: 2px; }
.journal-days { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 16px; }
.journal-days input[type="date"] { font-family: var(--mono); font-size: 17px; padding: 8px 10px; border: 1px solid var(--line-strong); border-radius: var(--radius); background: var(--surface); color: var(--ink); }
.table .fact-row td { border-top: 0; padding-top: 0; }
.table .details { margin-top: 4px; font-size: 15px; }
.reserve-table td.num { font-family: var(--mono); text-align: right; }
.access-list .value .faint { font-size: 15px; }
.week-days { font-family: var(--mono); font-size: 13px; color: var(--ink-faint); }
.raw-output { font-family: var(--mono); font-size: 14px; white-space: pre-wrap; overflow-wrap: anywhere; margin-top: 8px; }
.meter i.w-0 { width: 0%; }
.meter i.w-10 { width: 10%; }
.meter i.w-20 { width: 20%; }
.meter i.w-30 { width: 30%; }
.meter i.w-40 { width: 40%; }
.meter i.w-50 { width: 50%; }
.meter i.w-60 { width: 60%; }
.meter i.w-70 { width: 70%; }
.meter i.w-80 { width: 80%; }
.meter i.w-90 { width: 90%; }
.meter i.w-100 { width: 100%; }

/* ---------- Сайт, фаза 5: страница шага (вместо style="..." макета step.html) ---------- */

.page-head .eyebrow a { color: inherit; text-decoration: none; border-bottom: 1px solid var(--line-strong); }
.step-once { vertical-align: middle; }
.step-action-title { margin-bottom: 12px; }
.run-form { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; max-width: 560px; }
.run-form .figure-field { display: block; width: 100%; font-size: 18px; color: var(--ink-dim); }
.run-form .figure-field input {
  display: block; width: 100%; max-width: 260px; margin-top: 10px; padding: 12px 14px;
  font-family: var(--mono); font-size: 26px; color: var(--ink);
  background: var(--surface); border: 2px solid var(--line-strong); border-radius: var(--radius-card);
}
.run-form .irreversible-ok { display: flex; align-items: center; gap: 12px; font-size: 18px; cursor: pointer; color: var(--ink); }
.run-form .irreversible-ok input[type="checkbox"] { width: 28px; height: 28px; margin: 0; flex: none; accent-color: var(--ink); }
.btn-run { min-height: 72px; font-size: 24px; max-width: 100%; white-space: normal; text-align: center; }
.run-after { font-size: 17px; }
.plan-diff { list-style: none; margin-top: 8px; font-size: 14px; overflow-wrap: anywhere; }
.plan-diff li { padding: 2px 0; }
.stop-box .actions, .busy-box .actions, .done-box .actions { margin-top: 16px; }
.mt-10 { margin-top: 10px; }
.mt-14 { margin-top: 14px; }
.fs-15 { font-size: 15px; }
.toggle[disabled] { opacity: .55; cursor: not-allowed; }
/* пустой пункт проверки - одной строкой во всю ширину, без колонки знака */
.check li.empty { display: block; color: var(--ink-dim); }

/* T072: формы склада на «Склад и люди» - подпись 18px, подсказка 16px, поворот одной строкой */
.ws-form label { font-size: 18px; color: var(--ink); }
.ws-form label small { font-size: 16px; line-height: 1.4; }
.ws-form .actions { grid-column: 1 / -1; margin: 0; }
.ws-form label.ws-rotate { grid-column: 1 / -1; flex-direction: row; align-items: flex-start; gap: 14px; cursor: pointer; }
.ws-form label.ws-rotate input { width: 28px; height: 28px; margin: 2px 0 0; flex: none; accent-color: var(--ink); }
.ws-form label.ws-rotate span { display: flex; flex-direction: column; gap: 4px; }
.ws-form label:not(.ws-rotate) { justify-content: space-between; }