*{box-sizing:border-box}
body{margin:0;background:#f3eee6;color:#231a14;font:15px/1.5 "Segoe UI",Roboto,Arial,sans-serif;padding:24px 16px}
.rc{max-width:760px;margin:auto;background:#fff;border-radius:6px;padding:32px;box-shadow:0 2px 18px rgba(60,30,0,.08)}
.rc-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:3px double #c98a17;padding-bottom:16px}
.rc-head h1{margin:0;font:700 26px Georgia,serif;color:#7a1325}
.rc-head p{margin:4px 0 0;color:#5d4c40;font-size:13px}
.rc-meta{text-align:right}.rc-meta p{margin:8px 0 0}
.rc-to{margin:18px 0;font-size:14px}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.rc-items th{background:#7a1325;color:#fff;text-align:left;padding:8px;font-size:13px}
.rc-items td{border-bottom:1px solid #eadfd2;padding:8px;vertical-align:top}
.rc-items td small{display:block;color:#8a7867;font-size:12px}
.rc-items th:nth-child(n+4),.rc-items td:nth-child(n+4),.rc-sum td:last-child{text-align:right}
.rc-sum{margin-top:12px;margin-left:auto;max-width:420px}
.rc-sum td{padding:5px 8px}
.rc-sum .big td{border-top:2px solid #231a14;font-weight:700;font-size:17px}
.rc-note{font-size:13px;color:#5d4c40}
.rc-pay{background:#fff6dd;border:1px solid #f0cf73;padding:14px;border-radius:6px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.rc-qr{flex:none;width:170px;height:170px;background:#fff}.rc-qr svg{width:100%;height:100%;display:block}
.rc-pay{justify-content:flex-start}
.rc-foot{font-size:12px;color:#8a7867;border-top:1px solid #eadfd2;padding-top:12px;margin-top:20px}
.btn{display:inline-block;background:#7a1325;color:#fff;border:0;padding:10px 16px;border-radius:4px;text-decoration:none;font-weight:600;cursor:pointer}
.print{margin-top:8px}
.tag{display:inline-block;padding:3px 10px;border-radius:99px;background:#eee;font-size:12px;font-weight:600}
.tag-closed{background:#d9f2df;color:#185c2c}.tag-cancelled{background:#fde0e0;color:#8a1c1c}
@media (max-width:560px){.rc{padding:18px}.rc-meta{text-align:left}}
/* phones: 6 columns (with Brand) must fit the card */
@media (max-width:560px){body{padding:12px 8px}.rc{padding:14px}.rc-items th,.rc-items td{padding:6px 4px;font-size:12.5px}.rc-items td:nth-child(n+4),.rc-items th:nth-child(n+4){white-space:nowrap}.rc-items td:nth-child(3){font-size:12px;color:#5d4c40}}
@media print{body{background:#fff;padding:0}.rc{box-shadow:none}.btn{display:none}}
.btn-line{background:#fff;color:#7a1325;border:1px solid #7a1325}
.rc-up{margin:10px 0 0}.rc-ok{color:#185c2c;margin:6px 0 0;font-size:14px}.rc-err{color:#8a1c1c;margin:6px 0 0;font-size:14px}
@media print{.rc-up{display:none}}