/* ============================================================================
   Страница «Зарплата» — то, чего нет в общей дизайн-системе.
   Значения взяты из тех же токенов app.css, ничего нового не изобретаем.
   ========================================================================== */

/* ---------------------------------------------------------------------------
   Редактируемая сумма в таблице «Начисление».
   Фон, пунктир и фокус — общие с td.edit (app.css); здесь только геометрия:
   поле живёт внутри ячейки, потому что таблицу рисует общий компонент
   table() из ui.js, а он ставит классы только на td.
   ------------------------------------------------------------------------- */
.zp-edit{display:inline-block;min-width:56px;padding:1px 6px;text-align:right}
.zp-edit:empty::before{content:"0";color:var(--muted)}
@media (max-width:640px){ .zp-edit{min-width:48px} }

/* ---------------------------------------------------------------------------
   Блок «Предупреждения расчёта» — как «ПРЕДУПРЕЖДЕНИЯ» на листе «Выплата».
   ------------------------------------------------------------------------- */
.zp-warn .note:first-child{margin-top:0}
.zp-warn ul{margin:6px 0 0;padding-left:18px}
.zp-warn li{margin:2px 0}