/* The invoice as paper (app/paper.js): white, A4 in print, the business's colour as the accent. Used by the app and by
   the customer's page (view.html), so both look the same. */
.paper{background:#fff;color:#111;border:1px solid #e5e7eb;border-radius:10px;padding:26px 24px;font-size:14px;line-height:1.45;box-shadow:0 1px 2px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.05);max-width:820px;margin:0 auto 16px}
.paper .p-head{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-bottom:3px solid var(--accent);padding-bottom:14px}
.paper .p-logo{max-height:70px;max-width:240px;display:block;margin-bottom:6px}.paper .p-name{font-size:22px;font-weight:800;color:var(--accent);margin-bottom:4px}
.paper .p-small{font-size:12.5px;color:#4b5563}
.paper .p-title{text-align:right;margin-left:auto}.paper h1{font-size:26px;margin:0 0 6px;color:#111;letter-spacing:.02em;text-transform:uppercase}
.paper .p-kv{margin-left:auto;border-collapse:collapse}.paper .p-kv th{text-align:right;color:#6b7280;font-weight:600;padding:1px 10px 1px 0;font-size:12.5px}.paper .p-kv td{text-align:right;font-weight:650}
.paper .p-stamp{display:inline-block;margin-top:8px;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:4px;border:2px solid #9ca3af;color:#6b7280}
.paper .p-stamp.s-paid,.paper .p-stamp.s-accepted{border-color:#15803d;color:#15803d}.paper .p-stamp.s-overdue{border-color:#b91c1c;color:#b91c1c}
.paper .p-to{margin:16px 0 14px}.paper .p-lab{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin-bottom:2px}
.paper table.p-lines{width:100%;border-collapse:collapse}.paper .p-lines th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--accent);padding:7px 8px}
.paper .p-lines td{padding:8px;border-bottom:1px solid #e5e7eb;vertical-align:top}.paper .n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.paper .p-desc{font-size:12.5px;color:#4b5563;margin-top:2px}.paper .p-none{color:#9ca3af;font-style:italic}
.paper table.p-tot{margin:10px 0 0 auto;border-collapse:collapse;min-width:260px}.paper .p-tot th{text-align:left;font-weight:500;color:#4b5563;padding:3px 16px 3px 0}.paper .p-tot td{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.paper .p-tot tr.big th,.paper .p-tot tr.big td{font-size:17px;font-weight:800;color:#111;border-top:2px solid #111;padding-top:6px}
.paper .p-notes{margin-top:16px;white-space:normal}.paper .p-pay{margin-top:16px;padding:12px 14px;background:#f9fafb;border-left:4px solid var(--accent);border-radius:4px}
.paper .p-foot{margin-top:18px;padding-top:10px;border-top:1px solid #e5e7eb;font-size:12px;color:#6b7280}
@media (max-width:520px){.paper{padding:16px 12px;font-size:13px}.paper .p-title{text-align:left;margin-left:0}.paper .p-kv{margin-left:0}.paper .p-kv th,.paper .p-kv td{text-align:left}.paper .p-lines th:nth-child(3),.paper .p-lines td:nth-child(3){display:none}}
@media print{@page{size:A4;margin:12mm}.paper{border:none;box-shadow:none;border-radius:0;padding:0;max-width:none;font-size:10.5pt}.paper .p-lines th{-webkit-print-color-adjust:exact;print-color-adjust:exact}.paper .p-pay{-webkit-print-color-adjust:exact;print-color-adjust:exact}.paper tr{break-inside:avoid}}

/* a quote's signed acceptance, and a statement's late days */
.paper .p-accept{margin-top:16px;padding:12px 14px;border:1px solid #d1fae5;background:#f0fdf4;border-radius:6px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 20px}
.paper .p-accept .p-lab{width:100%}.paper .p-sig{height:56px;max-width:220px;border-bottom:1px solid #9ca3af}
.paper .p-late{display:inline-block;font-size:11px;font-weight:700;color:#b91c1c}
/* made into a PDF: always the full A4 layout, whatever the screen is */
.paper.pdfmode{box-shadow:none;border:0;border-radius:0;padding:0;max-width:none;animation:none;font-size:13px}
.paper.pdfmode .p-title{text-align:right;margin-left:auto}.paper.pdfmode .p-kv{margin-left:auto}.paper.pdfmode .p-kv th,.paper.pdfmode .p-kv td{text-align:right}
.paper.pdfmode .p-lines th:nth-child(3),.paper.pdfmode .p-lines td:nth-child(3){display:table-cell}