.receipt-page { max-width: 1240px; }
.receipt-info { display:flex; justify-content:space-between; gap:16px; align-items:center; background:#fff; border-left:4px solid #EB1E2E; border-radius:10px; padding:14px 18px; margin-bottom:20px; box-shadow:0 1px 4px rgba(0,0,0,.08); color:#475569; }
.receipt-info strong { color:#242424; }
.receipt-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:18px; }
.receipt-card { background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.09); border:1px solid #e5eaf0; }
.receipt-preview { display:flex; justify-content:center; align-items:flex-start; height:300px; padding:14px; background:#f3f5f8; }
.receipt-preview img { max-width:100%; max-height:270px; object-fit:contain; box-shadow:0 1px 5px rgba(0,0,0,.18); background:#fff; }
.receipt-card-body { padding:14px 16px 16px; }
.receipt-card-body h2 { font-size:15px; margin-bottom:6px; color:#242424; }
.receipt-card-body p { color:#6b7a90; font-size:12px; margin-bottom:10px; }
.receipt-status { display:inline-block; padding:4px 9px; border-radius:20px; background:#dcfce7; color:#166534; font-size:12px; font-weight:600; }
.receipt-status.warning { background:#fef3c7; color:#92400e; }
.receipt-open { float:right; padding:6px 10px; font-size:12px; }
.receipt-fallback { display:none; }
@media (max-width:760px) { .receipt-info { align-items:flex-start; flex-direction:column; } }