/* v0.1.4 — refinamento visual e recibo personalizado */
.auto-payment-card{display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:#b7e4c7;background:linear-gradient(135deg,#f5fcf8 0%,#eef8ff 100%);overflow:hidden;position:relative}
.auto-payment-card:after{content:"";position:absolute;right:-50px;top:-70px;width:180px;height:180px;border-radius:50%;background:rgba(33,89,209,.06);pointer-events:none}
.auto-payment-content{display:flex;align-items:flex-start;gap:14px;min-width:0;position:relative;z-index:1}
.auto-payment-icon{display:grid!important;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:#dff5e8;color:var(--green)!important;font-size:23px;font-weight:900;box-shadow:0 0 0 6px rgba(22,128,74,.06)}
.auto-payment-copy{display:grid;gap:2px;min-width:0}
.auto-payment-eyebrow{display:block;color:var(--muted);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.045em;line-height:1.4}
.auto-payment-amount{display:block;color:var(--green);font-size:24px;line-height:1.25;margin-top:2px}
.auto-payment-customer{display:block;color:var(--text);font-size:15px;font-weight:750;line-height:1.45}
.auto-payment-details{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.5}
.auto-payment-details span{display:inline-flex;align-items:center;gap:6px}
.auto-payment-details span+span:before{content:"•";color:#98a2b3;margin-right:6px}
.auto-payment-card>.button{position:relative;z-index:1;flex:0 0 auto}
.payment-meta{display:block;line-height:1.5;margin-top:5px;max-width:320px;overflow-wrap:anywhere}
.row-actions .action-link{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:9px;padding:7px 10px;color:var(--text);background:#fff;font-size:13px;font-weight:650;white-space:nowrap}
.row-actions .primary-link{color:var(--primary);border-color:#b9cdf8;background:var(--primary-soft)}

.receipt-screen{margin:0;min-height:100vh;background:#e9eef6;color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;padding:28px 18px 46px}
.receipt-actions{max-width:880px;margin:0 auto 16px;display:flex;justify-content:flex-end;gap:10px}
.receipt-sheet{position:relative;max-width:880px;margin:0 auto;background:#fff;border:1px solid #dce4ef;border-radius:24px;padding:34px;box-shadow:0 22px 60px rgba(16,24,40,.12);overflow:hidden}
.receipt-sheet:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:linear-gradient(90deg,var(--primary) 0%,#3c78ee 58%,#1e9b64 100%)}
.receipt-sheet:after{content:"PAGO";position:absolute;right:-24px;top:160px;transform:rotate(-90deg);font-size:68px;font-weight:900;letter-spacing:.12em;color:rgba(22,128,74,.035);pointer-events:none}
.receipt-brandbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:8px 0 24px;border-bottom:1px solid var(--line);position:relative;z-index:1}
.receipt-logo{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:linear-gradient(145deg,#2159d1,#143b91);color:#fff;font-weight:900;font-size:20px;letter-spacing:.04em;box-shadow:0 10px 24px rgba(33,89,209,.22)}
.receipt-brand-copy{min-width:0}
.receipt-brand-copy h1{margin:0;font-size:25px;line-height:1.15;letter-spacing:-.02em}
.receipt-brand-copy>p{margin:5px 0 0;color:var(--muted);font-size:13px}
.receipt-store-meta{display:flex;gap:5px 14px;flex-wrap:wrap;margin-top:8px;color:#475467;font-size:11px;line-height:1.5}
.receipt-store-meta span{display:block;overflow-wrap:anywhere}
.receipt-title-block{text-align:right;display:grid;justify-items:end;gap:3px}
.receipt-title-block>span{display:block;color:var(--primary);font-size:11px;font-weight:850;letter-spacing:.09em}
.receipt-title-block>strong{display:block;font-size:20px;line-height:1.2}
.receipt-title-block>em{display:inline-block;margin-top:5px;border-radius:999px;padding:5px 9px;background:#e9f8ef;color:var(--green);font-size:11px;font-weight:800;font-style:normal}
.receipt-payment-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 18px;position:relative;z-index:1}
.receipt-amount-box,.receipt-date-box{display:grid;align-content:center;min-height:118px;border-radius:18px;padding:20px 22px}
.receipt-amount-box{background:linear-gradient(135deg,#edf3ff,#f8faff);border:1px solid #cbd9f6}
.receipt-date-box{background:#f8fafc;border:1px solid var(--line)}
.receipt-amount-box>span,.receipt-date-box>span{display:block;color:var(--muted);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.045em}
.receipt-amount-box>strong{display:block;color:var(--primary);font-size:36px;line-height:1.15;margin-top:7px}
.receipt-date-box>strong{display:block;color:var(--text);font-size:19px;line-height:1.35;margin-top:7px}
.receipt-date-box>small{display:block;color:var(--green);font-size:12px;font-weight:700;margin-top:5px}
.receipt-declaration{border-left:4px solid var(--primary);background:#f8fafc;border-radius:0 14px 14px 0;padding:15px 18px;margin-bottom:18px;position:relative;z-index:1}
.receipt-declaration p{margin:0;color:#344054;font-size:14px;line-height:1.7}
.receipt-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative;z-index:1}
.receipt-detail-card,.receipt-notes{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff}
.receipt-section-title{display:flex;align-items:center;gap:9px;margin-bottom:14px}
.receipt-section-title>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:850}
.receipt-section-title h2,.receipt-notes h2{margin:0;font-size:15px}
.receipt-detail-card dl{display:grid;grid-template-columns:118px minmax(0,1fr);gap:9px 12px;margin:0}
.receipt-detail-card dt{color:var(--muted);font-size:12px;line-height:1.5}
.receipt-detail-card dd{margin:0;color:var(--text);font-size:13px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
.break-word{overflow-wrap:anywhere;word-break:break-word}
.receipt-notes{margin-top:18px;position:relative;z-index:1}
.receipt-notes p{margin:0;color:#475467;line-height:1.65}
.receipt-authenticity{display:grid;grid-template-columns:1.45fr .7fr .55fr;gap:10px;background:#101828;color:#fff;border-radius:16px;padding:15px 18px;margin-top:18px;position:relative;z-index:1}
.receipt-authenticity>div{display:grid;gap:3px;min-width:0}
.receipt-authenticity span{display:block;color:#a9b8d0;font-size:10px;text-transform:uppercase;letter-spacing:.055em}
.receipt-authenticity strong{display:block;font-size:12px;overflow-wrap:anywhere}
.receipt-paid-text{color:#6ce9a6}
.receipt-message{margin-top:16px;border:1px dashed #b9cdf8;background:#f6f9ff;color:#344054;border-radius:14px;padding:14px 16px;text-align:center;font-size:13px;line-height:1.6;position:relative;z-index:1}
.receipt-signatures{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin:56px 16px 28px;position:relative;z-index:1}
.receipt-signatures>div{text-align:center}
.receipt-signatures span{display:block;border-top:1px solid #667085;margin-bottom:8px}
.receipt-signatures strong{display:block;font-size:12px}
.receipt-signatures small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.receipt-footer{display:flex;justify-content:space-between;gap:15px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;position:relative;z-index:1}

@media(max-width:700px){
.auto-payment-card{align-items:stretch;flex-direction:column}.auto-payment-card>.button{width:100%}.auto-payment-details{display:grid;gap:2px}.auto-payment-details span+span:before{display:none}
.receipt-screen{padding:12px 8px 28px}.receipt-actions{flex-direction:column}.receipt-actions .button{width:100%}.receipt-sheet{border-radius:16px;padding:22px 17px}.receipt-brandbar{grid-template-columns:auto 1fr}.receipt-title-block{grid-column:1/-1;justify-items:start;text-align:left;padding-top:12px;border-top:1px solid var(--line)}.receipt-payment-summary,.receipt-details-grid{grid-template-columns:1fr}.receipt-detail-card dl{grid-template-columns:1fr;gap:3px}.receipt-detail-card dt{margin-top:7px}.receipt-authenticity{grid-template-columns:1fr}.receipt-signatures{grid-template-columns:1fr;gap:48px;margin-inline:5px}.receipt-footer{display:grid}.receipt-sheet:after{display:none}
}

@media print{
@page{size:A4;margin:10mm}
body.receipt-screen{background:#fff;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.receipt-actions{display:none!important}
.receipt-sheet{max-width:none;margin:0;border:0;border-radius:0;padding:8mm;box-shadow:none}
.receipt-sheet:before{height:5px}
.receipt-sheet:after{color:rgba(22,128,74,.025)}
.receipt-payment-summary{break-inside:avoid}.receipt-details-grid{break-inside:avoid}.receipt-authenticity{break-inside:avoid}.receipt-signatures{margin-top:42px}
}