/* 02.11.2026: свои отметки дня, основа расчёта по заведениям, показ денег сотрудникам (marks.js) */

/* своя отметка дня: цвет — из style (--lc / --lb / --lh), как у видов отсутствия */
.k-mark { --lc: #475569; --lb: #F1F5F9; --lh: rgba(100,116,139,.16); }
.k-other { --lc: #374151; --lb: #F9FAFB; }
/* рабочая отметка («На выезде»): день идёт по графику — без штриховки «отсутствия», плашка сплошной рамкой */
.sch-grid td.cell.lv.mk-work { background-image: none; background-color: var(--lb); }
.dk-grid td.cell.lv.mk-work { background-image: none; background-color: var(--lb); }
.chip.leave.mk-work { border-style: solid; }
.dk-off.mk-work { border-style: solid; }
/* рабочая отметка в день со сменой — тонкой полоской над сменой, смена видна целиком */
.dk-off.over { inset: auto 4px 2px auto; max-width: calc(100% - 8px); height: 13px; font-size: 9.5px; z-index: 3; padding: 0 5px; }
.mb-wgrid .c.off.mk { background: color-mix(in srgb, var(--mk) 14%, #fff); color: var(--mk); box-shadow: inset 0 0 0 1px var(--mk); }
.mb-wgrid .c.off.mk.mk-work { min-height: 18px; line-height: 18px; }
.today-mark { margin-top: 6px; }
.lv-other { margin-top: 2px; }

/* Настройки → «Отметки дня» */
.dm-list { display: flex; flex-direction: column; gap: 6px; margin: 8px 0 12px; }
.dm-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 6px 0; border-bottom: 1px solid #F1F2F4; }
.dm-row .lvk { min-width: 0; overflow-wrap: anywhere; }
.dm-type { font-size: 12px; color: #6B7280; }
.dm-type.work { color: #047857; }
.dm-acts { margin-left: auto; display: flex; gap: 12px; }
.link.danger { color: #B91C1C; }
.dm-form { border: 1px solid #E5E7EB; border-radius: 12px; padding: 12px; margin-top: 8px; background: #FAFAFB; }
.dm-colors { display: flex; flex-wrap: wrap; gap: 8px; }
.dm-col { width: 28px; height: 28px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 1px #D1D5DB; cursor: pointer; padding: 0; }
.dm-col.on { box-shadow: 0 0 0 2px #111827; }

/* «Начисление зарплаты»: основа по заведениям */
.pl-box { margin-top: 16px; }
.pl-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 12px; padding: 10px 0; border-top: 1px solid #F1F2F4; }
.pl-name { flex: 1 1 180px; min-width: 0; }
.pl-ctl { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px; flex: 2 1 280px; }
.pl-ctl select { flex: 1 1 180px; min-width: 0; }
.pl-from { display: flex; flex-direction: column; gap: 2px; }
.pl-from input { width: 150px; }
.pl-row .note { flex-basis: 100%; margin: 0; }
#pay-empmoney { margin-top: 16px; }