#doc-preview{background:#e7e7e7;padding:12px;overflow:auto}.cac-doc{width:210mm;min-height:297mm;margin:auto;background:white;position:relative;overflow:hidden;color:#151515;font-family:Arial,sans-serif}.cac-doc:after{content:"";position:absolute;inset:3mm;border:1.4px solid #c8942e;pointer-events:none}
.doc-head{min-height:73mm;padding:11mm 10mm;display:grid;grid-template-columns:1.35fr .7fr;gap:9mm;background:linear-gradient(135deg,#101214 0 70%,white 70.3%)}.doc-brand{display:grid;grid-template-columns:39mm 1fr;gap:6mm;color:white;align-items:center}.doc-logo{width:39mm;height:39mm;object-fit:contain}.doc-brand h1{margin:0;color:#efc15a;font-size:18pt}.doc-brand .tag{font-size:8pt;line-height:1.4;margin:2mm 0}.doc-contact{font-size:7.3pt;line-height:1.55;color:#eee}.doc-meta h2{font-size:26pt;margin:4mm 0;text-align:right}.doc-rule{height:1px;background:#c8942e;margin-bottom:4mm}.meta{display:grid;grid-template-columns:1fr 1fr;font-size:9pt;line-height:1.7}.meta b{text-align:right;padding-right:4mm}
.doc-body{padding:10mm 11mm 22mm;position:relative}.watermark{position:absolute;width:115mm;left:45mm;top:30mm;opacity:.03;filter:grayscale(1)}.custbox{position:relative;z-index:1;width:80mm;border:1px solid #d7b56e;border-radius:3mm;padding:5mm;background:#fffaf4;margin-bottom:8mm}.custbox .label{color:#a1701c;font-weight:900;font-size:9pt;text-transform:uppercase}.custbox .name{font-weight:900;font-size:12pt;margin-top:2mm}.custbox .sub{font-size:8.5pt;margin-top:1mm;color:#555}
.doc-table{position:relative;z-index:1;width:100%;border-collapse:collapse}.doc-table th{background:#151719;color:#efc15a;text-transform:uppercase;padding:4mm;font-size:8.5pt;border-right:1px solid #a87517}.doc-table td{padding:4mm;border:1px solid #e6cf9d;font-size:8.5pt}.doc-table .num{text-align:right}.doc-table .qty{text-align:center}.doc-table .detail{font-style:italic;color:#666;font-size:7.7pt;margin-top:1mm}
.doc-bottom{display:grid;grid-template-columns:1fr 1fr;gap:9mm;margin-top:6mm;position:relative;z-index:1}.paybox{border:1px solid #d7b56e;border-radius:3mm;overflow:hidden}.paytitle{display:inline-block;background:#141719;color:#efc15a;font-weight:900;padding:3mm 4mm;text-transform:uppercase;font-size:8.5pt}.paycontent{padding:4mm;font-size:7.8pt;line-height:1.55}.payrow{display:grid;grid-template-columns:30mm 1fr;gap:2mm}.totals{border:1px solid #e0c68f;border-radius:3mm;overflow:hidden}.trow{display:grid;grid-template-columns:1fr 1fr;padding:3mm 4mm;border-bottom:1px solid #ead9b2;font-size:9pt}.trow span:last-child{text-align:right}.trow.total{font-weight:900;background:#f8e5b7}.trow.balance{font-size:11pt;font-weight:900;background:linear-gradient(90deg,#b57e19,#efc25c)}.deposit{margin-top:4mm;padding:4mm;background:linear-gradient(135deg,#b67f1b,#efc25c);font-weight:900;text-align:center;border-radius:3mm}.paidstamp{position:absolute;right:15mm;top:16mm;color:#19723b;border:3px solid #19723b;border-radius:50%;padding:7mm 4mm;font-size:22pt;font-weight:900;transform:rotate(-10deg)}.doc-foot{position:absolute;left:12mm;right:12mm;bottom:9mm;text-align:center;border-top:1px solid #d4ae59;padding-top:4mm;font-size:7.5pt;font-style:italic}
@media print{body>*:not(#print-area){display:none!important}#print-area{display:block!important}#print-area .cac-doc{margin:0}@page{size:A4;margin:0}}