/* ═══════════════════════════════════════════════════════════
   БУМАГА УЧЁТА — расчётный листок, ведомость на выплату, график на стену
   ═══════════════════════════════════════════════════════════
   Тот же лист, что документы гостю (documents.css): белый, в миллиметрах,
   шапка со знаком и именем заведения, почерк и тон из «Вида документов».
   Почерки сами меняют шапку, главное число, строки и итог; здесь — только
   то, чего у счёта нет: сводка ведомости, графа подписи, клетки графика и
   планка смены на линейке дня. Тон касается черт, подложки выходных и планки
   — и печатается на чёрно-белом принтере серым без потери смысла. */

/* ── лист А4 горизонтально ── */
.doc.a4l{width:297mm;min-height:210mm;padding:12mm 14mm 10mm}
.doc.a4l[data-hand="soft"]{padding:13mm 15mm 11mm}
@page doc-a4l{size:A4 landscape;margin:0!important}
@media print{
  /* Длинный график переходит на вторую страницу сам, шапка таблицы повторяется. */
  body.printing .doc-print .doc.a4l{page:doc-a4l}
}
.pp .doc-sign{padding-top:26px}
.pp .doc-sign + .pp-foot{margin-top:14px}

/* ── расчётный листок ── */
.pp-due{grid-template-columns:minmax(0,1fr) minmax(0,76mm);align-items:start}
.pp-due p{max-width:none;text-wrap:balance}
.pp-due em{display:block;font-size:15px;font-weight:600;letter-spacing:-.015em}
.doc[data-hand="classic"] .pp-due em{font-family:var(--doc-serif);font-weight:700}
.pp-facts{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;align-content:start;
  padding:12px 14px;border:1px solid var(--doc-rule);border-radius:var(--r);font-size:12px;line-height:1.4;
}
.doc[data-hand="soft"] .pp-facts{border:0;background:var(--doc-paper)}
.doc[data-hand="classic"] .pp-facts{border-radius:0;border-width:1px 0;border-style:solid}
.pp-facts dt{color:var(--doc-ink-2)}
.pp-facts dd{font-weight:500}
.pp-lines td b{font-weight:600}
.pp-lines td small{margin-top:1px}
.pp-lines .doc-q{white-space:normal;max-width:78mm}
.pp-lines tr.k-deduction .doc-s{color:var(--doc-ink-2)}
.pp-none{padding:8px 0;font-size:12.5px;color:var(--doc-ink-3)}
.pp-calc{margin-top:26px}
.pp-tally{gap:7px 0;margin-top:6px}
.pp-tally span.left{padding-top:9px;font-size:16px}
.doc[data-hand="classic"] .pp-tally span.left{border-top:3px double var(--doc-ink);font-family:var(--doc-serif);font-weight:700}
.doc[data-hand="soft"] .pp-tally span.left{border-top-color:var(--tone)}

/* ── ведомость на выплату ── */
.pp-money{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.5fr);align-items:start;margin:14px 0 22px;padding-top:0;border-top:0}
.pp-money b{margin-top:3px;font-size:19px}
.pp-due-sum{padding-left:18px;border-left:1px solid var(--doc-rule)}
.pp-due-sum b{font-size:26px;line-height:1.1;letter-spacing:-.035em}
.pp-due-sum em{display:block;margin-top:2px;line-height:1.3}
.doc[data-hand="soft"] .pp-money{padding:14px 18px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--tone) 7%,var(--doc-paper))}
.doc[data-hand="soft"] .pp-due-sum{border-left-color:color-mix(in srgb,var(--tone) 22%,var(--doc-paper))}

.pp-grid{width:100%;border-collapse:collapse;font-size:12.5px}
.pp-grid thead th{padding:0 8px 7px;border-bottom:1.5px solid var(--tone);text-align:left;font-size:11px;font-weight:500;color:var(--doc-ink-2);white-space:nowrap}
.pp-grid tbody td,.pp-grid tbody th{height:13mm;padding:0 8px;border-bottom:1px solid var(--doc-rule-2);text-align:left;vertical-align:middle}
.pp-grid tbody th b{display:block;font-size:13px;font-weight:600;letter-spacing:-.01em}
.pp-grid tbody th small{margin-top:1px;font-size:11px;font-weight:400;color:var(--doc-ink-2)}
.pp-grid .pp-n{width:9mm;color:var(--doc-ink-3)}
.pp-grid .pp-c{text-align:right;white-space:nowrap}
.pp-grid .pp-owe{font-weight:600}
.pp-grid .pp-sig{width:58mm}
.pp-grid .pp-date{width:28mm}
.pp-grid .pp-sig i,.pp-grid .pp-date i{display:block;margin-top:5mm;border-bottom:1px solid var(--doc-ink-3)}
.pp-grid tfoot td,.pp-grid tfoot th{padding:9px 8px 0;border-top:1.5px solid var(--doc-ink);text-align:left;font-weight:600}
.pp-grid tr{break-inside:avoid}
.doc[data-hand="classic"] .pp-grid thead th{border-bottom:3px double var(--tone)}
.doc[data-hand="classic"] .pp-grid tfoot td,.doc[data-hand="classic"] .pp-grid tfoot th{border-top:3px double var(--doc-ink)}
.doc[data-hand="classic"] .pp-grid tbody th b{font-family:var(--doc-serif);font-weight:700}
.doc[data-hand="soft"] .pp-grid tbody td,.doc[data-hand="soft"] .pp-grid tbody th{height:14mm}

/* ── график смен на стену ── */
.pw-bar{position:relative;display:block;height:5px;border-radius:3px;background:var(--doc-rule-2)}
.pw-bar b{position:absolute;top:0;bottom:0;left:var(--l);width:var(--w);border-radius:3px;background:var(--tone)}

.pw-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;margin:12px 0 10px;list-style:none;font-size:12px}
.pw-legend li{display:flex;align-items:center;gap:8px}
.pw-legend .pw-bar{width:30mm}
.pw-legend b{font-weight:600}
.pw-legend span{color:var(--doc-ink-2)}
.pw-legend .pw-scale{margin-left:auto;color:var(--doc-ink-3)}

.pw-grid{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.pw-grid thead th{padding:0 7px 7px;border-bottom:1.5px solid var(--tone);text-align:left;vertical-align:bottom}
.pw-grid .pw-who{width:40mm;padding-left:0;font-size:11px;font-weight:500;color:var(--doc-ink-2)}
.pw-d b{display:block;font-size:18px;font-weight:600;letter-spacing:-.03em;line-height:1.05}
.pw-d span{display:block;margin-top:1px;font-size:10.5px;font-weight:400;color:var(--doc-ink-2)}
.pw-grid .we{background:color-mix(in srgb,var(--tone) 6%,var(--doc-paper))}
.pw-grid tbody th{padding:8px 8px 8px 0;border-bottom:1px solid var(--doc-rule);text-align:left;vertical-align:top}
.pw-grid tbody th b{display:block;font-size:13.5px;font-weight:600;letter-spacing:-.015em}
.pw-grid tbody th span{display:block;margin-top:1px;font-size:11px;font-weight:400;color:var(--doc-ink-2)}
.pw-grid tbody td{padding:5px;border-bottom:1px solid var(--doc-rule);border-left:1px solid var(--doc-rule-2);vertical-align:top}
.pw-grid tbody tr{break-inside:avoid}
.pw-s{padding:6px 7px 7px;border:1px solid var(--doc-rule);border-radius:var(--r-sm);background:var(--doc-paper)}
.pw-s + .pw-s{margin-top:4px}
.pw-grid tfoot th,.pw-grid tfoot td{padding:7px;border-top:1.5px solid var(--doc-ink);text-align:left;font-size:11.5px;font-weight:600;color:var(--doc-ink-2)}
.pw-grid tfoot th{padding-left:0;font-weight:500}

/* Строки делят лист: четыре человека не жмутся к шапке, а занимают стену;
   у многих строка не тоньше, чем читается с шага, — тогда вторая страница. */
.pw-week tbody td{height:clamp(22mm,calc(112mm / var(--rows,4)),34mm)}
.pw-week .pw-s b{display:block;font-size:15.5px;font-weight:650;letter-spacing:-.02em;white-space:nowrap}
.pw-week .pw-s span{display:block;margin-top:1px;font-size:10.5px;color:var(--doc-ink-2)}
.pw-week .pw-s .pw-bar{margin-top:6px}

.pw-month .pw-who{width:34mm}
.pw-month thead .pw-d{padding:0 0 5px;text-align:center}
.pw-month .pw-d b{font-size:11.5px;letter-spacing:-.02em}
.pw-month .pw-d span{font-size:8.5px}
.pw-month tbody th b{font-size:11.5px}
.pw-month tbody th span{font-size:9.5px}
.pw-month tbody td{height:clamp(13mm,calc(124mm / var(--rows,6)),18mm);padding:2px 1.5px;vertical-align:middle}
.pw-month .pw-s{display:flex;flex-direction:column;align-items:center;padding:4px 1px 5px;border-radius:3px}
.pw-month .pw-s b{font-size:12px;font-weight:650;line-height:1.15;letter-spacing:-.02em}
.pw-month .pw-s b + b{font-size:10px;font-weight:450;color:var(--doc-ink-2)}
.pw-month .pw-s .pw-bar{width:100%;height:3px;margin-top:4px;border-radius:2px}
.pw-month tfoot td{padding:6px 0;text-align:center;font-size:10.5px}
.pw-empty{margin:40px 0;font-size:16px;color:var(--doc-ink-2)}

.doc[data-hand="soft"] .pw-s{border-color:transparent;background:color-mix(in srgb,var(--tone) 8%,var(--doc-paper))}
.doc[data-hand="soft"] .pw-grid .we{background:color-mix(in srgb,var(--tone) 4%,var(--doc-paper))}
.doc[data-hand="classic"] .pw-grid thead th{border-bottom:3px double var(--tone)}
.doc[data-hand="classic"] .pw-grid tfoot th,.doc[data-hand="classic"] .pw-grid tfoot td{border-top:3px double var(--doc-ink)}
.doc[data-hand="classic"] :is(.pw-d b,.pw-grid tbody th b){font-family:var(--doc-serif);font-weight:700;letter-spacing:-.01em}
.doc[data-hand="classic"] .pw-s{border-radius:0}