/* KTM Voyage CRM — print stylesheet [F2].
   Clean A4 output for document views (invoices, najava, rooming, voucher) rendered on
   the #/print/... routes. On screen the .doc classes give an A4-like preview; in print
   the app chrome disappears and the document fills the page.
   "Download PDF" buttons simply trigger window.print() (data-ui="print"). */

/* ---------- Screen preview of printable documents ---------- */
.doc{background:#fff;max-width:820px;margin:0 auto;padding:38px 44px;border:1px solid #e6e4dc;border-radius:10px;box-shadow:0 8px 24px rgba(20,24,34,.06);font-size:13px;color:#1c222b}
.doc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;border-bottom:3px solid #ccb52d;padding-bottom:18px;margin-bottom:22px}
.doc-head img{height:46px}
.doc-title{font-family:"Playfair Display",Georgia,serif;font-size:24px;color:#292109;margin:0 0 4px}
.doc-sub{color:#5d646f;font-size:12px}
.doc-brand{text-align:right;font-size:11.5px;color:#5d646f;line-height:1.45}
.doc-brand b{color:#292109;font-size:13px}
.doc-meta{display:grid;grid-template-columns:auto 1fr;gap:3px 18px;font-size:12.5px;margin:0 0 16px}
.doc-meta dt{font-weight:700;color:#5d646f}
.doc-meta dd{margin:0}
.doc-section{margin:18px 0}
.doc-section h4{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#5d5636;margin-bottom:8px;font-family:"Lato",sans-serif}
.doc-table{width:100%;border-collapse:collapse;margin:12px 0}
.doc-table th{text-align:left;background:#f6f4ee;color:#5d5636;font-weight:700;padding:8px 10px;font-size:11px;letter-spacing:.03em;text-transform:uppercase;border:1px solid #ddd8cc}
.doc-table td{padding:8px 10px;border:1px solid #e8e4d8;vertical-align:top}
.doc-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.doc-total{margin-left:auto;max-width:300px;width:100%}
.doc-total table{width:100%;border-collapse:collapse;font-size:13px}
.doc-total td{padding:5px 10px}
.doc-total td:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.doc-total tr.grand td{border-top:2px solid #292109;font-weight:700;font-size:15px;padding-top:9px}
.doc-note{background:#f7f4e6;border:1px solid #e6dcae;border-radius:8px;padding:10px 14px;color:#4a4426;font-size:12px;margin:14px 0}
.doc-foot{margin-top:28px;border-top:1px solid #e6e4dc;padding-top:12px;color:#5d646f;font-size:10.5px;line-height:1.5}
.doc-sign{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:44px}
.doc-sign div{border-top:1px solid #9aa1ad;padding-top:6px;font-size:11.5px;color:#5d646f}
.print-toolbar{display:flex;gap:10px;justify-content:center;margin:0 auto 18px;max-width:820px}

/* ---------- P1 additions: offerte + booking summary ---------- */
.doc-list{margin:6px 0 0 18px;padding:0}
.doc-list li{margin:3px 0;line-height:1.5}
.doc-smallnotes{font-size:11.5px;color:#5d646f}
.doc-pricetable td.doc-price{font-size:15px;font-weight:700;color:#292109;background:#fbfaf3}
.doc-pricetable tbody tr td:first-child{font-weight:700}
.doc-status{font-weight:700;color:#292109}

/* ---------- Actual print output ---------- */
@media print{
  @page{size:A4;margin:14mm}
  html,body{background:#fff!important;font-size:12px}
  /* Hide all app chrome */
  .side,.side-overlay,.topbar,.banner,.toasts,.modal-overlay,.hamb,.filters,.toolbar,
  .drawer-back,.print-toolbar,.tabs,.no-print,.print-hidden,
  .pagehead .btn,.actions,.empty-state .btn{display:none!important}
  .shell{display:block;grid-template-columns:none}
  .main{display:block}
  .content{padding:0;max-width:none}
  /* The document becomes the page */
  .doc{border:none;box-shadow:none;border-radius:0;max-width:none;padding:0;font-size:12px}
  .doc-head{page-break-after:avoid;break-after:avoid}
  .doc-table{page-break-inside:auto}
  .doc-table tr,.doc-total tr{page-break-inside:avoid;break-inside:avoid}
  .doc-table th{background:#f6f4ee!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .doc-pricetable td.doc-price{background:#fbfaf3!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .doc-sign{page-break-inside:avoid;break-inside:avoid}
  /* Generic fallbacks for non-.doc pages someone prints anyway */
  .card{box-shadow:none;border:1px solid #ddd}
  .tablewrap{box-shadow:none;border:1px solid #ddd;overflow:visible;max-height:none}
  table.data thead th{position:static;box-shadow:none}
  a{color:inherit;text-decoration:none}
  .pill{border:1px solid currentColor}
  .pill::before{display:none}
}