.of-purchase-dialog { box-sizing: border-box; width: min(760px,95vw); max-height: 90dvh; }
.of-purchase-dialog form { display: grid; grid-template-rows: auto minmax(0,1fr) auto; max-height: 85dvh; }
.of-purchase-dialog .dialog-body { overflow: auto; display: grid; gap: 16px; }
.of-purchase-dialog label { display: grid; gap: 6px; }
.of-purchase-dialog input[type="number"], .of-purchase-dialog select { padding: 10px; width: 100%; box-sizing: border-box; }
.of-purchase-dialog [data-colors] { display: grid; gap: 10px; }
.of-purchase-dialog [data-colors] label { display: flex; align-items: center; }
.of-purchase-dialog [role="status"] { min-height: 2em; }