.customer-statement-dialog{width:min(900px,calc(100vw - 1rem));max-width:900px;max-height:calc(100vh - 1rem);overflow:auto;padding:0;border:0;border-radius:14px;background:var(--surface)}
.customer-statement{display:grid;gap:.8rem;padding:1rem}
.customer-statement>header,.statement-purchase>header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;min-width:0}
.customer-statement>header h3{margin:.2rem 0}
.statement-balance{margin:0;padding:.7rem;border-radius:8px;background:var(--surface-alt)}
.statement-purchases{display:grid;gap:.65rem}
.statement-purchase{min-width:0;padding:.75rem;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.statement-purchase small,.statement-amounts,.statement-items,.statement-receipts{display:grid;gap:.25rem;color:var(--muted)}
.statement-purchase p{margin:.3rem 0;overflow-wrap:anywhere;word-break:normal}
.statement-amounts{text-align:right}
.statement-amounts span{display:grid;gap:.1rem}
.statement-amounts b{color:var(--text)}
.statement-description{color:var(--muted)}
.statement-items,.statement-receipts{padding-top:.45rem;border-top:1px solid var(--border)}
.statement-items>b,.statement-receipts>b{color:var(--text)}
.cash-history-session,.sales-history-sale{align-items:start}
.cash-history-session dl{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.45rem}
.cash-history-session dl>div{min-width:0;padding:.45rem;border-radius:7px;background:var(--surface-alt)}
.cash-history-session dt,.cash-history-session dd{overflow-wrap:anywhere}
.sales-history-sale .row-main{min-width:0}
.sales-history-payments,.sales-history-items,.sale-history-values{display:block;margin-top:.25rem;overflow-wrap:anywhere}
@media(min-width:761px){
  .cash-history-list,.sales-history-list{width:min(100%,1060px)}
  .cash-history-session{grid-template-columns:38px minmax(0,1fr);align-items:start}
  .cash-history-session dl{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .sales-history-sale{grid-template-columns:38px minmax(0,1fr) auto;align-items:start}
  .cash-history-session .row-main>span,.sales-history-sale .row-main>span{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.4}
  .sales-history-sale>button{align-self:start;white-space:nowrap}
}
@media(min-width:1100px){.cash-history-session dl{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.customer-statement>header,.statement-purchase>header{display:grid}.statement-amounts{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr))}.cash-history-session dl{grid-template-columns:repeat(2,minmax(0,1fr))}}