/* Начисление зарплаты (doc_payroll_form.php) — старый вид МойСклада (живая сверка 01.11.2026, новая форма #payroll/edit?new):
   «Период начислений» — две даты через «–»; таблица Сотрудник | Оклад | Сдельная оплата | К выплате с итогами под столбцами;
   строка ввода — поле «Сотрудник» 506 px и кнопки «Выбрать сотрудника», «Добавить всех». */
.ms-docedit-type-payroll .ms-docedit-field-key-startPayrollPeriod .ms-head-control { display: flex; align-items: center; gap: 6px; }
.ms-docedit-period-dash { font: 12px Arial, sans-serif; color: #222; }
.ms-docedit-payroll-count { display: inline-flex; align-items: center; min-width: 14px; padding: 0 6px; color: #555; font: 12px Arial, sans-serif; }
.ms-docedit-payroll { margin-top: 12px; }
.ms-docedit-payroll-actions { display: flex; gap: 8px; margin: 0 0 8px; }
.ms-docedit-payroll-actions .ms-btn svg { margin-right: 4px; vertical-align: -1px; }
.ms-docedit-payroll-table { width: 100%; max-width: 1000px; border-collapse: collapse; font: 12px/16px Arial, sans-serif; }
.ms-docedit-payroll-table th { font-weight: normal; color: #555; background: #f5f5f5; text-align: left; white-space: nowrap; }
.ms-docedit-payroll-table :is(th, td) { padding: 4px 6px; border-bottom: 1px solid #e4e4e4; }
.ms-docedit-payroll-table .ms-docedit-cell-seq { width: 32px; }
.ms-docedit-payroll-table :is(.ms-docedit-payroll-cell-baseSalary, .ms-docedit-payroll-cell-pieceworkSalary, .ms-docedit-payroll-cell-total) { width: 130px; text-align: right; }
.ms-docedit-payroll-table td.ms-docedit-payroll-cell-baseSalary > input, .ms-docedit-payroll-table td.ms-docedit-payroll-cell-pieceworkSalary > input {
  box-sizing: border-box; width: 120px; height: 21px; text-align: right; }
.ms-docedit-payroll-table .ms-docedit-cell-remove { width: 30px; text-align: center; }
.ms-docedit-payroll-gear { border: 0; background: none; padding: 0; color: #888; }
.ms-docedit-payroll-totals td { border-bottom: 0; font-weight: bold; }
.ms-docedit-payroll-cell-employee.is-invalid { box-shadow: inset 0 0 0 1px red; }
.ms-docedit-payroll-add { display: flex; align-items: center; gap: 8px; margin: 8px 0; }
.ms-docedit-payroll-add > .ms-pick { flex: 0 1 506px; width: 506px; max-width: 100%; }
.ms-docedit-payroll-dialog { width: min(420px, calc(100vw - 48px)); max-height: calc(100vh - 64px); box-sizing: border-box; padding: 20px;
  border: 1px solid #bfbfbf; border-radius: 3px; box-shadow: 0 3px 15px #888; font: 12px/18px Tahoma, sans-serif; color: #333; }
.ms-docedit-payroll-dialog::backdrop { background: rgba(0, 0, 0, .3); }
.ms-docedit-payroll-dialog h2 { margin: 0 0 12px; font-size: 16px; }
.ms-docedit-payroll-dialog-list { display: flex; flex-direction: column; gap: 6px; max-height: 360px; overflow: auto; }
.ms-docedit-payroll-dialog-actions { display: flex; gap: 8px; margin-top: 14px; }
@media (max-width: 900px) {
  .ms-docedit-payroll-add { flex-wrap: wrap; }
  .ms-docedit-payroll-add > .ms-pick { flex: 1 1 100%; width: 100%; }
  .ms-docedit-payroll-table :is(.ms-docedit-payroll-cell-baseSalary, .ms-docedit-payroll-cell-pieceworkSalary, .ms-docedit-payroll-cell-total) { width: auto; }
  .ms-docedit-payroll-table td.ms-docedit-payroll-cell-baseSalary > input, .ms-docedit-payroll-table td.ms-docedit-payroll-cell-pieceworkSalary > input { width: 100%; }
}