/* Печатные формы (A4). Используется и при печати, и в просмотре накладной в программе. */
.doc {
  position: relative;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 12px;
  color: #111;
  line-height: 1.4;
}
.doc .muted { color: #555; }
.doc-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 2px solid #111;
  padding-bottom: 8px;
  margin-bottom: 10px;
}
.doc .brand-row { display: flex; align-items: center; gap: 12px; }
.doc .logo { height: 58px; width: auto; display: block; }
.doc .shop { font-size: 22px; font-weight: 700; letter-spacing: 0.02em; }
.doc-title { text-align: right; }
.doc-title .title { font-size: 16px; font-weight: 700; }
.doc .parties { margin-bottom: 10px; }
.doc .parties div { margin: 2px 0; }
.doc .label { color: #555; display: inline-block; min-width: 86px; }
.doc table { width: 100%; border-collapse: collapse; }
.doc table.items th, .doc table.items td { border: 1px solid #777; padding: 3px 6px; vertical-align: top; }
.doc table.items th { background: #eee; font-weight: 600; text-align: left; }
.doc .c { text-align: center; width: 1%; white-space: nowrap; }
.doc .r { text-align: right; white-space: nowrap; }
.doc table.items th.r { text-align: right; }
.doc table.items th.c { text-align: center; }
.doc .variant { color: #444; }
.doc table.totals { width: auto; margin: 8px 0 0 auto; min-width: 280px; }
.doc table.totals td { padding: 2px 6px; }
.doc table.totals .strong td { font-weight: 700; font-size: 13px; }
.doc table.totals .debt td { color: #a01818; }
.doc .words { margin-top: 10px; }
.doc .signs { display: flex; justify-content: space-between; margin-top: 36px; gap: 24px; }
.doc .signs .line { display: inline-block; width: 160px; border-bottom: 1px solid #111; margin: 0 6px; }
.doc .stamp {
  border: 2px solid #a01818;
  color: #a01818;
  font-weight: 700;
  font-size: 15px;
  padding: 6px 12px;
  margin-bottom: 10px;
}
.doc .stamp small { font-size: 12px; font-weight: 400; }
.doc .changes { margin-top: 12px; border-top: 1px dashed #999; padding-top: 6px; font-size: 11px; }
.doc .changes ol { margin: 4px 0 0; padding-left: 18px; }
.doc .changes li { margin: 2px 0; }

@page { size: A4; margin: 12mm 12mm 14mm 14mm; }
@media print {
  .doc table.items tr { page-break-inside: avoid; }
}