#kuitansiContent{padding:24px;background:var(--bg-2);overflow:visible}
#kuitansiContent .receipt-box{position:relative;max-width:790px;padding:35px 38px!important;border:1px solid #d7e1db;border-radius:18px;background:#fff;color:#183b2d;box-shadow:0 20px 70px #07291b12;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.5}
#kuitansiContent .receipt-box::before{content:"";position:absolute;top:0;left:38px;right:38px;height:4px;background:linear-gradient(90deg,#075d42 0%,#075d42 74%,#b99451 74%);border-radius:0 0 3px 3px}
#kuitansiContent .receipt-header{padding-bottom:24px;margin-bottom:25px;border-bottom:1px solid #b9945170;text-align:left}
.receipt-brand{display:flex;align-items:center;gap:16px}
.receipt-brand img{width:67px;height:67px;object-fit:contain;flex:none}
.receipt-eyebrow{display:block;font-size:9px;letter-spacing:.12em;font-weight:700;color:#607569}
#kuitansiContent .receipt-header h2{margin:5px 0 3px;font-size:23px!important;letter-spacing:.04em;color:#075d42;line-height:1.2}
.receipt-brand-note{font-size:11px;color:#61756a}
.receipt-heading{margin-top:26px;padding-left:16px;border-left:3px solid #b99451}
.receipt-heading h3{margin:4px 0 5px;font-size:25px;color:#173b2c;line-height:1.3}
#kuitansiContent .receipt-number{font-size:12px;color:#52665b;font-family:Arial,Helvetica,sans-serif;overflow-wrap:anywhere}
#kuitansiContent .receipt-meta{display:grid;grid-template-columns:1fr 1fr;gap:17px 26px;padding:0 0 21px;margin-bottom:0;line-height:1.6}
.receipt-field{min-width:0}
.receipt-field span{display:block;font-size:10px;color:#68796f}
.receipt-field strong{display:block;font-size:12px;color:#1c392c;overflow-wrap:anywhere}
.receipt-recipient{grid-column:1/-1}
.receipt-recipient strong{font-size:16px}
.receipt-section-label{margin:12px 0 10px;font-size:9px;letter-spacing:.13em;font-weight:700;color:#075d42}
#kuitansiContent .receipt-items{margin:0;width:100%;table-layout:fixed;display:table!important;font-size:12px}
#kuitansiContent .receipt-items th{background:#eef5f1;color:#52685a;padding:12px 10px;font-size:10px;font-weight:700;border-bottom:1px solid #cbdacf;text-align:left;letter-spacing:0}
#kuitansiContent .receipt-items td{padding:15px 10px;border-bottom:1px solid #e5ece7;color:#203c2d;font-size:12px;vertical-align:top;overflow-wrap:anywhere}
#kuitansiContent .receipt-items th:nth-child(1){width:34%}
#kuitansiContent .receipt-items th:nth-child(2){width:34%}
#kuitansiContent .receipt-items th:nth-child(3){width:32%}
#kuitansiContent .receipt-items th:last-child,#kuitansiContent .receipt-items td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.receipt-item-note{display:block;color:#6b7b70;font-size:10px;margin-top:5px;line-height:1.5}
.receipt-settlement{display:grid;grid-template-columns:1.05fr 1fr;gap:26px;align-items:start;margin-top:22px;padding-bottom:22px;border-bottom:1px solid #e2eae5}
.receipt-words{padding-top:7px}
.receipt-words>span{color:#68796f;font-size:9px;font-weight:700;letter-spacing:.12em}
.receipt-words p{font-size:11px;font-style:italic;margin:6px 0;line-height:1.8;color:#52685a}
#kuitansiContent .receipt-total{margin:0;padding:14px 17px;background:#f0f6f2;border:1px solid #d2e1d7;border-top:3px solid #075d42;border-radius:0 0 8px 8px;text-align:right;min-width:0}
.receipt-total span{display:block;font-size:9px;color:#52685a;letter-spacing:.09em}
.receipt-total strong{display:block;font-size:24px;line-height:1.5;color:#075d42;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.receipt-closing{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;padding-top:25px;align-items:center}
.receipt-thanks strong{font-size:11px;font-weight:600;color:#314e3e}
.receipt-thanks p{font-size:10px;color:#6b7b70;line-height:1.8;margin:6px 0}
.receipt-officer{text-align:right}
.receipt-officer span{display:block;font-size:10px;color:#6b7b70}
.receipt-officer strong{display:block;margin-top:11px;font-size:13px;color:#203f2d}
.receipt-officer small{display:block;margin-top:4px;color:#68796f;font-size:9px}
#kuitansiContent .receipt-footer{padding-top:20px;margin-top:25px;border-top:1px solid #b9945170;text-align:left;color:#738077;line-height:1.6}
.receipt-footer>span{font-size:8px;letter-spacing:.12em;font-weight:700}
.receipt-footer p{font-size:9px;margin:5px 0}
.receipt-footer>small{font-size:8px;overflow-wrap:anywhere}
#kuitansiContent .receipt-whatsapp{max-width:790px;margin:22px auto 0;padding-top:0;border-top:0;color:var(--muted);font-size:12px}
@media(max-width:600px){#kuitansiContent{padding:0;background:transparent}#kuitansiContent .receipt-box{padding:23px 17px!important;border-radius:13px}.receipt-box::before{left:17px!important;right:17px!important}.receipt-brand{gap:10px}.receipt-brand img{width:46px;height:46px}.receipt-eyebrow{font-size:7px;letter-spacing:.06em}#kuitansiContent .receipt-header h2{font-size:17px!important}.receipt-brand-note{font-size:9px}.receipt-heading{margin-top:21px;padding-left:12px}.receipt-heading h3{font-size:21px}#kuitansiContent .receipt-meta{gap:14px 13px}.receipt-field strong{font-size:11px}.receipt-recipient strong{font-size:14px}#kuitansiContent .receipt-items th{padding:10px 5px;font-size:8px}#kuitansiContent .receipt-items td{padding:12px 5px;font-size:10px}.receipt-item-note{font-size:9px}.receipt-settlement{grid-template-columns:1fr;gap:8px}.receipt-words{order:2}.receipt-total strong{font-size:23px}.receipt-closing{grid-template-columns:1fr;gap:15px}.receipt-officer{text-align:left}.receipt-officer strong{margin-top:6px}}
@media print{#kuitansiContent{padding:0!important;background:white!important}#kuitansiContent .receipt-box{padding:8px 0 0!important;border:0!important;border-radius:0;box-shadow:none;max-width:none;font-size:11px}.receipt-box::before{left:0!important;right:0!important}#kuitansiContent .receipt-header{padding-bottom:20px;margin-bottom:20px}.receipt-brand img{width:62px;height:62px}#kuitansiContent .receipt-header h2{font-size:23px!important}.receipt-eyebrow{font-size:9px;letter-spacing:.1em}.receipt-brand-note{font-size:11px}.receipt-heading{margin-top:22px;padding-left:14px}.receipt-heading h3{font-size:25px}#kuitansiContent .receipt-meta{grid-template-columns:1fr 1fr;gap:15px 26px}.receipt-field strong{font-size:12px}.receipt-recipient strong{font-size:16px}#kuitansiContent .receipt-items th{font-size:10px;padding:11px 9px;background:#f3f6f4!important;color:#203c2d!important}#kuitansiContent .receipt-items td{font-size:12px;padding:13px 9px}.receipt-item-note{font-size:10px}.receipt-settlement{grid-template-columns:1fr 1fr;gap:25px}.receipt-words{order:0}.receipt-closing{grid-template-columns:1.1fr 1fr;gap:24px}.receipt-officer{text-align:right}.receipt-total strong{font-size:24px}#kuitansiContent .receipt-footer{margin-top:22px}.receipt-footer p{font-size:9px}#kuitansiContent .receipt-whatsapp,#kuitansiContent .print-button{display:none!important}.receipt-header,.receipt-meta,.receipt-settlement,.receipt-closing,.receipt-footer{break-inside:avoid}.receipt-items thead{display:table-header-group}.receipt-items tr{break-inside:avoid}#kuitansiContent .receipt-box::before{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
