/* Printable documents (donation receipt, certificate, monthly prayer timetable, reports): A4, black on white, the brand
   colour only for the header rule. Use layouts.print. */
body.print{background:var(--soft);color:#111;font-size:12.5px}
.doc{width:210mm;max-width:100%;min-height:270mm;margin:20px auto;background:#fff;padding:14mm 14mm 12mm;box-shadow:var(--sh2);position:relative}
.doc-h{display:flex;justify-content:space-between;gap:24px;padding-bottom:12px;border-bottom:3px solid var(--ink)}
.doc-h .biz{font-size:11.5px;line-height:1.55;color:#333;text-align:right}.doc-h .biz b{font-size:14px;color:#111}
.doc-t{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:16px 0 12px}.doc-t h1{font-size:20px;letter-spacing:.02em;text-transform:uppercase}
.doc-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.doc-meta .bx{border:1px solid #ddd;border-radius:8px;padding:10px 12px;font-size:11.5px;line-height:1.6}.doc-meta .bx b{display:block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#666;margin-bottom:4px}
.dt{width:100%;border-collapse:collapse;font-size:11.5px}
.dt th{background:#f1f3f7;text-align:left;padding:7px 8px;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #ccc}
.dt td{padding:7px 8px;border-bottom:1px solid #e5e5e5;vertical-align:top}.dt .r{text-align:right;white-space:nowrap}
.doc-tot{margin-left:auto;width:300px;margin-top:10px}.doc-tot div{display:flex;justify-content:space-between;padding:4px 0;font-size:12px}.doc-tot .g{font-size:15px;font-weight:700;border-top:2px solid #111;margin-top:4px;padding-top:8px}
.doc-f{margin-top:22px;font-size:10.5px;color:#555;display:flex;justify-content:space-between;gap:20px}
.doc-sign{text-align:right}.doc-sign img{height:48px}
.doc-bar{display:flex;justify-content:center;gap:10px;padding:16px}
@media print{
  @page{size:A4;margin:10mm}
  body.print{background:#fff}
  .doc{margin:0;width:auto;min-height:0;box-shadow:none;padding:0}
  .doc-bar,.no-print{display:none!important}
}
/* D: printable documents opened on a phone (receipts, timetables) */
@media screen and (max-width:760px){
  .doc{margin:0;padding:16px 14px;min-height:0;box-shadow:none}
  .doc-h{flex-direction:column;gap:10px}.doc-h .biz{text-align:left}
  .doc-t{flex-wrap:wrap}.doc-t .sm{text-align:left!important}
  .doc-meta{grid-template-columns:minmax(0,1fr)}
  .doc .wrapx .dt{min-width:520px}
  .doc>table.dt{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.doc>table.dt>thead,.doc>table.dt>tbody{min-width:520px}
  .doc-tot{width:100%;max-width:300px}
  .doc-f{flex-direction:column}
}