.v372-preview-page{min-height:100vh;background:#edf1ee;padding:14px 18px 28px}
.v372-preview-actions{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1180px;margin:0 auto 12px;padding:10px 12px;border:1px solid #d5ddd9;border-radius:9px;background:#fff;box-shadow:0 3px 12px rgba(15,23,42,.06)}
.v372-preview-actions span{display:block;font-size:8px;font-weight:900;letter-spacing:.13em;color:#6e7c75}.v372-preview-actions strong{display:block;margin-top:2px;font-size:13px}
.v372-preview-actions>div:last-child{display:flex;gap:7px}.v372-preview-actions button{height:35px;border-radius:7px;padding:0 11px;font-size:10px;font-weight:800}
.v372-preview-actions .back{border:1px solid #d2d9d5;background:#fff}.v372-preview-actions .print{border:1px solid #176637;background:#176637;color:#fff}

.v372-paper{width:1180px;max-width:100%;margin:0 auto;background:#fff;border:1px solid #bfcfc6;box-shadow:0 8px 26px rgba(15,23,42,.08);font-family:Arial,Helvetica,sans-serif;color:#202a25}
.v372-header{display:grid;grid-template-columns:1.2fr .72fr .38fr;gap:18px;padding:20px 22px;border-top:4px solid #176637;border-bottom:2px solid #176637}
.v372-company{display:flex;gap:14px;min-width:0}.v372-company img,.v372-logo-fallback{width:112px;height:82px;object-fit:contain;flex:0 0 auto}.v372-logo-fallback{display:grid;place-items:center;font-size:23px;font-weight:900;color:#176637}
.v372-company h2{font-size:18px;line-height:1.25;color:#176637}.v372-company p{margin-top:4px;font-size:9.5px;line-height:1.35}
.v372-title{text-align:center}.v372-title h1{font-size:35px;line-height:1;color:#176637;letter-spacing:.02em}.v372-title>p{margin-top:9px;font-size:12px}.v372-title>p strong{color:#c92828}.v372-date{margin:9px auto 6px;padding:5px 12px;border-radius:999px;background:#176637;color:#fff;font-size:10px;font-weight:800}.v372-title small{font-size:9.5px}
.v372-qr{display:grid;justify-items:center;align-content:start;gap:5px;text-align:center}.v372-qr-box{display:grid;place-items:center;width:88px;height:88px;border:2px dashed #176637;font-size:24px;font-weight:900;color:#176637}.v372-qr strong{font-size:9px}.v372-qr small{font-size:7.3px;word-break:break-all;color:#66736c}

.v372-info{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #b9cec2}
.v372-info>div{padding:14px 17px}.v372-info>div+div{border-left:1px solid #b9cec2}
.v372-info h3{display:inline-block;margin-bottom:8px;padding:5px 9px;border-radius:4px;background:#176637;color:#fff;font-size:10px}
.v372-info p{display:grid;grid-template-columns:128px 1fr;gap:7px;margin-top:5px;font-size:9.5px;line-height:1.45}.v372-info p b{font-weight:800}

.v372-table-wrap{overflow:auto}.v372-table{width:100%;border-collapse:collapse;font-size:9.5px}.v372-table th{padding:8px 7px;background:#176637;color:#fff;text-align:center;font-weight:800}.v372-table td{padding:8px 7px;border-bottom:1px solid #dae5df}.v372-table td:nth-child(1),.v372-table td:nth-child(4),.v372-table td:nth-child(5){text-align:center}.v372-table td:nth-child(6),.v372-table td:nth-child(7){text-align:right;white-space:nowrap}.v372-table .empty{text-align:center!important;color:#7a857f;padding:24px}

.v372-summary{display:grid;grid-template-columns:1fr 470px;gap:14px;padding:14px 18px}.v372-thankyou{align-self:center}.v372-thankyou strong{font-size:11px}.v372-thankyou p{max-width:470px;margin-top:5px;font-size:9.5px;line-height:1.5;color:#5f6c65}
.v372-total{border:1px solid #c3d2ca}.v372-total>div{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;font-size:10px}.v372-total .grand{background:#176637;color:#fff;font-size:13px}.v372-total .grand b{font-size:18px}

.v372-footer{display:grid;grid-template-columns:1fr 1fr 1.15fr;border-top:1px solid #c5d2cb}.v372-footer>div{min-height:135px;padding:14px 16px}.v372-footer>div+div{border-left:1px solid #c5d2cb}.v372-footer h4{margin-bottom:8px;font-size:9.5px;color:#176637}.v372-footer p{margin-top:5px;font-size:9px;line-height:1.45}.v372-sign{text-align:center}.v372-sign strong{display:block;margin-top:10px;font-size:9.5px}

@media(max-width:900px){
 .v372-preview-page{padding:8px}
 .v372-preview-actions{margin-bottom:8px}
 .v372-paper{width:760px;max-width:none}
 .v372-header{grid-template-columns:1fr}
 .v372-title{text-align:left}
 .v372-qr{justify-items:start}
 .v372-info{grid-template-columns:1fr}
 .v372-info>div+div{border-left:0;border-top:1px solid #b9cec2}
 .v372-summary{grid-template-columns:1fr}
 .v372-footer{grid-template-columns:1fr}
 .v372-footer>div+div{border-left:0;border-top:1px solid #c5d2cb}
}
@media print{
 @page{size:A4 portrait;margin:8mm}
 body{background:#fff!important}
 body *{visibility:hidden!important}
 .v372-preview-page,.v372-preview-page *{visibility:visible!important}
 .v372-preview-page{position:absolute!important;inset:0!important;padding:0!important;background:#fff!important}
 .v372-preview-actions{display:none!important}
 .v372-paper{width:100%!important;max-width:none!important;border:0!important;box-shadow:none!important}
}