.erp-writeback-receipt {
  --receipt-bg: var(--ui-primary-soft);
  --receipt-border: var(--ui-primary-line);
  --receipt-text: var(--ui-primary);
  margin-top: 16px;
  padding: 20px;
  border: 1px solid var(--receipt-border);
  border-left-width: 5px;
  border-radius: 10px;
  background: var(--receipt-bg);
  color: var(--receipt-text);
  line-height: 1.6;
}
.erp-writeback-receipt[data-state="success"] {
  --receipt-bg: var(--ui-success-soft);
  --receipt-border: var(--ui-success-line);
  --receipt-text: var(--ui-success);
}
.erp-writeback-receipt:is([data-state="warning"], [data-state="unknown"], [data-state="missing"], [data-state="empty"]) {
  --receipt-bg: var(--ui-warning-soft);
  --receipt-border: var(--ui-warning-line);
  --receipt-text: var(--ui-warning);
}
.erp-writeback-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 4px 16px; flex-wrap: wrap; }
.erp-writeback-heading > strong { font-size: 20px; }
.erp-writeback-heading > span { font-size: 12px; }
.erp-writeback-heading > p { flex-basis: 100%; font-size: 14px; }
.erp-writeback-counts { display: flex; gap: 8px 24px; flex-wrap: wrap; margin-top: 14px; font-size: 14px; }
.erp-writeback-counts b { font-size: 19px; }
.erp-writeback-amount { margin-top: 8px; font-size: 14px; }
.erp-writeback-amount strong { font-size: 19px; margin-left: 8px; }
.erp-writeback-amount small { margin-left: 12px; font-size: 12px; }
.erp-writeback-receipt details { margin-top: 14px; border-top: 1px solid var(--receipt-border); padding-top: 10px; }
.erp-writeback-receipt summary { cursor: pointer; width: fit-content; padding: 4px 0; font-size: 14px; font-weight: 700; }
.erp-writeback-receipt :is(summary, .erp-writeback-table):focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.erp-writeback-receipt .erp-writeback-table { margin-top: 10px; overflow-x: auto; }
.erp-writeback-receipt table { min-width: 760px; background: var(--lp-surface, #fff); border-radius: 6px; color: var(--ui-text); }
.erp-writeback-receipt td { overflow-wrap: anywhere; max-width: 300px; }
.erp-writeback-receipt td small { display: block; font-size: 11px; }
.erp-writeback-alert { margin-top: 8px; }
#btnErpWritebackConfirmed.erp-writeback-done { background: var(--ui-success-soft); color: var(--ui-success); border-color: var(--ui-success-line); opacity: 1; }
@media (max-width: 640px) {
  .erp-writeback-receipt { padding: 14px; }
  .erp-writeback-heading > strong { font-size: 18px; }
  .erp-writeback-amount small { display: block; margin-left: 0; }
}