.shop-order-id { color:#c7b9d2; overflow-wrap:anywhere; }
.shop-qr { display:block; width:min(260px,100%); height:auto; background:white; border-radius:12px; margin:12px 0; }
.shop-files { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.shop-files a { border:1px solid #b69acc70; padding:8px 12px; border-radius:12px; }
.shop-qr[hidden],.slip-upload input[hidden] { display:none; }
.slip-upload { margin-top:22px; }
.slip-upload h3 { margin:0 0 10px; }
.slip-drop {
  display:grid;justify-items:center;align-content:center;gap:7px;width:100%;
  min-height:170px;padding:18px;border:2px dashed #b89aca;border-radius:17px;
  background:#c297e214;color:#fae9ff;text-align:center;
}
.slip-drop:hover,.slip-drop.is-dragging { background:#c297e238;border-color:#f7d2ff; }
.slip-drop:focus-visible { outline:2px solid #f7d2ff;outline-offset:3px; }
.slip-drop .slip-drop-plus { font-size:36px;line-height:1;color:#e4bef4; }
.slip-preview { margin:14px 0 0;text-align:center; }
.slip-preview[hidden] { display:none; }
.slip-preview img { display:block;width:auto;max-width:100%;max-height:420px;margin:auto;border-radius:12px;object-fit:contain;background:#fff; }
.slip-preview figcaption { margin-top:8px;color:#ddc8e8;font-size:.86rem; }
.slip-drop>span:last-child,.slip-feedback { color:#ddc8e8;font-size:.86rem; }
.slip-feedback { margin:8px 0;overflow-wrap:anywhere; }
.slip-feedback:empty { display:none; }
.slip-upload>button:last-child { margin-top:10px; }
.payment-progress {
  border:1px solid #d1b0e777;border-left:4px solid #dfb6ef;border-radius:11px;
  padding:14px 16px;background:#c297e21c;
}
.payment-progress p { margin:4px 0 0;color:#dfd1e8; }
.shop-cart-lines { padding:0;list-style:none; }
.shop-cart-lines li { display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:8px 0;border-bottom:1px solid #caa9df36; }
.shop-cart-lines li span { flex:1;min-width:120px; }
.shop-cart-lines button { padding:4px 9px;background:#392644; }
.shop-cart>a { display:inline-block;margin:8px 12px; }
.shop-cart [role=status] a { display:block; }
.inventory-nav { display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 }
.inventory-nav button[aria-pressed=true] { outline:2px solid #efb5e2;outline-offset:2px }
.inventory-pair { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px }
.inventory-slot { min-width:0;padding:14px;border:1px solid #ffffff28;border-radius:14px;overflow-wrap:anywhere }
.inventory-slot h4 { margin:0 }
.inventory-slot input[type=file] { width:100%;min-width:0 }
.inventory-slot p { margin:6px 0 }
.inventory-feedback { color:#f0c8e7 }
.inventory-feedback:empty { display:none }
@media(max-width:640px){
 .inventory-pair { grid-template-columns:minmax(0,1fr) }
 .inventory-nav button { flex:1 }
}