.items-and-receipt { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,34%); gap:24px; align-items:start; }
.receipt-reference { border:1px solid var(--line); border-radius:16px; padding:14px; background:var(--white); position:sticky; top:24px; }
.receipt-reference summary { cursor:pointer; font-weight:700; font-size:12px; display:flex; justify-content:space-between; gap:10px; }
.receipt-reference summary span { color:var(--muted); font:9px 'DM Mono',monospace; }
.receipt-image-frame { margin:14px 0; min-height:180px; display:grid; place-items:center; background:var(--soft); border-radius:10px; overflow:hidden; }
.receipt-image-frame img { width:100%; max-height:65vh; object-fit:contain; display:block; }
.receipt-image-frame p { padding:20px; color:var(--muted); font-size:10px; line-height:1.5; text-align:center; }
.settlement-panel { margin:14px 0 18px; border-top:1px solid var(--line); padding-top:14px; }
.settlement-panel>span { font:500 9px 'DM Mono',monospace; letter-spacing:.1em; color:var(--muted); }
.settlement-panel div div { display:flex; justify-content:space-between; gap:12px; padding:8px 0; font-size:10px; border-bottom:1px solid var(--soft); }
.settlement-panel strong { font-family:'DM Mono',monospace; }
.settlement-panel p { color:var(--muted); font-size:10px; }
@media(max-width:1100px){.items-and-receipt{grid-template-columns:1fr}.receipt-reference{position:static;order:-1}}
.percent-chips { display:flex; gap:5px; margin-top:5px; }
.percent-chips button { border:1px solid var(--line); background:var(--paper); border-radius:100px; padding:5px 8px; font:9px 'DM Mono',monospace; }
.percent-chips button.active { background:var(--accent); border-color:var(--accent); color:white; }