/* ============================================================
   VAEND — shared document/print styles (vaend-doc.css)
   Used by invoices, receipts, vouchers and legal documents.
   Include AFTER vaend.css on any page that prints a document:
     <link rel="stylesheet" href="/assets/vaend-doc.css">
   Wrap the printable document in <div class="doc-sheet"> … </div>.
   On print, everything except .doc-sheet is hidden.
   ============================================================ */

/* The paper sheet shown on screen (live preview) */
.doc-sheet{
  background:#fff;color:#1a1c2e;
  width:100%;max-width:794px;           /* ~A4 width at 96dpi */
  margin:0 auto;padding:40px 44px;
  border-radius:14px;
  box-shadow:0 10px 40px rgba(76,71,140,.14);
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
  line-height:1.5;font-size:14px;
}
.doc-sheet h1,.doc-sheet h2,.doc-sheet h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.01em}
.doc-sheet table{width:100%;border-collapse:collapse}
.doc-sheet .doc-muted{color:#71748c}
.doc-sheet .right{text-align:right}
.doc-sheet .center{text-align:center}

/* Print: show only the document, hide all app chrome */
@media print{
  @page{size:A4;margin:14mm}
  html,body{background:#fff!important}
  body::before,body::after{display:none!important}
  header,footer,.related,.bridge,.nudge,.v-share-overlay,
  .crumb,.tool-head,.seo,.no-print,[data-vaend]{display:none!important}
  .doc-sheet{
    box-shadow:none!important;border-radius:0!important;
    max-width:none!important;width:auto!important;
    margin:0!important;padding:0!important;
  }
  .doc-sheet, .doc-sheet *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* Thermal / POS receipt variant (58mm / 80mm) */
.doc-sheet.pos{max-width:302px;padding:16px 14px;font-size:12px}
.doc-sheet.pos.mm58{max-width:220px}
@media print{
  .doc-sheet.pos{width:80mm!important}
  .doc-sheet.pos.mm58{width:58mm!important}
}